// ------------------------ color ------------------------ //

@color-brand1-1: #EEF3F9;

@color-brand1-6: #5584FF;

@color-brand1-9: #3E71F7;

@color-data1-1: #26DAD0;

@color-data1-2: #5C89FF;

@color-data1-3: #7C6AF2;

@color-data1-4: #886E58;

@color-data1-5: #FF6383;

@color-data1-6: #FF9F40;

@color-data1-7: #FFCB48;

@color-data1-8: #31DC72;

@color-white: #FFFFFF;

@color-black: #000000;

@color-transparent: transparent;

@color-success-1: #E4FDDA;

@color-success-2: #CDF2BE;

@color-success-3: #46BC15;

@color-success-4: #41A716;

@color-notice-1: #E3F2FD;

@color-notice-2: #BAD9FF;

@color-notice-3: #4494F9;

@color-notice-4: #2E7DE0;

@color-warning-1: #FFF3E0;

@color-warning-2: #FFE6BD;

@color-warning-3: #FF9300;

@color-warning-4: #EB7E10;

@color-error-1: #FFECE4;

@color-error-2: #FFC8B2;

@color-error-3: #F5A623;

@color-error-4: #E72B00;

@color-help-1: #E3FFF8;

@color-help-2: #C0ECE2;

@color-help-3: #01C1B2;

@color-help-4: #01A79A;

@color-link-1: #5584FF;

@color-link-2: #5584FF;

@color-link-3: #3E71F7;

@color-other-1: #FFEB3B;

@color-other-2: #66571B;

@color-other-3: #EABB06;

@color-line1-1: #E6E7EB;

@color-line1-2: #DCDEE3;

@color-line1-3: #C4C6CF;

@color-line1-4: #A0A2AD;

@color-fill1-1: #F7F8FA;

@color-fill1-2: #F2F3F7;

@color-fill1-3: #EBECF0;

@color-fill1-4: #E2E4E8;

@color-text1-1: #CCCCCC;

@color-text1-2: #999999;

@color-text1-3: #666666;

@color-text1-4: #333333;


// ------------------------ corner ------------------------ //

@corner-1: 3px;

@corner-2: 6px;

@corner-3: 16px;


// ------------------------ font ------------------------ //

@font-family-base: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";

@font-lineheight-1: 1.3;

@font-lineheight-2: 1.5;

@font-lineheight-3: 1.7;

@font-size-display-3: 56px;

@font-size-display-2: 48px;

@font-size-display-1: 36px;

@font-size-headline: 24px;

@font-size-title: 20px;

@font-size-subhead: 16px;

@font-size-body-2: 14px;

@font-size-body-1: 12px;

@font-size-caption: 10px;

@font-weight-1: lighter;

@font-weight-2: normal;

@font-weight-3: bold;


// ------------------------ icon ------------------------ //

@icon-font-path: "//at.alicdn.com/t/font_1006582_62iqew4zqsf";

@icon-font-name: "icon";

@icon-xxs: 8px;

@icon-xs: 12px;

@icon-s: 16px;

@icon-m: 20px;

@icon-l: 24px;

@icon-xl: 32px;

@icon-xxl: 48px;

@icon-xxxl: 64px;

@icon-content-switch: "\e6b3";

@icon-content-attachment: "\e665";

@icon-content-ellipsis: "\e654";

@icon-content-set: "\e683";

@icon-content-edit: "\e63b";

@icon-content-success-filling: "\e63a";

@icon-content-ashbin: "\e639";

@icon-content-sorting: "\e634";

@icon-content-smile: "\e65f";

@icon-content-semi-select: "\e633";

@icon-content-select: "\e632";

@icon-content-refresh: "\e677";

@icon-content-picture: "\e631";

@icon-content-help: "\e673";

@icon-content-filter: "\e627";

@icon-content-download: "\e628";

@icon-content-delete-filling: "\e623";

@icon-content-cry: "\e65d";

@icon-content-clock: "\e621";

@icon-content-descending: "\e61f";

@icon-content-ascending: "\e61e";

@icon-content-search: "\e656";

@icon-content-close: "\e626";

@icon-content-arrow-double-right: "\e65e";

@icon-content-arrow-double-left: "\e659";

@icon-content-add: "\e655";

@icon-content-arrow-down: "\e63d";

@icon-content-arrow-up: "\e625";

@icon-content-arrow-left: "\e61d";

@icon-content-arrow-right: "\e619";

@icon-content-favorites-filling: "\e60e";

@icon-content-error: "\e60d";

@icon-content-prompt: "\e60c";

@icon-content-warning: "\e60b";

@icon-content-success: "\e60a";

@icon-content-account: "\e608";

@icon-content-calendar: "\e607";

@icon-content-atm: "\e606";

@icon-content-email: "\e605";

@icon-content-minus: "\e601";

@icon-content-loading: "\e646";

@icon-content-upload: "\e7ee";


// ------------------------ shadow ------------------------ //

@shadow-sides-base: "base";

@shadow-sides-up: "up";

@shadow-sides-right: "right";

@shadow-sides-down: "down";

@shadow-sides-left: "left";

@shadow-distance-sd1: 1;

@shadow-distance-sd2: 2;

@shadow-distance-sd3: 3;

@shadow-opacity-sd1: .12;

@shadow-opacity-sd2: .12;

@shadow-opacity-sd3: .12;

@shadow-color-sd1: #000000;

@shadow-color-sd2: #000000;

@shadow-color-sd3: #000000;

@shadow-blur-sd1: 3;

@shadow-blur-sd2: 4;

@shadow-blur-sd3: 5;

@shadow-spread-sd1: 0;

@shadow-spread-sd2: 0;

@shadow-spread-sd3: 0;


// ------------------------ size ------------------------ //

@size-base: 4px;


// ------------------------ cascader-select ------------------------ //

@cascader-select-prefix: ".next-cascader-select";


// ------------------------ checkbox ------------------------ //

@checkbox-size: 16px;

@checkbox-border-radius: 3px;

@checkbox-border-width: 1px;

@checkbox-circle-size: 8px;

@checkbox-shadow: none;

@checkbox-border-color: #C4C6CF;

@checkbox-hovered-border-color: #5584FF;

@checkbox-checked-border-color: transparent;

@checkbox-disabled-border-color: #E6E7EB;

@checkbox-checked-hovered-border-color: transparent;

@checkbox-checked-circle-color: #FFFFFF;

@checkbox-disabled-circle-color: #CCCCCC;

@checkbox-checked-hovered-circle-color: #FFFFFF;

@checkbox-bg-color: #FFFFFF;

@checkbox-checked-bg-color: #5584FF;

@checkbox-hovered-bg-color: #EEF3F9;

@checkbox-checked-hovered-bg-color: #3E71F7;

@checkbox-disabled-bg-color: #F7F8FA;

@checkbox-font-size: 12px;

@checkbox-margin-left: 4px;


// ------------------------ timeline ------------------------ //

@timeline-item-node-size: 16px;

@timeline-item-custom-node-size: 40px;

@timeline-item-custom-node-font-size: 10px;

@timeline-item-node-padding: 4px;

@timeline-item-dot-size: 8px;

@timeline-item-icon-size: 12px;

@timeline-item-tail-size: 1px;

@timeline-item-left-content-width: 80px;

@timeline-item-content-margin-left: 12px;

@timeline-item-body-margin-top: 8px;

@timeline-item-title-font-size: 12px;

@timeline-item-title-font-weight: bold;

@timeline-item-title-margin-top: 4px;

@timeline-item-time-margin-top: 4px;

@timeline-item-time-margin-bottom: 12px;

@timeline-item-body-font-size: 10px;

@timeline-item-left-body-font-size: 10px;

@timeline-item-time-font-size: 10px;

@timeline-item-folder-font-size: 10px;

@timeline-item-folder-margin-top: 4px;

@timeline-item-folder-margin-bottom: 4px;

@timeline-item-title-color: #333333;

@timeline-item-body-color: #666666;

@timeline-item-left-body-color: #999999;

@timeline-item-time-color: #999999;

@timeline-item-tail-color: #DCDEE3;

@timeline-item-done-dot-size: 8px;

@timeline-item-done-background: #C4C6CF;

@timeline-item-done-color: #FFFFFF;

@timeline-item-process-dot-size: 8px;

@timeline-item-process-background: #5584FF;

@timeline-item-process-color: #FFFFFF;

@timeline-item-success-dot-size: 8px;

@timeline-item-success-background: #46BC15;

@timeline-item-success-color: #FFFFFF;

@timeline-item-error-dot-size: 8px;

@timeline-item-error-background: #F5A623;

@timeline-item-error-color: #FFFFFF;


// ------------------------ rating ------------------------ //

@rating-small-text-margin-left: 8px;

@rating-small-icon-size: 12px;

@rating-small-font-size: 10px;

@rating-medium-text-margin-left: 12px;

@rating-medium-icon-size: 16px;

@rating-medium-font-size: 12px;

@rating-large-text-margin-left: 16px;

@rating-large-icon-size: 20px;

@rating-large-font-size: 16px;

@rating-normal-underlay-color: #E2E4E8;

@rating-normal-overlay-color: #5584FF;

@rating-normal-overlay-hover-color: #5584FF;

@rating-grade-low-overlay-color: #666666;

@rating-grade-low-overlay-hover-color: #999999;

@rating-grade-high-overlay-color: #5584FF;

@rating-grade-high-overlay-hover-color: #5584FF;


// ------------------------ split-button ------------------------ //

@split-btn-trigger-normal-icon-color: #999999;


// ------------------------ menu-button ------------------------ //

@menu-btn-disabled-icon-color: #CCCCCC;

@menu-btn-ghost-light-disabled-icon-color: rgba(0, 0, 0, 0.1);

@menu-btn-ghost-dark-disabled-icon-color: rgba(255, 255, 255, 0.4);

@menu-btn-pure-text-normal-icon-color: #999999;

@menu-btn-pure-text-primary-icon-color: #FFFFFF;

@menu-btn-pure-text-secondary-icon-color: #5584FF;

@menu-btn-text-text-normal-icon-color: #333333;

@menu-btn-text-text-primary-icon-color: #5584FF;

@menu-btn-ghost-light-icon-color: #333333;

@menu-btn-ghost-dark-icon-color: #FFFFFF;


// ------------------------ search ------------------------ //

@search-normal-corner: 3px;

@search-normal-primary-color: #5584FF;

@search-normal-primary-hover-color: #5584FF;

@search-normal-primary-split-color: #E6E7EB;

@search-normal-primary-shadow: none;

@search-normal-primary-btn-text-color: #FFFFFF;

@search-normal-primary-btn-hover-bg-color: #3E71F7;

@search-normal-primary-btn-hover-text-color: #FFFFFF;

@search-normal-primary-border-width: 2px;

@search-normal-primary-btn-text-padding-left: 0;

@search-normal-primary-l-height: 60px;

@search-normal-primary-l-icon-size: 24px;

@search-normal-primary-l-btn-text-size: 16px;

@search-normal-primary-m-height: 40px;

@search-normal-primary-m-icon-size: 16px;

@search-normal-primary-m-btn-text-size: 16px;

@search-normal-secondary-color: #C4C6CF;

@search-normal-secondary-split-color: #E6E7EB;

@search-normal-secondary-hover-color: #5584FF;

@search-normal-secondary-shadow: none;

@search-normal-secondary-btn-bg-color: #5584FF;

@search-normal-secondary-btn-text-color: #FFFFFF;

@search-normal-secondary-btn-hover-bg-color: #3E71F7;

@search-normal-secondary-btn-hover-text-color: #FFFFFF;

@search-normal-secondary-border-width: 1px;

@search-normal-secondary-btn-text-padding-left: 0;

@search-normal-secondary-l-height: 60px;

@search-normal-secondary-l-icon-size: 24px;

@search-normal-secondary-l-btn-text-size: 16px;

@search-normal-secondary-m-height: 40px;

@search-normal-secondary-m-icon-size: 16px;

@search-normal-secondary-m-btn-text-size: 16px;

@search-normal-normal-color: #C4C6CF;

@search-normal-normal-split-color: #E6E7EB;

@search-normal-normal-hover-color: #A0A2AD;

@search-normal-normal-shadow: none;

@search-normal-normal-btn-bg-color: #F7F8FA;

@search-normal-normal-btn-text-color: #666666;

@search-normal-normal-btn-hover-bg-color: #EBECF0;

@search-normal-normal-btn-hover-text-color: #333333;

@search-normal-normal-border-width: 1px;

@search-normal-normal-btn-text-padding-left: 0;

@search-normal-normal-l-height: 60px;

@search-normal-normal-l-icon-size: 24px;

@search-normal-normal-l-btn-text-size: 16px;

@search-normal-normal-m-height: 40px;

@search-normal-normal-m-icon-size: 16px;

@search-normal-normal-m-btn-text-size: 16px;

@search-normal-dark-color: #5584FF;

@search-normal-dark-hover-color: #5584FF;

@search-normal-dark-text-color: #FFFFFF;

@search-normal-dark-bg-color: #FFFFFF;

@search-normal-dark-bg-opacity: 0;

@search-normal-dark-shadow: none;

@search-normal-dark-btn-text-color: #FFFFFF;

@search-normal-dark-btn-hover-bg-color: #3E71F7;

@search-normal-dark-btn-hover-text-color: #FFFFFF;

@search-normal-dark-border-width: 1px;

@search-normal-dark-btn-text-padding-left: 0;

@search-normal-dark-l-height: 60px;

@search-normal-dark-l-icon-size: 24px;

@search-normal-dark-l-btn-text-size: 16px;

@search-normal-dark-m-height: 40px;

@search-normal-dark-m-icon-size: 16px;

@search-normal-dark-m-btn-text-size: 16px;

@search-simple-corner: 3px;

@search-simple-l-icon-margin-right: 12px;

@search-simple-m-icon-margin-right: 8px;

@search-simple-normal-color: #C4C6CF;

@search-simple-normal-hover-color: #A0A2AD;

@search-simple-normal-split-color: #C4C6CF;

@search-simple-normal-shadow: none;

@search-simple-normal-icon-text-color: #999999;

@search-simple-normal-icon-hover-text-color: #666666;

@search-simple-normal-border-width: 1px;

@search-simple-normal-l-icon-size: 20px;

@search-simple-normal-m-icon-size: 12px;

@search-simple-normal-btn-text-padding-left: 0;

@search-simple-dark-color: #C4C6CF;

@search-simple-dark-hover-color: #C4C6CF;

@search-simple-dark-bg-color: #FFFFFF;

@search-simple-dark-bg-opacity: 0;

@search-simple-dark-text-color: #FFFFFF;

@search-simple-dark-shadow: none;

@search-simple-dark-icon-text-color: #999999;

@search-simple-dark-icon-hover-text-color: #666666;

@search-simple-dark-btn-text-padding-left: 0;

@search-simple-dark-split-color: #C4C6CF;

@search-simple-dark-border-width: 1px;

@search-simple-dark-l-icon-size: 20px;

@search-simple-dark-m-icon-size: 12px;


// ------------------------ cascader ------------------------ //

@cascader-menu-border-width: 1px;

@cascader-menu-icon-expand-size: 8px;

@cascader-menu-border-color: #DCDEE3;

@cascader-menu-border-radius: 3px;

@cascader-menu-icon-expand-color: #666666;

@cascader-menu-icon-hover-expand-color: #333333;

@cascader-menu-item-expanded-color: #333333;

@cascader-menu-item-expanded-background-color: #F2F3F7;


// ------------------------ range ------------------------ //

@range-size-m-track-height: 4px;

@range-size-m-scale-height: 12px;

@range-size-m-scale-item-border-width: 1px;

@range-size-m-slider-hw: 16px;

@range-size-slider-border-style: solid;

@range-size-slider-border-width: 1px;

@range-size-m-mark-top: 30px;

@range-size-m-mark-font-size: 12px;

@range-size-m-mark-font-weight: normal;

@range-size-m-mark-font-lineheight: 20px;

@range-size-m-track-radius: 0;

@range-size-m-scale-radius: 0;

@range-size-m-slider-shadow-moving: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);

@range-normal-unselected-color: #C4C6CF;

@range-normal-selected-color: #5584FF;

@range-normal-slider-bg-color: #FFFFFF;

@range-normal-mark-color: #999999;

@range-normal-mark-selected-color: #333333;

@range-normal-unselected-color-hover: #C4C6CF;

@range-normal-selected-color-hover: #5584FF;

@range-normal-slider-bg-color-hover: #FFFFFF;

@range-size-m-slider-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);

@range-size-m-slider-shadow-hover: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);

@range-normal-mark-color-hover: #999999;

@range-normal-mark-selected-color-hover: #333333;

@range-normal-slider-border-color-hover: transparent;

@range-normal-unselected-color-disabled: #C4C6CF;

@range-normal-selected-color-disabled: #A0A2AD;

@range-normal-slider-bg-color-disabled: #E6E7EB;

@range-normal-slider-border-color: #C4C6CF;

@range-normal-slider-border-color-disabled: #E6E7EB;

@range-normal-mark-color-disabled: #CCCCCC;

@range-normal-mark-selected-color-disabled: #999999;


// ------------------------ tree ------------------------ //

@tree-node-padding: 4px;

@tree-node-title-margin: 4px;

@tree-node-title-padding: 4px;

@tree-node-title-font-size: 12px;

@tree-switch-arrow-size: 12px;

@tree-switch-size: 16px;

@tree-switch-icon-size: 8px;

@tree-switch-border-width: 1px;

@tree-switch-margint-right: 8px;

@tree-line-width: 1px;

@tree-node-normal-color: #333333;

@tree-node-normal-background: #FFFFFF;

@tree-node-title-border-radius: 3px;

@tree-switch-arrow-color: #999999;

@tree-switch-icon-color: #666666;

@tree-switch-bg-color: #FFFFFF;

@tree-switch-border-color: #C4C6CF;

@tree-switch-corner: 3px;

@tree-line-color: #C4C6CF;

@tree-line-style: solid;

@tree-node-hover-color: #333333;

@tree-node-hover-bg-color: #F2F3F7;

@tree-switch-hover-arrow-color: #333333;

@tree-switch-hover-icon-color: #333333;

@tree-switch-hover-bg-color: #F2F3F7;

@tree-switch-hover-border-color: #A0A2AD;

@tree-node-selected-color: #333333;

@tree-node-selected-background: #EEF3F9;

@tree-node-disabled-color: #CCCCCC;

@tree-node-disabled-background: #FFFFFF;


// ------------------------ card ------------------------ //

@card-corner: 3px;

@card-padding-lr: 16px;

@card-border-width: 1px;

@card-head-padding-bottom: 12px;

@card-head-bottom-border-width: 1px;

@card-head-main-height: 40px;

@card-head-main-margin-top: 8px;

@card-head-main-margin-bottom: 0;

@card-title-font-size: 16px;

@card-sub-title-font-size: 10px;

@card-title-extra-font-size: 12px;

@card-title-bullet-width: 3px;

@card-title-bullet-height: 16px;

@card-title-padding-left: 8px;

@card-sub-title-padding-left: 8px;

@card-body-show-divider-padding-top: 12px;

@card-body-hide-divider-padding-top: 0;

@card-body-padding-bottom: 12px;

@card-more-btn-height: 16px;

@card-more-btn-padding-top: 8px;

@card-more-btn-font-size: 12px;

@card-shadow: none;

@card-border-style: solid;

@card-border-color: #DCDEE3;

@card-background: #FFFFFF;

@card-header-background: #FFFFFF;

@card-title-color: #333333;

@card-sub-title-color: #666666;

@card-title-extra-color: #5584FF;

@card-title-bullet-color: #5584FF;

@card-head-bottom-border-color: #E6E7EB;

@card-more-btn-color: #5584FF;

@card-more-btn-background: #FFFFFF;


// ------------------------ paragraph ------------------------ //

@paragraph-text-color: #333333;

@paragraph-s-font-size: 12px;

@paragraph-m-font-size: 14px;

@paragraph-s-line-height: 1.5;

@paragraph-l-line-height: 1.7;


// ------------------------ switch ------------------------ //

@switch-size-m-width: 56px;

@switch-size-m-radius-container: 16px;

@switch-size-m-trigger: 24px;

@switch-size-m-radius-trigger: 16px;

@switch-size-s-width: 44px;

@switch-size-s-radius-container: 16px;

@switch-size-s-trigger: 20px;

@switch-size-s-radius-trigger: 16px;

@switch-border-width-container: 1px;

@switch-text-on-left: 8px;

@switch-size-s-text-on-left: 4px;

@switch-text-off-right: 8px;

@switch-size-s-text-off-right: 4px;

@switch-border-width-trigger: 1px;

@switch-normal-on-bg-color: #5584FF;

@switch-hover-on-bg-color: #3E71F7;

@switch-disabled-on-bg-color: #EBECF0;

@switch-normal-on-trigger-bg-color: #FFFFFF;

@switch-hover-on-trigger-bg-color: #FFFFFF;

@switch-disabled-on-trigger-bg-color: #F7F8FA;

@switch-normal-on-color-font: #FFFFFF;

@switch-disabled-on-color-font: #CCCCCC;

@switch-disabled-on-border-color: #C4C6CF;

@switch-handle-on-border-color: transparent;

@switch-on-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);

@switch-normal-off-bg-color: #FFFFFF;

@switch-hover-off-bg-color: #F2F3F7;

@switch-disabled-off-bg-color: #F7F8FA;

@switch-normal-off-trigger-bg-color: #FFFFFF;

@switch-hover-off-trigger-bg-color: #FFFFFF;

@switch-disabled-off-trigger-bg-color: #F7F8FA;

@switch-handle-disabled-border-color: #E6E7EB;

@switch-normal-off-color-font: #999999;

@switch-disabled-off-color-font: #C4C6CF;

@switch-handle-off-border-color: transparent;

@switch-normal-off-border-color: #C4C6CF;

@switch-hover-off-border-color: #C4C6CF;

@switch-off-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);


// ------------------------ input ------------------------ //

@input-text-color: #333333;

@input-border-color: #C4C6CF;

@input-label-color: #666666;

@input-hover-border-color: #A0A2AD;

@input-hover-bg-color: #FFFFFF;

@input-focus-border-color: #5584FF;

@input-focus-bg-color: #FFFFFF;

@input-border-width: 1px;

@input-bg-color: #FFFFFF;

@input-placeholder-color: #999999;

@input-disabled-color: #CCCCCC;

@input-disabled-border-color: #E6E7EB;

@input-disabled-bg-color: #F7F8FA;

@input-multiple-padding-lr: 8px;

@input-multiple-padding-tb: 4px;

@input-multiple-font-size: 12px;

@input-multiple-corner: 3px;

@input-addon-bg-color: #F2F3F7;

@input-addon-text-color: #999999;

@input-addon-padding: 8px;

@input-l-padding: 12px;

@input-l-label-padding-left: 12px;

@input-l-icon-padding-right: 8px;

@input-m-padding: 8px;

@input-m-label-padding-left: 8px;

@input-m-icon-padding-right: 8px;

@input-s-padding: 4px;

@input-s-label-padding-left: 8px;

@input-s-icon-padding-right: 4px;

@input-feedback-success-color: #46BC15;

@input-feedback-loading-color: #4494F9;

@input-feedback-error-border-color: #F5A623;

@input-maxlen-error-color: #F5A623;

@input-maxlen-color: #999999;

@input-maxlen-font-size: 10px;

@input-hint-color: #999999;

@input-hint-hover-color: #666666;


// ------------------------ menu ------------------------ //

@menu-padding-vertical: 8px;

@menu-padding-horizontal: 20px;

@menu-line-height: 32px;

@menu-font-size: 12px;

@menu-submenu-title-size: 12px;

@menu-padding-title-horizontal: 12px;

@menu-divider-width: 1px;

@menu-divider-margin-ver: 8px;

@menu-divider-margin-hoz: 12px;

@menu-icon-selected-size: 12px;

@menu-icon-size: 8px;

@menu-icon-margin: 4px;

@menu-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);

@menu-color: #333333;

@menu-divider-style: solid;

@menu-divider-color: #E6E7EB;

@menu-background: #FFFFFF;

@menu-arrow-color: #666666;

@menu-background-selected: #FFFFFF;

@menu-color-selected: #333333;

@menu-icon-selected-color: #5584FF;

@menu-background-hover: #F2F3F7;

@menu-color-hover: #333333;

@menu-arrow-color-hover: #333333;

@menu-icon-selected-hover-color: #5584FF;

@menu-color-disabled: #CCCCCC;


// ------------------------ button ------------------------ //

@btn-shadow: none;

@btn-shadow-hover: none;

@btn-size-s-height: 20px;

@btn-size-s-padding: 8px;

@btn-size-s-border-width: 1px;

@btn-size-s-font: 10px;

@btn-size-s-icon-size: 12px;

@btn-size-s-icon-margin: 4px;

@btn-size-s-icon-split-size: 12px;

@btn-size-s-corner: 3px;

@btn-size-m-height: 28px;

@btn-size-m-padding: 12px;

@btn-size-m-border-width: 1px;

@btn-size-m-font: 12px;

@btn-size-m-icon-size: 12px;

@btn-size-m-icon-margin: 4px;

@btn-size-m-icon-split-size: 12px;

@btn-size-m-corner: 3px;

@btn-size-l-height: 40px;

@btn-size-l-padding: 16px;

@btn-size-l-border-width: 1px;

@btn-size-l-font: 16px;

@btn-size-l-icon-size: 16px;

@btn-size-l-icon-margin: 4px;

@btn-size-l-icon-split-size: 16px;

@btn-size-l-corner: 3px;

@btn-pure-color-disabled: #CCCCCC;

@btn-pure-bg-disabled: #F7F8FA;

@btn-pure-border-color-disabled: #E6E7EB;

@btn-pure-normal-color: #333333;

@btn-pure-normal-color-hover: #333333;

@btn-pure-normal-bg: #FFFFFF;

@btn-pure-normal-bg-hover: #F2F3F7;

@btn-pure-normal-border-color: #C4C6CF;

@btn-pure-normal-border-color-hover: #A0A2AD;

@btn-pure-normal-border-style: solid;

@btn-pure-secondary-color: #5584FF;

@btn-pure-secondary-color-hover: #FFFFFF;

@btn-pure-secondary-bg: #FFFFFF;

@btn-pure-secondary-bg-hover: #3E71F7;

@btn-pure-secondary-border-color: #5584FF;

@btn-pure-secondary-border-color-hover: #3E71F7;

@btn-pure-secondary-border-style: solid;

@btn-pure-primary-color: #FFFFFF;

@btn-pure-primary-color-hover: #FFFFFF;

@btn-pure-primary-bg: #5584FF;

@btn-pure-primary-bg-hover: #3E71F7;

@btn-pure-primary-border-color: transparent;

@btn-pure-primary-border-color-hover: transparent;

@btn-pure-primary-border-style: solid;

@btn-ghost-border-style: solid;

@btn-ghost-dark-color: #FFFFFF;

@btn-ghost-dark-border-color: #FFFFFF;

@btn-ghost-dark-color-hover: #FFFFFF;

@btn-ghost-dark-bg: transparent;

@btn-ghost-dark-bg-opacity: 0;

@btn-ghost-dark-bg-hover-rgb: #FFFFFF;

@btn-ghost-dark-bg-hover-opacity: .8;

@btn-ghost-dark-border-color-hover: #FFFFFF;

@btn-ghost-dark-color-disabled-rgb: #FFFFFF;

@btn-ghost-dark-color-disabled-opacity: .4;

@btn-ghost-dark-bg-disabled: transparent;

@btn-ghost-dark-border-color-disabled-rgb: #FFFFFF;

@btn-ghost-dark-border-color-disabled-opacity: .4;

@btn-ghost-light-color: #333333;

@btn-ghost-light-border-color: #333333;

@btn-ghost-light-bg: transparent;

@btn-ghost-light-bg-opacity: 0;

@btn-ghost-light-color-hover: #999999;

@btn-ghost-light-border-color-hover: #333333;

@btn-ghost-light-bg-hover-rgb: #000000;

@btn-ghost-light-bg-hover-opacity: .92;

@btn-ghost-light-color-disabled-rgb: #000000;

@btn-ghost-light-color-disabled-opacity: .1;

@btn-ghost-light-bg-disabled: transparent;

@btn-ghost-light-border-color-disabled-rgb: #000000;

@btn-ghost-light-border-color-disabled-opacity: .1;

@btn-warning-border-style: solid;

@btn-warning-primary-color: #FFFFFF;

@btn-warning-primary-color-hover: #FFFFFF;

@btn-warning-primary-border-color: #F5A623;

@btn-warning-primary-border-color-hover: #E72B00;

@btn-warning-primary-bg: #F5A623;

@btn-warning-primary-bg-hover: #E72B00;

@btn-warning-primary-color-disabled: #CCCCCC;

@btn-warning-primary-border-color-disabled: #DCDEE3;

@btn-warning-primary-bg-disabled: #F7F8FA;

@btn-warning-normal-color: #F5A623;

@btn-warning-normal-color-hover: #FFFFFF;

@btn-warning-normal-border-color: #F5A623;

@btn-warning-normal-border-color-hover: #E72B00;

@btn-warning-normal-bg: #FFFFFF;

@btn-warning-normal-bg-hover: #E72B00;

@btn-warning-normal-color-disabled: #CCCCCC;

@btn-warning-normal-border-color-disabled: #E6E7EB;

@btn-warning-normal-bg-disabled: #F7F8FA;

@btn-text-primary-color: #5584FF;

@btn-text-primary-color-hover: #3E71F7;

@btn-text-disabled-color: #CCCCCC;

@btn-text-loading-color: #333333;

@btn-text-secondary-color: #666666;

@btn-text-secondary-color-hover: #5584FF;

@btn-text-normal-color: #333333;

@btn-text-normal-color-hover: #5584FF;

@btn-text-size-s-height: 16px;

@btn-text-size-s-font: 10px;

@btn-text-icon-size-s: 16px;

@btn-text-icon-s-margin: 4px;

@btn-text-size-m-height: 20px;

@btn-text-size-m-font: 12px;

@btn-text-icon-size-m: 20px;

@btn-text-icon-m-margin: 4px;

@btn-text-size-l-height: 24px;

@btn-text-size-l-font: 14px;

@btn-text-icon-size-l: 24px;

@btn-text-icon-l-margin: 4px;


// ------------------------ table ------------------------ //

@table-normal-border-width: 1px;

@table-th-font-size: 12px;

@table-th-font-weight: normal;

@table-sort-icon-size: 12px;

@table-filter-icon-size: 12px;

@table-body-font-size: 12px;

@table-empty-padding: 32px;

@table-expanded-icon-size: 12px;

@table-tree-expanded-icon-size: 12px;

@table-cell-padding-top: 12px;

@table-cell-padding-left: 16px;

@table-group-split: 8px;

@table-normal-border-color: #DCDEE3;

@table-normal-border-style: solid;

@table-th-bg: #EBECF0;

@table-th-color: #333333;

@table-sort-color: #333333;

@table-group-th-bg: #EBECF0;

@table-group-th-color: #333333;

@table-row-bg: #FFFFFF;

@table-row-color: #333333;

@table-td-gray: #F7F8FA;

@table-td-normal: #FFFFFF;

@table-empty-color: #A0A2AD;

@table-group-footer-bg: #EBECF0;

@table-group-footer-color: #333333;

@table-row-hover-bg: #F2F3F7;

@table-row-hover-color: #333333;

@table-row-selected-bg: #F2F3F7;

@table-row-selected-color: #333333;

@table-sort-color-current: #5584FF;

@table-expanded-ctrl-disabled-color: #999999;


// ------------------------ upload ------------------------ //

@upload-disable-text-color: #CCCCCC;

@upload-disable-border-color: #E6E7EB;

@upload-text-list-height: 28px;

@upload-text-list-padding-left-right: 8px;

@upload-text-list-font-size: 12px;

@upload-text-list-close-icon-size: 12px;

@upload-text-list-close-icon-right: 12px;

@upload-text-list-bg-color: #F2F3F7;

@upload-text-list-bg-color-hover: #F2F3F7;

@upload-text-list-bg-color-error: #FFECE4;

@upload-text-list-error-text-color: #F5A623;

@upload-text-list-close-icon-color: #999999;

@upload-text-list-close-icon-color-hover: #666666;

@upload-text-list-name-font-color: #333333;

@upload-text-list-name-font-color-hover: #5584FF;

@upload-text-list-size-font-color: #999999;

@upload-text-list-size-font-color-hover: #5584FF;

@upload-image-list-item-padding: 8px;

@upload-image-list-item-picture-size: 48px;

@upload-image-list-item-picture-icon-size: 24px;

@upload-image-list-item-thumbnail-font-color: #CCCCCC;

@upload-image-list-item-font-size: 12px;

@upload-image-list-close-icon-size: 12px;

@upload-image-list-close-icon-right: 4px;

@upload-image-list-item-border-width: 1px;

@upload-image-list-item-bg-color: #FFFFFF;

@upload-image-list-close-icon-color: #999999;

@upload-image-list-close-icon-color-hover: #666666;

@upload-image-list-item-border-color: #DCDEE3;

@upload-image-list-item-border-color-error: #F5A623;

@upload-image-list-item-border-color-hover: #5584FF;

@upload-image-list-item-picture-border-color: #DCDEE3;

@upload-image-list-item-picture-background-color: #F2F3F7;

@upload-card-size: 100px;

@upload-card-margin-bottom: 16px;

@upload-card-add-icon-size: 24px;

@upload-card-add-text-size: 12px;

@upload-card-add-text-margin-top: 12px;

@upload-card-bg-color: #FFFFFF;

@upload-card-border-style: dashed;

@upload-card-border-color: #C4C6CF;

@upload-card-hover-border-color: #5584FF;

@upload-card-icon-color: #5584FF;

@upload-card-font-color: #666666;

@upload-card-hover-font-color: #5584FF;

@upload-card-list-uploading-bg-color: #F7F8FA;

@upload-card-list-bg-color-error: #F7F8FA;

@upload-card-list-margin-right: 12px;

@upload-card-list-border-color: #C4C6CF;

@upload-card-list-border-color-error: #F5A623;

@upload-card-list-thumbnail-font-color: #CCCCCC;

@upload-card-list-thumbnail-font-size: 10px;

@upload-card-list-thumbnail-icon-size: 48px;

@upload-card-list-name-margin-top: 4px;

@upload-card-list-name-font-size: 10px;

@upload-card-list-name-font-color: #666666;

@upload-drag-zone-border-color: #C4C6CF;

@upload-drag-zone-over-border-color: #5584FF;

@upload-drag-zone-corner: 3px;

@upload-drag-zone-font-size: 14px;

@upload-drag-zone-hint-font-size: 10px;


// ------------------------ number-picker ------------------------ //

@number-picker-normal-m-button-width: 20px;

@number-picker-normal-l-button-width: 20px;

@number-picker-normal-m-button-icon-size: 8px;

@number-picker-normal-l-button-icon-size: 8px;

@number-picker-inline-m-button-icon-size: 12px;

@number-picker-inline-m-button-margin: 2px;

@number-picker-inline-l-button-icon-size: 12px;

@number-picker-inline-l-button-margin: 2px;


// ------------------------ form ------------------------ //

@form-label-padding-r: 12px;

@form-item-m-margin-b: 16px;

@form-item-l-margin-b: 20px;

@form-item-s-margin-b: 12px;

@form-inline-l-item-margin-r: 24px;

@form-inline-m-item-margin-r: 20px;

@form-inline-s-item-margin-r: 16px;

@form-help-margin-top: 4px;

@form-help-font-size: 10px;

@form-help-color: #999999;

@form-error-color: #F5A623;

@form-top-label-margin-b: 2px;

@form-label-color: #666666;


// ------------------------ tag ------------------------ //

@tag-size-l-height: 40px;

@tag-size-m-height: 28px;

@tag-size-s-height: 20px;

@tag-size-l-padding-lr: 16px;

@tag-size-m-padding-lr: 12px;

@tag-size-s-padding-lr: 8px;

@tag-corner-radius: 3px;

@tag-checkable-corner-radius: 3px;

@tag-border-width: 1px;

@tag-shadow: none;

@tag-size-l-text-size: 16px;

@tag-size-m-text-size: 14px;

@tag-size-s-text-size: 10px;

@tag-size-l-icon-font: 12px;

@tag-size-m-icon-font: 8px;

@tag-size-s-icon-font: 8px;

@tag-size-l-tick-icon-size: 16px;

@tag-size-m-tick-icon-size: 12px;

@tag-size-s-tick-icon-size: 8px;

@tag-size-l-tick-icon-bg-size: 36px;

@tag-size-m-tick-icon-bg-size: 28px;

@tag-size-s-tick-icon-bg-size: 20px;

@tag-normal-text-color: #333333;

@tag-fill-text-color: #666666;

@tag-closable-normal-icon-color: #FFFFFF;

@tag-closable-normal-icon-color-hover: #FFFFFF;

@tag-closable-normal-icon-color-disabled: #FFFFFF;

@tag-closable-normal-bg: #C4C6CF;

@tag-closable-normal-bg-hover: #A0A2AD;

@tag-closable-normal-bg-disabled: #E6E7EB;

@tag-closable-bordered-text-color: #666666;

@tag-closable-bordered-border-color: #C4C6CF;

@tag-closable-bordered-bg: transparent;

@tag-closable-bordered-text-color-hover: #333333;

@tag-closable-bordered-border-color-hover: #A0A2AD;

@tag-closable-bordered-bg-hover: transparent;

@tag-closable-bordered-tail-color: #666666;

@tag-closable-bordered-tail-color-hover: #333333;

@tag-closable-bordered-tail-color-disabled: #CCCCCC;

@tag-closable-bordered-border-color-disabled: #E6E7EB;

@tag-closable-bordered-text-color-disabled: #CCCCCC;

@tag-closable-bordered-bg-disabled: transparent;

@tag-fill-tail-color: #666666;

@tag-fill-text-color-disabled: #CCCCCC;

@tag-fill-border-color-disabled: #F7F8FA;

@tag-fill-bg-color-disabled: #F7F8FA;

@tag-fill-tail-color-disabled: #CCCCCC;

@tag-primary-text-color: #FFFFFF;

@tag-primary-bg-color: #5584FF;

@tag-primary-tail-color: #FFFFFF;

@tag-bordered-text-color: #666666;

@tag-bordered-tail-color: #666666;

@tag-secondary-text-color: #5584FF;

@tag-normal-text-color-hover: #5584FF;

@tag-fill-text-color-hover: #333333;

@tag-fill-tail-color-hover: #333333;

@tag-primary-text-color-hover: #FFFFFF;

@tag-primary-tail-color-hover: #FFFFFF;

@tag-bordered-text-color-hover: #333333;

@tag-bordered-tail-color-hover: #333333;

@tag-bordered-tail-color-disabled: #CCCCCC;

@tag-bordered-text-color-disabled: #CCCCCC;

@tag-bordered-border-color-disabled: #E6E7EB;

@tag-bordered-bg-disabled: #F7F8FA;

@tag-secondary-text-color-hover: #3E71F7;

@tag-bordered-border-color: #C4C6CF;

@tag-secondary-border-color: #5584FF;

@tag-checkable-normal-bg-selected: #5584FF;

@tag-checkable-secondary-bg-selected: #5584FF;

@tag-bordered-border-color-hover: #A0A2AD;

@tag-secondary-border-color-hover: #3E71F7;

@tag-checkable-normal-bg-selected-hover: #3E71F7;

@tag-checkable-secondary-bg-selected-hover: #3E71F7;

@tag-fill-bg-color: #EBECF0;

@tag-primary-background-color: #5584FF;

@tag-bordered-bg: transparent;

@tag-secondary-bg: transparent;

@tag-fill-bg-color-hover: #E2E4E8;

@tag-primary-bg-color-hover: #3E71F7;

@tag-bordered-bg-hover: transparent;

@tag-secondary-bg-hover: transparent;

@tag-text-color-disabled: #CCCCCC;

@tag-border-color-disabled: #E6E7EB;

@tag-checkable-fill-text-color: #666666;

@tag-checkable-fill-bg-color: #EBECF0;

@tag-checkable-fill-text-color-hover: #333333;

@tag-checkable-fill-bg-color-hover: #E2E4E8;

@tag-checkable-fill-tail-color: #666666;

@tag-checkable-fill-tail-color-hover: #333333;

@tag-checkable-fill-tail-color-disabled: #CCCCCC;

@tag-checkable-fill-text-color-disabled: #CCCCCC;

@tag-checkable-fill-border-color-disabled: #F7F8FA;

@tag-checkable-fill-bg-color-disabled: #F7F8FA;

@tag-checkable-normal-text-color: #666666;

@tag-checkable-normal-border-color: #C4C6CF;

@tag-checkable-normal-bg: transparent;

@tag-checkable-normal-text-color-hover: #333333;

@tag-checkable-normal-border-color-hover: #C4C6CF;

@tag-checkable-normal-bg-hover: transparent;

@tag-checkable-normal-text-selected-disabled: #CCCCCC;

@tag-checkable-normal-border-selected-disabled: #E6E7EB;

@tag-checkable-normal-bg-selected-disabled: #F7F8FA;

@tag-checkable-normal-tick-bg-selected-disabled: #E6E7EB;

@tag-checkable-primary-text-color: #FFFFFF;

@tag-checkable-primary-bg-color: #5584FF;

@tag-checkable-primary-text-color-hover: #FFFFFF;

@tag-checkable-primary-bg-color-hover: #3E71F7;

@tag-checkable-primary-tail-color: #FFFFFF;

@tag-checkable-primary-tail-color-hover: #FFFFFF;

@tag-checkable-secondary-bg-selected-disabled: #E6E7EB;

@tag-primary-bg-color-disabled: #EEF3F9;

@tag-checkable-normal-icon-color-selected: #FFFFFF;

@tag-checkable-normal-icon-color-selected-hover: #FFFFFF;

@tag-checkable-normal-icon-color-selected-disabled: #FFFFFF;

@tag-checkable-secondary-icon-color-selected: #FFFFFF;

@tag-checkable-secondary-icon-color-selected-hover: #FFFFFF;

@tag-checkable-secondary-icon-color-selected-disabled: #FFFFFF;


// ------------------------ loading ------------------------ //

@loading-icon-size: 32px;

@loading-dot-color: #5584FF;

@loading-large-size: 48px;

@loading-large-dot-size: 12px;

@loading-medium-size: 32px;

@loading-medium-dot-size: 8px;


// ------------------------ select ------------------------ //

@select-color: #333333;

@select-hint-color: #999999;

@select-highlight-color: #5584FF;

@select-highlight-font: 12px;

@select-l-lineheight: 24px;

@select-m-lineheight: 20px;

@select-s-lineheight: 14px;


// ------------------------ message ------------------------ //

@message-size-l-padding: 16px;

@message-size-l-border-width: 2px;

@message-size-l-title-content-padding-left: 12px;

@message-size-l-title-content-padding-right: 20px;

@message-size-l-title-font: 20px;

@message-size-l-content-margin-top: 8px;

@message-size-l-content-font: 12px;

@message-size-l-close-top: 16px;

@message-size-l-close-right: 16px;

@message-size-l-icon: 24px;

@message-size-m-padding: 12px;

@message-size-m-border-width: 1px;

@message-size-m-title-content-padding-left: 8px;

@message-size-m-title-content-padding-right: 20px;

@message-size-m-title-font: 16px;

@message-size-m-content-margin-top: 8px;

@message-size-m-content-font: 12px;

@message-size-m-close-top: 12px;

@message-size-m-close-right: 12px;

@message-size-m-icon: 16px;

@message-close-icon-size: 12px;

@message-border-radius: 3px;

@message-border-style: solid;

@message-border-radius-toast: 3px;

@message-border-style-toast: solid;

@message-shadow-toast: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);

@message-success-color-bg-inline: #E4FDDA;

@message-success-color-bg-addon: transparent;

@message-success-color-bg-toast: #FFFFFF;

@message-success-color-border-inline: #E4FDDA;

@message-success-color-border-toast: #FFFFFF;

@message-success-color-title-inline: #333333;

@message-success-color-title-addon: #333333;

@message-success-color-title-toast: #333333;

@message-success-color-content-inline: #666666;

@message-success-color-content-addon: #666666;

@message-success-color-content-toast: #666666;

@message-success-color-icon-inline: #46BC15;

@message-success-color-icon-addon: #46BC15;

@message-success-color-icon-toast: #46BC15;

@message-error-color-bg-inline: #FFECE4;

@message-error-color-bg-addon: transparent;

@message-error-color-bg-toast: #FFFFFF;

@message-error-color-border-inline: #FFECE4;

@message-error-color-border-toast: #FFFFFF;

@message-error-color-title-inline: #333333;

@message-error-color-title-addon: #333333;

@message-error-color-title-toast: #333333;

@message-error-color-content-inline: #666666;

@message-error-color-content-addon: #666666;

@message-error-color-content-toast: #666666;

@message-error-color-icon-inline: #F5A623;

@message-error-color-icon-addon: #F5A623;

@message-error-color-icon-toast: #F5A623;

@message-warning-color-bg-inline: #FFF3E0;

@message-warning-color-bg-addon: transparent;

@message-warning-color-bg-toast: #FFFFFF;

@message-warning-color-border-inline: #FFF3E0;

@message-warning-color-border-toast: #FFFFFF;

@message-warning-color-title-inline: #333333;

@message-warning-color-title-addon: #333333;

@message-warning-color-title-toast: #333333;

@message-warning-color-content-inline: #666666;

@message-warning-color-content-addon: #666666;

@message-warning-color-content-toast: #666666;

@message-warning-color-icon-inline: #FF9300;

@message-warning-color-icon-addon: #FF9300;

@message-warning-color-icon-toast: #FF9300;

@message-notice-color-bg-inline: #E3F2FD;

@message-notice-color-bg-addon: transparent;

@message-notice-color-bg-toast: #FFFFFF;

@message-notice-color-border-inline: #E3F2FD;

@message-notice-color-border-toast: #FFFFFF;

@message-notice-color-title-inline: #333333;

@message-notice-color-title-addon: #333333;

@message-notice-color-title-toast: #333333;

@message-notice-color-content-inline: #666666;

@message-notice-color-content-addon: #666666;

@message-notice-color-content-toast: #666666;

@message-notice-color-icon-inline: #4494F9;

@message-notice-color-icon-addon: #4494F9;

@message-notice-color-icon-toast: #4494F9;

@message-help-color-bg-inline: #E3FFF8;

@message-help-color-bg-addon: transparent;

@message-help-color-bg-toast: #FFFFFF;

@message-help-color-border-inline: #E3FFF8;

@message-help-color-border-toast: #FFFFFF;

@message-help-color-title-inline: #333333;

@message-help-color-title-addon: #333333;

@message-help-color-title-toast: #333333;

@message-help-color-content-inline: #666666;

@message-help-color-content-addon: #666666;

@message-help-color-content-toast: #666666;

@message-help-color-icon-inline: #01C1B2;

@message-help-color-icon-addon: #01C1B2;

@message-help-color-icon-toast: #01C1B2;

@message-loading-color-bg-inline: #FFFFFF;

@message-loading-color-bg-addon: transparent;

@message-loading-color-bg-toast: #FFFFFF;

@message-loading-color-border-inline: #FFFFFF;

@message-loading-color-border-toast: #FFFFFF;

@message-loading-color-title-inline: #333333;

@message-loading-color-title-addon: #333333;

@message-loading-color-title-toast: #333333;

@message-loading-color-content-inline: #666666;

@message-loading-color-content-addon: #666666;

@message-loading-color-content-toast: #666666;

@message-loading-color-icon-inline: #5584FF;

@message-loading-color-icon-addon: #5584FF;

@message-loading-color-icon-toast: #5584FF;

@message-close-icon-color: #999999;

@message-hover-close-icon-color: #666666;


// ------------------------ dialog ------------------------ //

@dialog-border-width: 1px;

@dialog-title-font-size: 16px;

@dialog-title-padding-top: 12px;

@dialog-title-padding-bottom: 12px;

@dialog-title-padding-left-right: 20px;

@dialog-title-border-width: 0;

@dialog-content-font-size: 12px;

@dialog-content-padding-top: 20px;

@dialog-content-padding-bottom: 20px;

@dialog-content-padding-left-right: 20px;

@dialog-footer-border-width: 0;

@dialog-footer-padding-top: 12px;

@dialog-footer-padding-bottom: 12px;

@dialog-footer-padding-left-right: 20px;

@dialog-close-top: 16px;

@dialog-close-right: 16px;

@dialog-close-width: 16px;

@dialog-close-size: 12px;

@dialog-bg: #FFFFFF;

@dialog-border-color: #DCDEE3;

@dialog-border-style: solid;

@dialog-corner: 6px;

@dialog-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);

@dialog-title-color: #333333;

@dialog-title-bg-color: transparent;

@dialog-title-border-color: transparent;

@dialog-content-color: #666666;

@dialog-footer-bg-color: transparent;

@dialog-footer-border-color: transparent;

@dialog-close-color: #999999;

@dialog-close-color-hovered: #333333;

@dialog-close-bg-hovered: transparent;


// ------------------------ progress ------------------------ //

@progress-line-height-size-l: 12px;

@progress-line-height-size-m: 8px;

@progress-line-height-size-s: 4px;

@progress-line-underlay-border-width: 1px;

@progress-line-font-l: 12px;

@progress-line-font-m: 10px;

@progress-line-font-s: 10px;

@progress-line-underlay-color: #EBECF0;

@progress-line-underlay-border-color: #DCDEE3;

@progress-line-radius-l: 16px;

@progress-line-radius-m: 16px;

@progress-line-radius-s: 16px;

@progress-line-font-color: #333333;

@progress-line-normal-color: #5584FF;

@progress-line-error-color: #F5A623;

@progress-line-success-color: #46BC15;

@progress-line-started-color: #F5A623;

@progress-line-middle-color: #FF9300;

@progress-line-finishing-color: #46BC15;

@progress-circle-size-l: 132px;

@progress-circle-size-m: 116px;

@progress-circle-size-s: 100px;

@progress-circle-underlay-width: 8px;

@progress-circle-overlay-width: 8px;

@progress-circle-font-l: 36px;

@progress-circle-font-m: 24px;

@progress-circle-font-s: 20px;

@progress-circle-underlay-color: #EBECF0;

@progress-circle-text-color: #333333;

@progress-circle-corner: round;

@progress-circle-normal-color: #5584FF;

@progress-circle-error-color: #F5A623;

@progress-circle-success-color: #46BC15;

@progress-circle-started-color: #F5A623;

@progress-circle-middle-color: #FF9300;

@progress-circle-finishing-color: #46BC15;


// ------------------------ badge ------------------------ //

@badge-size-dot-width: 8px;

@badge-size-list-margin: 0;

@badge-size-count-config-height: 16px;

@badge-size-count-padding-lr: 4px;

@badge-size-custom-padding-lr: 4px;

@badge-size-count-font: 10px;

@badge-color-bg: #F5A623;

@badge-size-count-border-radius: 8px;

@badge-dot-color-bg: #F5A623;

@badge-size-dot-border-radius: 8px;

@badge-size-custom-border-radius: 3px;


// ------------------------ balloon ------------------------ //

@balloon-size-max-width: 300px;

@balloon-size-padding-top: 16px;

@balloon-size-padding-right: 16px;

@balloon-size-padding-closable-right: 40px;

@balloon-normal-border-width: 1px;

@balloon-primary-border-width: 1px;

@balloon-tooltip-border-width: 1px;

@balloon-size-close: 12px;

@balloon-size-close-margin-top: 12px;

@balloon-size-close-margin-right: 12px;

@balloon-size-arrow-size: 12px;

@balloon-size-arrow-margin: 12px;

@balloon-tooltip-size-padding-top: 8px;

@balloon-tooltip-size-padding-right: 8px;

@balloon-tooltip-size-padding-bottom: 8px;

@balloon-tooltip-size-padding-left: 8px;

@balloon-border-style: solid;

@balloon-corner: 3px;

@balloon-normal-color-bg: #FFFFFF;

@balloon-normal-color-border: #DCDEE3;

@balloon-normal-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);

@balloon-normal-color: #333333;

@balloon-normal-color-close: #999999;

@balloon-normal-color-close-hover: #666666;

@balloon-primary-color-bg: #E3F2FD;

@balloon-primary-color-border: #4494F9;

@balloon-primary-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);

@balloon-primary-color: #333333;

@balloon-primary-color-close: #999999;

@balloon-primary-color-close-hover: #333333;

@balloon-tooltip-color-bg: #F2F3F7;

@balloon-tooltip-color-border: #DCDEE3;

@balloon-tooltip-border-style: solid;

@balloon-tooltip-color: #333333;


// ------------------------ transfer ------------------------ //

@transfer-operation-margin-left-right: 20px;

@transfer-operation-margin-gutter: 8px;

@transfer-operation-icon-size: 12px;

@transfer-panel-border-width: 1px;

@transfer-panel-header-padding-top-bottom: 8px;

@transfer-panel-header-padding-left-right: 20px;

@transfer-panel-header-text-size: 12px;

@transfer-panel-search-margin-top: 8px;

@transfer-panel-search-margin-left-right: 4px;

@transfer-panel-search-margin-bottom: 0;

@transfer-panel-footer-padding-top-bottom: 8px;

@transfer-panel-footer-padding-left-right: 20px;

@transfer-simple-move-icon-color: #C4C6CF;

@transfer-panel-border-color: #DCDEE3;

@transfer-panel-border-corner: 3px;

@transfer-panel-background-color: #FFFFFF;

@transfer-panel-header-text-color: #333333;

@transfer-panel-header-background-color: #F7F8FA;

@transfer-panel-search-icon-color: #999999;

@transfer-panel-footer-text-color: #333333;

@transfer-panel-footer-background-color: #FFFFFF;

@transfer-simple-panel-footer-text-color: #5584FF;

@transfer-simple-panel-item-hover-text-color: #5584FF;


// ------------------------ tree-select ------------------------ //

@tree-select-padding-vertical: 8px;

@tree-select-padding-horizontal: 20px;

@tree-select-background: #FFFFFF;


// ------------------------ collapse ------------------------ //

@collapse-border-width: 1px;

@collapse-border-corner: 3px;

@collapse-border-color: #DCDEE3;

@collapse-panel-border-color: #DCDEE3;

@collapse-disabled-border-color: #E6E7EB;

@collapse-title-border-width: 1px;

@collapse-title-height: 20px;

@collapse-title-bg-color: #F2F3F7;

@collapse-title-hover-bg-color: #EBECF0;

@collapse-title-disabled-bg-color: #F2F3F7;

@collapse-title-font-color: #333333;

@collapse-title-font-disabled-color: #CCCCCC;

@collapse-title-font-size: 14px;

@collapse-title-font-weight: normal;

@collapse-title-padding-tb: 8px;

@collapse-icon-size: 8px;

@collapse-icon-color: #333333;

@collapse-icon-margin-r: 8px;

@collapse-icon-margin-l: 12px;

@collapse-content-bg-color: #FFFFFF;

@collapse-content-padding-x: 16px;

@collapse-content-padding-y: 12px;

@collapse-content-font-size: 12px;

@collapse-content-color: #666666;


// ------------------------ pagination ------------------------ //

@pagination-item-split: 4px;

@pagination-ellipsis-size: 12px;

@pagination-ellipsis-margin: 8px;

@pagination-current-font-size: 12px;

@pagination-total-font-size: 12px;

@pagination-jump-font-size: 12px;

@pagination-input-width: 36px;

@pagination-input-margin: 4px;

@pagination-size-selector-title-margin-right: 4px;

@pagination-size-selector-number-padding: 12px;

@pagination-large-item-split: 8px;

@pagination-large-ellipsis-size: 16px;

@pagination-large-current-font-size: 16px;

@pagination-large-total-font-size: 16px;

@pagination-large-input-width: 48px;

@pagination-large-jump-font-size: 16px;

@pagination-large-size-selector-number-padding: 16px;

@pagination-small-item-split: 4px;

@pagination-small-ellipsis-size: 12px;

@pagination-small-current-font-size: 10px;

@pagination-small-total-font-size: 10px;

@pagination-small-input-width: 28px;

@pagination-small-jump-font-size: 10px;

@pagination-small-size-selector-number-padding: 8px;

@pagination-ellipsis-color: #999999;

@pagination-current-color: #5584FF;

@pagination-total-color: #333333;

@pagination-jump-color: #999999;

@pagination-size-selector-title-color: #999999;

@pagination-size-selector-filter-color: #666666;

@pagination-size-selector-filter-current-color: #5584FF;

@pagination-item-current-color: #FFFFFF;

@pagination-arrow-hover-color: #333333;

@pagination-arrow-hover-color-noboder: #5584FF;

@pagination-arrow-color: #666666;

@pagination-item-current-border-color: #5584FF;

@pagination-item-current-bg: #5584FF;

@pagination-item-current-hover-color: #FFFFFF;

@pagination-item-current-hover-border-color: #5584FF;

@pagination-item-current-hover-bg: #5584FF;


// ------------------------ time-picker ------------------------ //

@time-picker-panel-width: 200px;

@time-picker-panel-background: #FFFFFF;

@time-picker-menu-border-width: 1px;

@time-picker-menu-title-font-size: 10px;

@time-picker-menu-item-font-size: 10px;

@time-picker-menu-title-height: 28px;

@time-picker-menu-item-height: 28px;

@time-picker-menu-border-color: #C4C6CF;

@time-picker-menu-title-color: #999999;

@time-picker-menu-title-background: #FFFFFF;

@time-pikcer-menu-title-font-weight: normal;

@time-picker-menu-item-color: #666666;

@time-picker-menu-item-color-hover: #333333;

@time-picker-menu-item-color-selected: #666666;

@time-picker-menu-item-color-disabled: #CCCCCC;

@time-picker-menu-item-background: #FFFFFF;

@time-picker-menu-item-background-hover: #F2F3F7;

@time-picker-menu-item-background-selected: #F2F3F7;

@time-picker-menu-item-background-disabled: #FFFFFF;

@time-picker-menu-item-font-weight-selected: bold;


// ------------------------ slider ------------------------ //

@slick-dots-position-bottom: 12px;

@slick-dots-position-right: 20px;

@slick-dots-diameter: 8px;

@slick-dots-margin-lr: 4px;

@slick-dots-margin-tb: 0;

@slick-arrow-width-m: 28px;

@slick-arrow-width-l: 48px;

@slick-arrow-height-m: 56px;

@slick-arrow-height-l: 96px;

@slick-ver-arrow-width-m: 56px;

@slick-ver-arrow-width-l: 96px;

@slick-ver-arrow-height-m: 28px;

@slick-ver-arrow-height-l: 48px;

@slick-arrow-icon-m: 20px;

@slick-arrow-icon-l: 32px;

@slick-arrow-position-lr-m: 4px;

@slick-arrow-position-lr-l: 8px;

@slick-ver-arrow-position-tb-m: 4px;

@slick-ver-arrow-position-tb-l: 16px;

@slick-track-padding-lr: 24px;

@slick-ver-track-padding-tb: 24px;

@slick-dots-background-color-normal: #000000;

@slick-dots-background-color-hover: #000000;

@slick-dots-background-color-selected: #5584FF;

@slick-dots-background-opacity-normal: .32;

@slick-dots-background-opacity-hover: .32;

@slick-dots-background-opacity-selected: 1;

@slick-dots-border-width: 0;

@slick-dots-border-color-normal: #FFFFFF;

@slick-dots-border-color-hover: #FFFFFF;

@slick-dots-border-color-selected: #FFFFFF;

@slick-dots-border-opacity-normal: 1;

@slick-dots-border-opacity-hover: 1;

@slick-dots-border-opacity-selected: 1;

@slick-arrow-icon-color-normal: #FFFFFF;

@slick-arrow-icon-color-normal-outer: #666666;

@slick-arrow-icon-color-hover: #FFFFFF;

@slick-arrow-icon-color-hover-outer: #333333;

@slick-arrow-icon-color-disabled: #CCCCCC;

@slick-arrow-icon-color-disabled-outer: #CCCCCC;

@slick-arrow-bg-color-normal: #000000;

@slick-arrow-bg-color-hover: #000000;

@slick-arrow-bg-color-disabled: #F7F8FA;

@slick-arrow-bg-opacity-normal: .2;

@slick-arrow-bg-opacity-hover: .4;

@slick-arrow-bg-opacity-disabled: .5;

@slick-arrow-bg-color-normal-outer: transparent;

@slick-arrow-bg-color-hover-outer: transparent;

@slick-arrow-bg-color-disabled-outer: transparent;

@slick-arrow-bg-opacity-normal-outer: .32;

@slick-arrow-bg-opacity-hover-outer: .32;

@slick-arrow-bg-opacity-disabled-outer: .32;

@slick-arrow-corner-radius-outer: 0;


// ------------------------ radio ------------------------ //

@radio-width: 16px;

@radio-circle-border-width: 1px;

@radio-circle-size: 4px;

@radio-font-margin-left: 4px;

@radio-font-size: 12px;

@radio-shadow: none;

@radio-radius-size: 50%;

@radio-bg-color: #FFFFFF;

@radio-hovered-bg-color: #EEF3F9;

@radio-checked-bg-color: #5584FF;

@radio-disabled-bg-color: #F7F8FA;

@radio-checked-hovered-bg-color: #3E71F7;

@radio-border-color: #C4C6CF;

@radio-hovered-border-color: #5584FF;

@radio-checked-border-color: #5584FF;

@radio-disabled-border-color: #E6E7EB;

@radio-checked-hovered-border-color: transparent;

@radio-checked-circle-color: #FFFFFF;

@radio-disabled-circle-color: #CCCCCC;

@radio-checked-hovered-circle-color: #FFFFFF;

@radio-normal-font-color: #333333;

@radio-normal-font-color-disabled: #CCCCCC;

@radio-button-height-large: 40px;

@radio-button-height-medium: 28px;

@radio-button-height-small: 20px;

@radio-button-padding-large: 8px;

@radio-button-padding-medium: 8px;

@radio-button-padding-small: 8px;

@radio-button-corner-large: 3px;

@radio-button-corner-medium: 3px;

@radio-button-corner-small: 3px;

@radio-button-font-size-large: 16px;

@radio-button-font-size-medium: 12px;

@radio-button-font-size-small: 10px;

@radio-button-bg-color: #FFFFFF;

@radio-button-bg-color-hovered: #F2F3F7;

@radio-button-bg-color-checked: #FFFFFF;

@radio-button-bg-color-disabled: #F7F8FA;

@radio-button-bg-color-checked-disabled: #F2F3F7;

@radio-button-border-color: #C4C6CF;

@radio-button-border-color-hovered: #A0A2AD;

@radio-button-border-color-checked: #5584FF;

@radio-button-border-color-disabled: #E6E7EB;

@radio-button-border-color-checked-disabled: #E6E7EB;

@radio-button-font-color: #333333;

@radio-button-font-color-hovered: #333333;

@radio-button-font-color-checked: #5584FF;

@radio-button-font-color-disabled: #CCCCCC;

@radio-button-font-color-checked-disabled: #CCCCCC;


// ------------------------ step ------------------------ //

@step-arrow-item-height: 32px;

@step-arrow-item-title-size: 14px;

@step-arrow-item-title-weight: bold;

@step-arrow-item-wait-background: #EBECF0;

@step-arrow-item-title-wait-color: #999999;

@step-arrow-item-process-background: #5584FF;

@step-arrow-item-title-process-color: #FFFFFF;

@step-arrow-item-finish-background: #EEF3F9;

@step-arrow-item-title-finish-color: #5584FF;

@step-arrow-item-disabled-background: #F7F8FA;

@step-arrow-item-title-disabled-color: #CCCCCC;

@step-circle-item-node-padding: 8px;

@step-circle-item-node-border-width: 1px;

@step-circle-item-node-icon-size: 12px;

@step-circle-item-node-font-size: 10px;

@step-circle-item-node-corner: 50%;

@step-circle-item-tail-size: 1px;

@step-circle-item-title-margin-top: 8px;

@step-circle-item-content-margin-top: 4px;

@step-circle-item-content-font-size: 10px;

@step-circle-item-body-width: 100px;

@step-circle-item-title-size: 14px;

@step-circle-item-title-weight: bold;

@step-circle-item-node-wait-size: 32px;

@step-circle-item-node-process-size: 32px;

@step-circle-item-node-finish-size: 32px;

@step-circle-item-node-disabled-size: 32px;

@step-circle-item-tail-wait-color: #C4C6CF;

@step-circle-item-tail-process-color: #C4C6CF;

@step-circle-item-tail-finish-color: #5584FF;

@step-circle-item-tail-disabled-color: #E6E7EB;

@step-circle-item-node-wait-font-weight: normal;

@step-circle-item-node-process-font-weight: normal;

@step-circle-item-node-disabled-font-weight: normal;

@step-circle-item-node-finish-font-weight: normal;

@step-circle-item-title-wait-color: #666666;

@step-circle-item-title-process-color: #333333;

@step-circle-item-title-finish-color: #666666;

@step-circle-item-title-disabled-color: #CCCCCC;

@step-circle-item-node-wait-border-color: #A0A2AD;

@step-circle-item-node-wait-background: #FFFFFF;

@step-circle-item-node-wait-color: #666666;

@step-circle-item-node-process-border-color: #5584FF;

@step-circle-item-node-process-background: #5584FF;

@step-circle-item-node-process-color: #FFFFFF;

@step-circle-item-node-process-percent-color: #5584FF;

@step-circle-item-node-finish-border-color: #5584FF;

@step-circle-item-node-finish-background: #FFFFFF;

@step-circle-item-node-finish-color: #5584FF;

@step-circle-item-node-disabled-border-color: #E6E7EB;

@step-circle-item-node-disabled-background: #FFFFFF;

@step-circle-item-node-disabled-color: #CCCCCC;

@step-circle-vertical-item-node-padding: 8px;

@step-circle-vertical-item-body-margin-left: 16px;

@step-circle-vertical-item-title-margin-top: 8px;

@step-circle-vertical-item-content-margin-top: 4px;

@step-circle-item-content-color: #666666;

@step-circle-item-tail-bg-color: #E6E7EB;

@step-circle-vertical-item-tail-size: 1px;

@step-dot-item-dot-padding: 8px;

@step-dot-item-dot-icon-size: 12px;

@step-dot-item-dot-border-width: 1px;

@step-dot-item-body-width: 100px;

@step-dot-item-content-margin-top: 4px;

@step-dot-item-dot-corner: 50%;

@step-dot-item-title-size: 12px;

@step-dot-item-title-weight: bold;

@step-dot-item-title-margin-top: 8px;

@step-dot-item-tail-size: 1px;

@step-dot-item-dot-wait-size: 12px;

@step-dot-item-dot-process-size: 12px;

@step-dot-item-dot-finish-size: 12px;

@step-dot-item-dot-disabled-size: 12px;

@step-dot-item-tail-wait-color: #C4C6CF;

@step-dot-item-tail-process-color: #C4C6CF;

@step-dot-item-tail-finish-color: #5584FF;

@step-dot-item-tail-disabled-color: #E6E7EB;

@step-dot-item-title-wait-color: #666666;

@step-dot-item-title-process-color: #333333;

@step-dot-item-title-finish-color: #666666;

@step-dot-item-title-disabled-color: #CCCCCC;

@step-dot-item-node-wait-border-color: #A0A2AD;

@step-dot-item-node-wait-background: #FFFFFF;

@step-dot-item-node-wait-color: #999999;

@step-dot-item-node-process-border-color: #5584FF;

@step-dot-item-node-process-background: #5584FF;

@step-dot-item-node-process-color: #5584FF;

@step-dot-item-node-finish-border-color: #5584FF;

@step-dot-item-node-finish-background: #FFFFFF;

@step-dot-item-node-finish-color: #5584FF;

@step-dot-item-node-disabled-border-color: #DCDEE3;

@step-dot-item-node-disabled-background: #FFFFFF;

@step-dot-item-node-disabled-color: #E6E7EB;

@step-dot-vertical-item-node-padding: 8px;

@step-dot-vertical-item-body-margin-left: 16px;

@step-dot-vertical-item-title-margin-top: 0;

@step-dot-vertical-item-content-margin-top: 8px;

@step-dot-item-content-font-size: 10px;

@step-dot-item-content-color: #666666;

@step-dot-item-tail-bg-color: #E6E7EB;

@step-dot-vertical-item-tail-size: 1px;


// ------------------------ nav ------------------------ //

@nav-hoz-height: 44px;

@nav-hoz-font-size: 12px;

@nav-hoz-item-margin-tb: 0;

@nav-hoz-item-margin-lr: 0;

@nav-hoz-item-padding-lr: 20px;

@nav-hoz-item-corner: 0;

@nav-hoz-item-selected-active-line: 2px;

@nav-ver-height: 40px;

@nav-ver-font-size: 12px;

@nav-ver-item-margin-tb: 0;

@nav-ver-item-margin-lr: 0;

@nav-ver-item-padding-lr: 20px;

@nav-ver-item-corner: 0;

@nav-ver-item-selected-active-line: 2px;

@nav-ver-sub-nav-height: 40px;

@nav-ver-sub-nav-font-size: 10px;

@nav-group-height: 40px;

@nav-group-font-size: 16px;

@nav-icon-self-size: 12px;

@nav-icon-self-margin: 4px;

@nav-icon-only-font-size: 16px;

@nav-primary-bg-color: #333333;

@nav-primary-border-width: 0;

@nav-primary-border-color: #333333;

@nav-primary-text-color: #FFFFFF;

@nav-primary-text-style: normal;

@nav-primary-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);

@nav-primary-sub-nav-bg-color: #333333;

@nav-primary-sub-nav-text-color: #FFFFFF;

@nav-primary-sub-nav-text-style: normal;

@nav-primary-group-text-color: #999999;

@nav-primary-group-text-style: normal;

@nav-primary-item-hover-bg-color: #000000;

@nav-primary-item-hover-text-color: #FFFFFF;

@nav-primary-sub-nav-hover-bg-color: #000000;

@nav-primary-sub-nav-hover-text-color: #FFFFFF;

@nav-primary-item-selected-bg-color: #000000;

@nav-primary-item-selected-text-color: #FFFFFF;

@nav-primary-item-selected-text-style: bold;

@nav-primary-item-selected-active-color: #5584FF;

@nav-primary-sub-nav-selected-bg-color: #000000;

@nav-primary-sub-nav-selected-text-color: #FFFFFF;

@nav-primary-sub-nav-active-color: #5584FF;

@nav-primary-item-opened-bg-color: #000000;

@nav-primary-item-opened-text-color: #FFFFFF;

@nav-secondary-bg-color: #5584FF;

@nav-secondary-border-width: 0;

@nav-secondary-border-color: #5584FF;

@nav-secondary-text-color: #FFFFFF;

@nav-secondary-text-style: normal;

@nav-secondary-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);

@nav-secondary-sub-nav-bg-color: #5584FF;

@nav-secondary-sub-nav-text-color: #FFFFFF;

@nav-secondary-sub-nav-text-style: normal;

@nav-secondary-group-text-color: #FFFFFF;

@nav-secondary-group-text-style: normal;

@nav-secondary-item-hover-bg-color: #3E71F7;

@nav-secondary-item-hover-text-color: #FFFFFF;

@nav-secondary-sub-nav-hover-bg-color: #3E71F7;

@nav-secondary-sub-nav-hover-text-color: #FFFFFF;

@nav-secondary-item-selected-bg-color: #3E71F7;

@nav-secondary-item-selected-text-color: #FFFFFF;

@nav-secondary-item-selected-text-style: bold;

@nav-secondary-item-selected-active-color: #3E71F7;

@nav-secondary-sub-nav-selected-bg-color: #3E71F7;

@nav-secondary-sub-nav-selected-text-color: #FFFFFF;

@nav-secondary-sub-nav-active-color: #5584FF;

@nav-secondary-item-opened-bg-color: #3E71F7;

@nav-secondary-item-opened-text-color: #FFFFFF;

@nav-normal-bg-color: #FFFFFF;

@nav-normal-border-color: #E6E7EB;

@nav-normal-text-color: #333333;

@nav-normal-text-style: normal;

@nav-normal-border-line: 1px;

@nav-normal-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);

@nav-normal-sub-nav-bg-color: #FFFFFF;

@nav-normal-sub-nav-text-color: #333333;

@nav-normal-sub-nav-text-style: normal;

@nav-normal-group-text-color: #999999;

@nav-normal-group-text-style: normal;

@nav-normal-item-hover-bg-color: #FFFFFF;

@nav-normal-item-hover-text-color: #5584FF;

@nav-normal-sub-nav-hover-bg-color: #F2F3F7;

@nav-normal-sub-nav-hover-text-color: #5584FF;

@nav-normal-item-selected-bg-color: #F2F3F7;

@nav-normal-item-selected-text-color: #5584FF;

@nav-normal-item-selected-text-style: bold;

@nav-normal-item-selected-active-color: #5584FF;

@nav-normal-sub-nav-selected-bg-color: #F2F3F7;

@nav-normal-sub-nav-selected-text-color: #5584FF;

@nav-normal-sub-nav-active-color: #5584FF;

@nav-normal-item-opened-bg-color: #F2F3F7;

@nav-normal-item-opened-text-color: #5584FF;

@nav-line-bg-color: transparent;

@nav-line-border-color: #DCDEE3;

@nav-line-text-color: #333333;

@nav-line-text-style: normal;

@nav-line-border-line: 1px;

@nav-line-sub-nav-bg-color: transparent;

@nav-line-sub-nav-text-color: #333333;

@nav-line-sub-nav-text-style: normal;

@nav-line-item-hover-bg-color: transparent;

@nav-line-item-hover-text-color: #5584FF;

@nav-line-sub-nav-hover-bg-color: transparent;

@nav-line-sub-nav-hover-text-color: #5584FF;

@nav-line-item-selected-bg-color: transparent;

@nav-line-item-selected-text-color: #5584FF;

@nav-line-item-selected-text-style: bold;

@nav-line-item-selected-active-color: #5584FF;

@nav-line-sub-nav-selected-bg-color: transparent;

@nav-line-sub-nav-selected-text-color: #5584FF;

@nav-line-sub-nav-active-color: #5584FF;

@nav-line-item-opened-bg-color: transparent;

@nav-line-item-opened-text-color: #5584FF;

@nav-line-group-text-color: #999999;

@nav-line-group-text-style: normal;


// ------------------------ tab ------------------------ //

@tab-nav-scroll-padding-right-m: 60px;

@tab-nav-scroll-padding-right-s: 56px;

@tab-nav-tab-icon-size-m: 16px;

@tab-nav-tab-icon-size-s: 12px;

@tab-nav-close-icon-size-m: 12px;

@tab-nav-close-icon-size-s: 8px;

@tab-nav-close-icon-padding-l-size-m: 8px;

@tab-nav-close-icon-padding-l-size-s: 8px;

@tab-nav-arrow-left-positon-right: 32px;

@tab-nav-arrow-right-positon-right: 8px;

@tab-nav-arrow-down-positon-right: 8px;

@tab-item-padding-tb-size-m: 12px;

@tab-item-padding-tb-size-s: 8px;

@tab-item-padding-lr-size-m: 16px;

@tab-item-padding-lr-size-s: 12px;

@tab-item-text-size-m: 12px;

@tab-item-text-size-s: 10px;

@tab-close-icon-color: #666666;

@tab-close-icon-color-hover: #333333;

@tab-close-icon-color-selected: #5584FF;

@tab-close-icon-color-disabled: #DCDEE3;

@tab-item-font-weight-selected: normal;

@tab-nav-arrow-color-normal: #666666;

@tab-nav-arrow-color-hover: #333333;

@tab-nav-arrow-color-disabled: #DCDEE3;

@tab-pure-divider-line-width: 1px;

@tab-pure-ink-bar-width: 2px;

@tab-pure-text-color-normal: #666666;

@tab-pure-bg-color: transparent;

@tab-pure-text-color-hover: #333333;

@tab-pure-text-color-selected: #5584FF;

@tab-pure-text-color-disabled: #DCDEE3;

@tab-pure-ink-bar-color: #5584FF;

@tab-pure-divider-border-color: #DCDEE3;

@tab-pure-divider-shadow: none;

@tab-wrapped-border-line-style: solid;

@tab-wrapped-border-line-width: 1px;

@tab-wrapped-tab-corner-radius: 3px;

@tab-wrapped-tab-margin-right: 4px;

@tab-wrapped-tab-margin-bottom: 4px;

@tab-wrapped-ink-bar-width: 2px;

@tab-wrapped-bar-bg-color: transparent;

@tab-wrapped-ink-bar-color: #5584FF;

@tab-wrapped-nav-item-border-color-active: #5584FF;

@tab-wrapped-border-line-color: #DCDEE3;

@tab-wrapped-content-border-line-width: 1px;

@tab-wrapped-content-border-line-style: solid;

@tab-wrapped-content-border-line-color: #DCDEE3;

@tab-wrapped-text-color: #666666;

@tab-wrapped-text-color-hover: #333333;

@tab-wrapped-bg-color: #F2F3F7;

@tab-wrapped-bg-color-hover: #EBECF0;

@tab-wrapped-border-line-color-hover: #C4C6CF;

@tab-wrapped-text-color-selected: #5584FF;

@tab-wrapped-text-color-disabled: #CCCCCC;

@tab-wrapped-bg-color-selected: #FFFFFF;

@tab-wrapped-bg-color-disabled: #F7F8FA;

@tab-capsule-text-color: #333333;

@tab-capsule-text-color-hover: #333333;

@tab-capsule-text-color-selected: #FFFFFF;

@tab-capsule-text-color-disabled: #CCCCCC;

@tab-capsule-bg-color: #F2F3F7;

@tab-capsule-bg-color-hover: #EBECF0;

@tab-capsule-bg-color-selected: #5584FF;

@tab-capsule-bg-color-disabled: #F7F8FA;

@tab-capsule-tab-border-line-color: #C4C6CF;

@tab-capsule-tab-border-line-color-hover: #5584FF;

@tab-capsule-tab-border-line-color-active: #5584FF;

@tab-capsule-tab-border-line-color-disabled: #E6E7EB;

@tab-capsule-corner-radius: 3px;

@tab-capsule-tab-border-line-width: 1px;

@tab-capsule-tab-border-line-style: solid;

@tab-text-item-sep-width: 1px;

@tab-text-item-sep-height: 8px;

@tab-text-item-sep-color: #DCDEE3;

@tab-text-text-color-normal: #666666;

@tab-text-text-color-hover: #333333;

@tab-text-text-color-selected: #5584FF;

@tab-text-text-color-disabled: #CCCCCC;


// ------------------------ calendar ------------------------ //

@calendar-fullscreen-header-margin-bottom: 8px;

@calendar-fullscreen-table-head-font-weight: bold;

@calendar-fullscreen-table-head-font-size: 16px;

@calendar-fullscreen-table-head-padding-r: 12px;

@calendar-fullscreen-table-head-padding-b: 4px;

@calendar-fullscreen-table-cell-font-size: 14px;

@calendar-fullscreen-table-cell-boder-top-width: 2px;

@calendar-fullscreen-table-cell-margin-tb: 0;

@calendar-fullscreen-table-cell-margin-lr: 4px;

@calendar-fullscreen-table-cell-padding-tb: 4px;

@calendar-fullscreen-table-cell-padding-lr: 8px;

@calendar-fullscreen-table-cell-min-height: 80px;

@calendar-fullscreen-table-head-color: #333333;

@calendar-fullscreen-table-cell-normal-background: #FFFFFF;

@calendar-fullscreen-table-cell-normal-color: #333333;

@calendar-fullscreen-table-cell-normal-border-color: #DCDEE3;

@calendar-fullscreen-table-cell-hover-background: #EEF3F9;

@calendar-fullscreen-table-cell-hover-color: #5584FF;

@calendar-fullscreen-table-cell-hover-border-color: #5584FF;

@calendar-fullscreen-table-cell-select-background: #EEF3F9;

@calendar-fullscreen-table-cell-select-color: #5584FF;

@calendar-fullscreen-table-cell-select-border-color: #5584FF;

@calendar-fullscreen-table-cell-select-font-weight: bold;

@calendar-fullscreen-table-cell-current-background: #FFFFFF;

@calendar-fullscreen-table-cell-current-color: #5584FF;

@calendar-fullscreen-table-cell-current-border-color: #5584FF;

@calendar-fullscreen-table-cell-current-font-weight: bold;

@calendar-fullscreen-table-cell-other-background: transparent;

@calendar-fullscreen-table-cell-other-color: #CCCCCC;

@calendar-fullscreen-table-cell-other-border-color: transparent;

@calendar-fullscreen-table-cell-disabled-background: #F7F8FA;

@calendar-fullscreen-table-cell-disabled-color: #CCCCCC;

@calendar-fullscreen-table-cell-disabled-border-color: #E6E7EB;

@calendar-card-header-margin-bottom: 8px;

@calendar-card-table-head-font-size: 10px;

@calendar-card-table-head-font-weight: normal;

@calendar-card-table-cell-font-size: 10px;

@calendar-card-table-cell-date-border-radius: 3px;

@calendar-card-table-cell-month-border-radius: 3px;

@calendar-card-table-cell-year-border-radius: 3px;

@calendar-card-table-head-color: #999999;

@calendar-card-table-cell-corner: 0;

@calendar-card-table-cell-normal-background: #FFFFFF;

@calendar-card-table-cell-normal-color: #666666;

@calendar-card-table-cell-normal-border-color: #FFFFFF;

@calendar-card-table-cell-hover-background: #EEF3F9;

@calendar-card-table-cell-hover-color: #5584FF;

@calendar-card-table-cell-hover-border-color: #EEF3F9;

@calendar-card-table-cell-select-background: #5584FF;

@calendar-card-table-cell-select-color: #FFFFFF;

@calendar-card-table-cell-select-border-color: #5584FF;

@calendar-card-table-cell-select-font-weight: bold;

@calendar-card-table-cell-other-background: #FFFFFF;

@calendar-card-table-cell-other-color: #CCCCCC;

@calendar-card-table-cell-other-border-color: #FFFFFF;

@calendar-card-table-cell-disabled-background: #F7F8FA;

@calendar-card-table-cell-disabled-color: #CCCCCC;

@calendar-card-table-cell-disabled-border-color: #F7F8FA;

@calendar-card-table-cell-current-background: #FFFFFF;

@calendar-card-table-cell-current-color: #5584FF;

@calendar-card-table-cell-current-border-color: transparent;

@calendar-card-table-cell-current-font-weight: bold;

@calendar-card-table-cell-inrange-background: #EEF3F9;

@calendar-card-table-cell-inrange-color: #5584FF;

@calendar-card-table-cell-inrange-border-color: #EEF3F9;

@calendar-panel-header-margin-bottom: 8px;

@calendar-panel-header-height: 32px;

@calendar-panel-header-border-bottom-width: 1px;

@calendar-panel-header-background: #5584FF;

@calendar-panel-header-border-bottom-color: transparent;

@calendar-btn-date-font-weight: bold;

@calendar-btn-date-margin-lr: 4px;

@calendar-btn-arrow-single-offset-lr: 28px;

@calendar-btn-arrow-double-offset-lr: 8px;

@calendar-btn-arrow-size: 12px;

@calendar-btn-arrow-color: #FFFFFF;

@calendar-btn-arrow-color-hover: #FFFFFF;

@calendar-btn-date-color: #FFFFFF;

@calendar-btn-date-color-hover: #FFFFFF;


// ------------------------ breadcrumb ------------------------ //

@breadcrumb-size-m-font-size: 10px;

@breadcrumb-size-ellipsis-font-size: 10px;

@breadcrumb-size-m-icon-size: 8px;

@breadcrumb-size-m-icon-margin: 8px;

@breadcrumb-text-color: #666666;

@breadcrumb-text-current-color: #333333;

@breadcrumb-text-current-weight: normal;

@breadcrumb-text-ellipsis-color: #666666;

@breadcrumb-text-keyword-color: #5584FF;

@breadcrumb-icon-color: #A0A2AD;

@breadcrumb-text-color-hover: #5584FF;

@breadcrumb-text-current-color-hover: #5584FF;

@breadcrumb-text-keyword-color-hover: #5584FF;


// ------------------------ date-picker ------------------------ //

@date-picker-panel-footer-padding-lr: 20px;

@date-picker-panel-footer-padding-tb: 8px;

@date-picker-panel-background: #FFFFFF;

@date-picker-panel-time-panel-separator-color: #DCDEE3;


// ------------------------ form-element ------------------------ //

@form-element-small-height: 20px;

@form-element-medium-height: 28px;

@form-element-large-height: 40px;

@form-element-small-font-size: 10px;

@form-element-medium-font-size: 12px;

@form-element-large-font-size: 16px;

@form-element-small-icon-size: 12px;

@form-element-medium-icon-size: 12px;

@form-element-large-icon-size: 16px;

@form-element-small-corner: 3px;

@form-element-medium-corner: 3px;

@form-element-large-corner: 3px;


// ------------------------ mask ------------------------ //

@mask-background: #000000;

@mask-opacity: .2;


// ------------------------ popup ------------------------ //

@popup-local-border-width: 1px;

@popup-local-border-style: solid;

@popup-local-border-color: #DCDEE3;

@popup-local-corner: 3px;

@popup-local-shadow: none;

@popup-global-border-width: 0;

@popup-global-border-style: solid;

@popup-global-border-color: #DCDEE3;

@popup-global-corner: 3px;

@popup-global-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);


// ------------------------ line ------------------------ //

@line-1: 1px;

@line-2: 2px;

@line-3: 3px;