@alifd/theme-25387 0.1.0

package/variables.scss

@@ -0,0 +1,2603 @@
+
+
+// ------------------------ color ------------------------ //
+
+$color-brand1-3: #FFFFFF;
+$color-brand1-4: #FFFFFF;
+$color-text1-4: rgba(9,44,77,1);
+$color-text1-3: rgba(144,160,175,1);
+$color-text1-2: rgba(90,104,117,1);
+$color-link-3: rgba(0,47,167,1);
+$color-link-2: rgba(9,44,77,1);
+$color-link-1: rgba(0,47,167,1);
+$color-help-4: rgba(0,47,167,1);
+$color-error-4: rgba(248,84,75,1);
+$color-error-3: rgba(248,84,75,1);
+$color-warning-4: rgba(250,188,22,1);
+$color-warning-3: rgba(250,188,22,1);
+$color-notice-4: rgba(0,164,238,1);
+$color-notice-3: rgba(0,164,238,1);
+$color-notice-2: rgba(229,247,255,1);
+$color-notice-1: rgba(229,247,255,1);
+$color-success-4: rgba(26,176,129,1);
+$color-success-3: rgba(26,176,129,1);
+$color-success-1: rgba(224,247,240,1);
+$color-brand1-6: rgba(0,47,167,1);
+$color-brand1-1: rgba(227,236,251,1);
+$color-brand1-9: rgba(0,47,167,1);
+$color-brand1-5: rgba(43,213,255,1);
+$color-text1-1: rgba(196,199,204,1);
+$color-fill1-4: rgba(237,239,242,1);
+$color-fill1-3: rgba(240,242,245,1);
+$color-fill1-2: rgba(244,246,249,1);
+$color-fill1-1: rgba(245,247,250,1);
+$color-line1-4: rgba(196,199,204,1);
+$color-line1-3: rgba(217,219,222,1);
+$color-line1-2: rgba(220,223,230,1);
+$color-line1-1: rgba(228,232,238,1);
+$color-other-3: rgba(141,146,153,1);
+$color-other-2: rgba(88,93,102,1);
+$color-other-1: rgba(31,38,51,1);
+$color-help-3: rgba(3,148,245,1);
+$color-help-2: rgba(166,231,255,1);
+$color-help-1: rgba(230,249,255,1);
+$color-error-2: rgba(255,82,99,1);
+$color-error-1: rgba(255,240,240,1);
+$color-warning-2: rgba(255,251,199,1);
+$color-warning-1: rgba(255,254,240,1);
+$color-success-2: rgba(121,232,199,1);
+$color-data1-8: rgba(3,148,245,1);
+$color-data1-7: rgba(153,209,15,1);
+$color-data1-6: rgba(8,194,158,1);
+$color-data1-5: rgba(245,203,34,1);
+$color-data1-4: rgba(245,115,21,1);
+$color-data1-3: rgba(159,24,184,1);
+$color-data1-2: rgba(90,28,184,1);
+$color-data1-1: rgba(12,184,198,1);
+$color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
+$color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
+$color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
+$color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
+$color-transparent: transparent;
+$color-black: #000000;
+$color-white: #FFFFFF;
+
+// ------------------------ size ------------------------ //
+
+$size-base: 5px;
+$s-50: 250px;
+$s-49: 245px;
+$s-48: 240px;
+$s-47: 235px;
+$s-46: 230px;
+$s-45: 225px;
+$s-44: 220px;
+$s-43: 215px;
+$s-42: 210px;
+$s-41: 205px;
+$s-40: 200px;
+$s-39: 195px;
+$s-38: 190px;
+$s-37: 185px;
+$s-36: 180px;
+$s-35: 175px;
+$s-34: 170px;
+$s-33: 165px;
+$s-32: 160px;
+$s-31: 155px;
+$s-30: 150px;
+$s-29: 145px;
+$s-28: 140px;
+$s-27: 135px;
+$s-26: 130px;
+$s-25: 125px;
+$s-24: 120px;
+$s-23: 115px;
+$s-22: 110px;
+$s-21: 105px;
+$s-20: 100px;
+$s-19: 95px;
+$s-18: 90px;
+$s-17: 85px;
+$s-16: 80px;
+$s-15: 75px;
+$s-14: 70px;
+$s-13: 65px;
+$s-12: 60px;
+$s-11: 55px;
+$s-10: 50px;
+$s-9: 45px;
+$s-8: 40px;
+$s-7: 35px;
+$s-6: 30px;
+$s-5: 25px;
+$s-4: 20px;
+$s-3: 15px;
+$s-2: 10px;
+$s-1: 5px;
+$s-zero: 0px;
+
+// ------------------------ font ------------------------ //
+
+$font-name-medium: "";
+$font-name-bold: "";
+$font-name-regular: "";
+$font-name-light: "";
+$font-name-thin: "";
+$font-custom-name: "";
+$font-custom-path: "";
+$font-family-base: "Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Microsoft YaHei";
+$font-size-caption: 12px;
+$font-size-body-1: 14px;
+$font-weight-ultra-bold: 900;
+$font-weight-extra-bold: 800;
+$font-weight-3: bold;
+$font-weight-semi-bold: 600;
+$font-weight-medium: 500;
+$font-weight-2: normal;
+$font-weight-light: 300;
+$font-weight-thin: 200;
+$font-weight-1: lighter;
+$font-size-body-2: 14px;
+$font-size-subhead: 16px;
+$font-size-title: 20px;
+$font-size-headline: 24px;
+$font-size-display-1: 36px;
+$font-size-display-2: 48px;
+$font-size-display-3: 56px;
+$font-lineheight-3: 1.7;
+$font-lineheight-2: 1.5;
+$font-lineheight-1: 1.3;
+
+// ------------------------ corner ------------------------ //
+
+$corner-1: 6px;
+$corner-3: 20px;
+$corner-2: 8px;
+$corner-zero: 0px;
+$corner-semicircle: 500px;
+$corner-circle: 50%;
+
+// ------------------------ icon ------------------------ //
+
+$icon-content-dashboard: "\e7fa";
+$icon-content-list: "\e7f9";
+$icon-content-detail: "\e7f8";
+$icon-content-form: "\e7fb";
+$icon-content-chart-pie: "\e613";
+$icon-content-chart-bar: "\e612";
+$icon-content-exit: "\e616";
+$icon-content-lock: "\e617";
+$icon-content-unlock: "\e615";
+$icon-content-eye-close: "\e600";
+$icon-content-eye: "\e611";
+$icon-content-toggle-right: "\e603";
+$icon-content-toggle-left: "\e602";
+$icon-content-copy: "\e60f";
+$icon-content-atm: "\e606";
+$icon-content-email: "\e605";
+$icon-content-account: "\e608";
+$icon-content-attachment: "\e665";
+$icon-content-filter: "\e627";
+$icon-content-refresh: "\e677";
+$icon-content-edit: "\e63b";
+$icon-content-set: "\e683";
+$icon-content-download: "\e628";
+$icon-content-upload: "\e7ee";
+$icon-content-ashbin: "\e639";
+$icon-content-calendar: "\e607";
+$icon-content-picture: "\e631";
+$icon-content-ellipsis: "\e654";
+$icon-content-close: "\e626";
+$icon-content-search: "\e656";
+$icon-content-loading: "\e646";
+$icon-content-semi-select: "\e633";
+$icon-content-select: "\e632";
+$icon-content-ascending: "\e61e";
+$icon-content-descending: "\e61f";
+$icon-content-sorting: "\e634";
+$icon-content-switch: "\e6b3";
+$icon-content-arrow-double-right: "\e65e";
+$icon-content-arrow-double-left: "\e659";
+$icon-content-arrow-right: "\e619";
+$icon-content-arrow-left: "\e61d";
+$icon-content-arrow-down: "\e63d";
+$icon-content-arrow-up: "\e625";
+$icon-content-minus: "\e601";
+$icon-content-add: "\e655";
+$icon-content-favorites-filling: "\e60e";
+$icon-content-delete-filling: "\e623";
+$icon-content-success-filling: "\e63a";
+$icon-content-clock: "\e621";
+$icon-content-help: "\e673";
+$icon-content-error: "\e60d";
+$icon-content-prompt: "\e60c";
+$icon-content-warning: "\e60b";
+$icon-content-success: "\e60a";
+$icon-content-cry: "\e65d";
+$icon-content-smile: "\e65f";
+$icon-font-path: "//at.alicdn.com/t/c/font_5124014_xr6gpbvnzi";
+$icon-reset: "";
+$icon-xxxl: 80px;
+$icon-xxl: 60px;
+$icon-xl: 40px;
+$icon-l: 30px;
+$icon-m: 25px;
+$icon-s: 20px;
+$icon-xs: 15px;
+$icon-xxs: 10px;
+$icon-font-name: "icon";
+
+// ------------------------ popup ------------------------ //
+
+$popup-local-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$popup-spacing-tb: 5px;
+$popup-spacing-lr: 5px;
+$popup-global-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$popup-global-corner: 6px;
+$popup-global-border-color: #dcdfe6;
+$popup-global-border-style: solid;
+$popup-global-border-width: 0px;
+$popup-local-corner: 6px;
+$popup-local-border-color: #dcdfe6;
+$popup-local-border-style: solid;
+$popup-local-border-width: 1px;
+
+// ------------------------ form-element ------------------------ //
+
+$form-element-large-icon-size: 25px;
+$form-element-medium-icon-size: 20px;
+$form-element-medium-font-size: 14px;
+$form-element-small-font-size: 12px;
+$form-element-medium-height: 40px;
+$form-element-small-height: 30px;
+$form-element-preview-text-color: #092c4d;
+$form-element-preview-label-color: #90a0af;
+$form-element-large-corner: 6px;
+$form-element-medium-corner: 6px;
+$form-element-small-corner: 6px;
+$form-element-small-icon-size: 15px;
+$form-element-large-preview-font-size: 16px;
+$form-element-large-preview-label-font-size: 16px;
+$form-element-medium-preview-font-size: 14px;
+$form-element-medium-preview-label-font-size: 14px;
+$form-element-small-preview-font-size: 12px;
+$form-element-small-preview-label-font-size: 12px;
+$form-element-large-preview-height: 50px;
+$form-element-medium-preview-height: 35px;
+$form-element-small-preview-height: 25px;
+$form-element-large-font-size: 16px;
+$form-element-large-height: 50px;
+
+// ------------------------ shadow ------------------------ //
+
+$shadow-blur-sd3: 30;
+$shadow-blur-sd2: 16;
+$shadow-blur-sd1: 4;
+$shadow-opacity-sd3: 0.15;
+$shadow-opacity-sd1: 0.16;
+$shadow-distance-sd3y: 20;
+$shadow-distance-sd2y: 4;
+$shadow-distance-sd3: 20;
+$shadow-3-left: -20px 0px 30px 0px rgba(0, 0, 0, 0.15);
+$shadow-3-down: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);
+$shadow-3-right: 20px 0px 30px 0px rgba(0, 0, 0, 0.15);
+$shadow-3-up: 0px -20px 30px 0px rgba(0, 0, 0, 0.15);
+$shadow-3: 20px 20px 30px 0px rgba(0, 0, 0, 0.15);
+$shadow-2-left: -2px 0px 16px 0px rgba(0, 0, 0, 0.12);
+$shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$shadow-2-right: 2px 0px 16px 0px rgba(0, 0, 0, 0.12);
+$shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.12);
+$shadow-2: 2px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$shadow-1-left: -1px 0px 4px 0px rgba(0, 0, 0, 0.16);
+$shadow-1-down: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
+$shadow-1-right: 1px 0px 4px 0px rgba(0, 0, 0, 0.16);
+$shadow-1-up: 0px -1px 4px 0px rgba(0, 0, 0, 0.16);
+$shadow-1: 1px 1px 4px 0px rgba(0, 0, 0, 0.16);
+$shadow-zero: none;
+$shadow-spread-sd3: 0;
+$shadow-spread-sd2: 0;
+$shadow-spread-sd1: 0;
+$shadow-color-sd3: #000000;
+$shadow-color-sd2: #000000;
+$shadow-color-sd1: #000000;
+$shadow-opacity-sd2: .12;
+$shadow-distance-sd1y: 1;
+$shadow-distance-sd2: 2;
+$shadow-distance-sd1: 1;
+$shadow-sides-left: "left";
+$shadow-sides-down: "down";
+$shadow-sides-right: "right";
+$shadow-sides-up: "up";
+$shadow-sides-base: "base";
+
+// ------------------------ line ------------------------ //
+
+$line-dotted: dotted;
+$line-dashed: dashed;
+$line-solid: solid;
+$line-3: 3px;
+$line-2: 2px;
+$line-1: 1px;
+$line-zero: 0px;
+
+// ------------------------ mask ------------------------ //
+
+$mask-opacity: .2;
+$mask-background: #000000;
+
+// ------------------------ cascader-select ------------------------ //
+
+$cascader-select: "cascader-select";
+
+// ------------------------ checkbox ------------------------ //
+
+$checkbox-size: 20px;
+$checkbox-border-radius: 6px;
+$checkbox-border-width: 1px;
+$checkbox-shadow: none;
+$checkbox-border-color: #d9dbde;
+$checkbox-hovered-border-color: #002fa7;
+$checkbox-checked-border-color: transparent;
+$checkbox-disabled-border-color: #e4e8ee;
+$checkbox-checked-hovered-border-color: transparent;
+$checkbox-checked-circle-color: #FFFFFF;
+$checkbox-label-color: #092c4d;
+$checkbox-disabled-label-color: #c4c7cc;
+$checkbox-disabled-circle-color: #c4c7cc;
+$checkbox-checked-hovered-circle-color: #FFFFFF;
+$checkbox-bg-color: #FFFFFF;
+$checkbox-checked-bg-color: #002fa7;
+$checkbox-hovered-bg-color: #e3ecfb;
+$checkbox-checked-hovered-bg-color: #002fa7;
+$checkbox-disabled-bg-color: #f5f7fa;
+$checkbox-font-size: 14px;
+$checkbox-semi-select-icon-content: "";
+$checkbox-select-icon-content: "";
+$checkbox-circle-size: 20px;
+$checkbox-margin-left: 10px;
+
+// ------------------------ timeline ------------------------ //
+
+$timeline-item-node-size: 20px;
+$timeline-item-custom-node-size: 50px;
+$timeline-item-custom-node-font-size: 12px;
+$timeline-item-node-padding: 5px;
+$timeline-item-dot-size: 10px;
+$timeline-item-icon-size: 15px;
+$timeline-item-tail-size: 1px;
+$timeline-item-left-content-width: 100px;
+$timeline-item-content-margin-left: 15px;
+$timeline-item-body-margin-top: 5px;
+$timeline-item-title-font-size: 14px;
+$timeline-item-title-font-weight: bold;
+$timeline-item-title-margin-top: 5px;
+$timeline-item-time-margin-top: 5px;
+$timeline-item-time-margin-bottom: 15px;
+$timeline-item-body-font-size: 12px;
+$timeline-item-left-body-font-size: 12px;
+$timeline-item-time-font-size: 12px;
+$timeline-item-folder-font-size: 12px;
+$timeline-item-folder-margin-top: 5px;
+$timeline-item-folder-margin-bottom: 5px;
+$timeline-item-title-color: #092c4d;
+$timeline-item-body-color: #90a0af;
+$timeline-item-left-body-color: #5a6875;
+$timeline-item-time-color: #5a6875;
+$timeline-item-tail-color: #dcdfe6;
+$timeline-item-done-dot-size: 10px;
+$timeline-item-done-background: #d9dbde;
+$timeline-item-done-color: #FFFFFF;
+$timeline-item-process-dot-size: 10px;
+$timeline-item-process-background: #002fa7;
+$timeline-item-process-color: #FFFFFF;
+$timeline-item-success-dot-size: 10px;
+$timeline-item-success-background: #1ab081;
+$timeline-item-success-color: #FFFFFF;
+$timeline-item-error-dot-size: 10px;
+$timeline-item-error-background: #f8544b;
+$timeline-item-error-color: #FFFFFF;
+
+// ------------------------ cascader ------------------------ //
+
+$cascader-menu-border-width: 1px;
+$cascader-menu-min-width: 125px;
+$cascader-menu-height: 240px;
+$cascader-menu-border-color: #dcdfe6;
+$cascader-menu-border-radius: 6px;
+$cascader-menu-icon-expand-color: #90a0af;
+$cascader-menu-icon-hover-expand-color: #092c4d;
+$cascader-menu-item-expanded-color: #092c4d;
+$cascader-menu-item-expanded-background-color: #f4f6f9;
+$cascader-menu-width: 130px;
+$cascader-menu-icon-expand-size: 20px;
+
+// ------------------------ menu-button ------------------------ //
+
+$menu-btn-disabled-icon-color: #c4c7cc;
+$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: #5a6875;
+$menu-btn-pure-text-secondary-icon-color: #002fa7;
+$menu-btn-text-text-normal-icon-color: #092c4d;
+$menu-btn-text-text-primary-icon-color: #002fa7;
+$menu-btn-ghost-light-icon-color: #092c4d;
+$menu-btn-ghost-dark-icon-color: #FFFFFF;
+$menu-btn-fold-icon-content: "";
+$menu-btn-unfold-icon-content: $icon-reset;
+$menu-btn-pure-text-primary-icon-color: #FFFFFF;
+
+// ------------------------ range ------------------------ //
+
+$range-size-m-track-height: 5px;
+$range-size-m-scale-height: 15px;
+$range-size-m-scale-item-border-width: 1px;
+$range-size-m-slider-hw: 20px;
+$range-size-slider-border-style: solid;
+$range-size-slider-border-width: 1px;
+$range-size-m-mark-top: 30px;
+$range-size-m-mark-font-size: 14px;
+$range-size-m-mark-font-weight: normal;
+$range-size-m-mark-font-lineheight: 20px;
+$range-size-m-track-radius: 0px;
+$range-size-m-scale-radius: 0px;
+$range-size-m-slider-shadow-moving: 2px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$range-normal-unselected-color: #d9dbde;
+$range-normal-selected-color: #002fa7;
+$range-normal-slider-bg-color: #FFFFFF;
+$range-normal-mark-color: #5a6875;
+$range-normal-mark-selected-color: #092c4d;
+$range-normal-unselected-color-hover: #d9dbde;
+$range-normal-selected-color-hover: #002fa7;
+$range-normal-slider-bg-color-hover: #FFFFFF;
+$range-size-m-slider-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.16);
+$range-size-m-slider-shadow-hover: 20px 20px 30px 0px rgba(0, 0, 0, 0.15);
+$range-normal-mark-color-hover: #5a6875;
+$range-normal-mark-selected-color-hover: #092c4d;
+$range-normal-slider-border-color-hover: transparent;
+$range-normal-unselected-color-disabled: #d9dbde;
+$range-normal-selected-color-disabled: #c4c7cc;
+$range-normal-slider-bg-color-disabled: #e4e8ee;
+$range-normal-slider-border-color: #d9dbde;
+$range-normal-slider-border-color-disabled: #e4e8ee;
+$range-normal-mark-color-disabled: #c4c7cc;
+$range-normal-mark-selected-color-disabled: #5a6875;
+
+// ------------------------ rating ------------------------ //
+
+$rating-small-text-margin-left: 10px;
+$rating-small-icon-size: 15px;
+$rating-small-font-size: 12px;
+$rating-medium-text-margin-left: 15px;
+$rating-medium-icon-size: 20px;
+$rating-medium-font-size: 14px;
+$rating-large-text-margin-left: 20px;
+$rating-large-icon-size: 25px;
+$rating-large-font-size: 16px;
+$rating-normal-underlay-color: #edeff2;
+$rating-normal-overlay-color: #002fa7;
+$rating-normal-overlay-hover-color: #002fa7;
+$rating-grade-low-overlay-color: #90a0af;
+$rating-grade-low-overlay-hover-color: #5a6875;
+$rating-grade-high-overlay-color: #002fa7;
+$rating-grade-high-overlay-hover-color: #002fa7;
+$rating-grade-icon-content: "";
+$rating-grade-background: #FFFFFF;
+
+// ------------------------ search ------------------------ //
+
+$search-normal-primary-color: #002fa7;
+$search-normal-primary-hover-color: #002fa7;
+$search-normal-primary-split-color: #e4e8ee;
+$search-normal-primary-shadow: none;
+$search-normal-primary-btn-text-color: #FFFFFF;
+$search-normal-primary-btn-hover-bg-color: #002fa7;
+$search-normal-primary-btn-hover-text-color: #FFFFFF;
+$search-normal-primary-border-width: 2px;
+$search-normal-primary-btn-text-padding-left: 0px;
+$search-normal-primary-m-icon-size: 20px;
+$search-normal-primary-m-btn-text-size: 16px;
+$search-normal-secondary-color: #d9dbde;
+$search-normal-secondary-split-color: #e4e8ee;
+$search-normal-secondary-hover-color: #002fa7;
+$search-normal-secondary-shadow: none;
+$search-normal-secondary-btn-bg-color: #002fa7;
+$search-normal-secondary-btn-text-color: #FFFFFF;
+$search-normal-secondary-btn-hover-bg-color: #002fa7;
+$search-normal-secondary-btn-hover-text-color: #FFFFFF;
+$search-normal-secondary-border-width: 1px;
+$search-normal-secondary-btn-text-padding-left: 0px;
+$search-normal-secondary-l-icon-size: 30px;
+$search-normal-secondary-l-btn-text-size: 16px;
+$search-normal-secondary-m-height: 50px;
+$search-normal-secondary-m-icon-size: 20px;
+$search-normal-secondary-m-btn-text-size: 16px;
+$search-normal-normal-color: #d9dbde;
+$search-normal-normal-split-color: #e4e8ee;
+$search-normal-normal-hover-color: #c4c7cc;
+$search-normal-normal-shadow: none;
+$search-normal-normal-btn-bg-color: #f5f7fa;
+$search-normal-normal-btn-text-color: #90a0af;
+$search-normal-normal-btn-hover-bg-color: #f0f2f5;
+$search-normal-normal-btn-hover-text-color: #092c4d;
+$search-normal-normal-border-width: 1px;
+$search-normal-normal-btn-text-padding-left: 0px;
+$search-normal-normal-l-height: 75px;
+$search-normal-normal-l-icon-size: 30px;
+$search-normal-normal-l-btn-text-size: 16px;
+$search-normal-normal-m-height: 50px;
+$search-normal-normal-m-icon-size: 20px;
+$search-normal-normal-m-btn-text-size: 16px;
+$search-normal-dark-color: #002fa7;
+$search-normal-dark-hover-color: #002fa7;
+$search-normal-dark-text-color: #FFFFFF;
+$search-normal-dark-bg-color: #FFFFFF;
+$search-normal-dark-shadow: none;
+$search-normal-dark-btn-text-color: #FFFFFF;
+$search-normal-dark-btn-hover-bg-color: #002fa7;
+$search-normal-dark-btn-hover-text-color: #FFFFFF;
+$search-normal-dark-border-width: 1px;
+$search-normal-dark-btn-text-padding-left: 0px;
+$search-normal-dark-l-height: 75px;
+$search-normal-dark-l-icon-size: 30px;
+$search-normal-dark-l-btn-text-size: 16px;
+$search-normal-dark-m-height: 50px;
+$search-normal-dark-m-icon-size: 20px;
+$search-normal-dark-m-btn-text-size: 16px;
+$search-simple-corner: 6px;
+$search-simple-l-icon-margin-right: 15px;
+$search-simple-m-icon-margin-right: 10px;
+$search-simple-normal-color: #d9dbde;
+$search-simple-normal-hover-color: #c4c7cc;
+$search-simple-normal-split-color: #d9dbde;
+$search-simple-normal-shadow: none;
+$search-simple-normal-icon-text-color: #5a6875;
+$search-simple-normal-icon-hover-text-color: #90a0af;
+$search-simple-normal-border-width: 1px;
+$search-simple-normal-l-icon-size: 25px;
+$search-simple-normal-m-icon-size: 15px;
+$search-simple-normal-btn-text-padding-left: 0px;
+$search-simple-dark-color: #d9dbde;
+$search-simple-dark-hover-color: #d9dbde;
+$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: #5a6875;
+$search-simple-dark-icon-hover-text-color: #90a0af;
+$search-simple-dark-btn-text-padding-left: 0px;
+$search-simple-dark-split-color: #d9dbde;
+$search-simple-dark-border-width: 1px;
+$search-simple-dark-l-icon-size: 25px;
+$search-simple-dark-m-icon-size: 15px;
+$search-search-icon-content: "";
+$search-foucs-normal-primary-border-color: #002fa7;
+$search-foucs-normal-secondary-border-color: #002fa7;
+$search-foucs-normal-normal-border-color: #c4c7cc;
+$search-foucs-normal-dark-border-color: #002fa7;
+$search-foucs-simple-normal-border-color: #c4c7cc;
+$search-foucs-simple-dark-border-color: #d9dbde;
+$search-focus-bg-color: #FFFFFF;
+$search-focus-shadow-spread: none;
+$search-normal-corner: 6px;
+$search-normal-primary-l-height: 45px;
+$search-normal-primary-l-icon-size: 20px;
+$search-normal-primary-l-btn-text-size: 14px;
+$search-normal-primary-m-height: 45px;
+$search-normal-secondary-l-height: 45px;
+$search-normal-dark-bg-opacity: 0;
+
+// ------------------------ split-button ------------------------ //
+
+$split-btn-trigger-normal-icon-color: #5a6875;
+$split-btn-fold-icon-content: "";
+$split-btn-unfold-icon-content: $icon-reset;
+
+// ------------------------ tree ------------------------ //
+
+$tree-node-padding: 5px;
+$tree-node-title-margin: 5px;
+$tree-node-title-padding: 5px;
+$tree-node-title-font-size: 14px;
+$tree-switch-size: 20px;
+$tree-switch-border-width: 1px;
+$tree-switch-margint-right: 10px;
+$tree-line-width: 1px;
+$tree-node-normal-color: #092c4d;
+$tree-node-normal-background: #FFFFFF;
+$tree-node-title-border-radius: 6px;
+$tree-switch-arrow-color: #5a6875;
+$tree-switch-icon-color: #90a0af;
+$tree-switch-bg-color: #FFFFFF;
+$tree-switch-border-color: #d9dbde;
+$tree-switch-corner: 6px;
+$tree-line-color: #d9dbde;
+$tree-line-style: solid;
+$tree-node-hover-color: #092c4d;
+$tree-node-hover-bg-color: #f4f6f9;
+$tree-switch-hover-arrow-color: #092c4d;
+$tree-switch-hover-icon-color: #092c4d;
+$tree-switch-hover-bg-color: #f4f6f9;
+$tree-switch-hover-border-color: #c4c7cc;
+$tree-node-selected-color: #092c4d;
+$tree-node-selected-background: #e3ecfb;
+$tree-node-disabled-color: #c4c7cc;
+$tree-node-disabled-background: #FFFFFF;
+$tree-fold-icon-content: "";
+$tree-unfold-icon-content: $icon-reset;
+$tree-switch-arrow-size: 20px;
+$tree-switch-icon-size: 15px;
+$tree-switcher-fold-icon-content: "";
+$tree-switcher-unfold-icon-content: "";
+
+// ------------------------ card ------------------------ //
+
+$card-corner: 6px;
+$card-padding-lr: 20px;
+$card-border-width: 1px;
+$card-head-padding-bottom: 15px;
+$card-head-bottom-border-width: 1px;
+$card-head-main-height: 50px;
+$card-head-main-margin-top: 10px;
+$card-head-main-margin-bottom: 0px;
+$card-title-font-size: 16px;
+$card-title-font-weight: normal;
+$card-sub-title-font-size: 12px;
+$card-title-extra-font-size: 14px;
+$card-title-bullet-width: 3px;
+$card-title-bullet-height: 20px;
+$card-title-padding-left: 10px;
+$card-sub-title-padding-left: 10px;
+$card-body-show-divider-padding-top: 15px;
+$card-body-hide-divider-padding-top: 0px;
+$card-content-font-size: 14px;
+$card-content-line-height: 1.5;
+$card-body-padding-bottom: 15px;
+$card-more-btn-height: 20px;
+$card-more-btn-padding-top: 10px;
+$card-more-btn-font-size: 14px;
+$card-border-style: solid;
+$card-border-color: #dcdfe6;
+$card-background: #FFFFFF;
+$card-header-background: #FFFFFF;
+$card-title-color: #092c4d;
+$card-sub-title-color: #90a0af;
+$card-title-extra-color: #002fa7;
+$card-title-bullet-color: #002fa7;
+$card-content-color: #90a0af;
+$card-head-bottom-border-color: #e4e8ee;
+$card-more-btn-color: #002fa7;
+$card-more-btn-background: #FFFFFF;
+$card-shadow: none;
+
+// ------------------------ paragraph ------------------------ //
+
+$paragraph-text-color: #092c4d;
+$paragraph-s-font-size: 14px;
+$paragraph-m-font-size: 14px;
+$paragraph-s-line-height: 1.5;
+$paragraph-l-line-height: 1.7;
+
+// ------------------------ switch ------------------------ //
+
+$switch-size-m-radius-container: 20px;
+$switch-size-m-radius-trigger: 20px;
+$switch-size-m-inner-icon: 20px;
+$switch-size-s-width: 55px;
+$switch-size-s-radius-container: 20px;
+$switch-size-s-trigger: 25px;
+$switch-size-s-radius-trigger: 20px;
+$switch-size-s-inner-icon: 15px;
+$switch-size-s-trigger-padding-l: 10px;
+$switch-size-s-trigger-padding-r: 10px;
+$switch-normal-on-bg-color: #002fa7;
+$switch-hover-on-bg-color: #002fa7;
+$switch-disabled-on-bg-color: #f0f2f5;
+$switch-normal-on-trigger-bg-color: #FFFFFF;
+$switch-hover-on-trigger-bg-color: #FFFFFF;
+$switch-disabled-on-trigger-bg-color: #f5f7fa;
+$switch-normal-on-color-font: #FFFFFF;
+$switch-disabled-on-color-font: #c4c7cc;
+$switch-disabled-on-border-color: #d9dbde;
+$switch-handle-on-border-color: transparent;
+$switch-normal-off-trigger-bg-color: #FFFFFF;
+$switch-hover-off-trigger-bg-color: #FFFFFF;
+$switch-normal-off-color-font: #5a6875;
+$switch-disabled-off-color-font: #d9dbde;
+$switch-handle-off-border-color: transparent;
+$switch-off-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.16);
+$switch-rtl-on-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.16);
+$switch-size-m-width: 60px;
+$switch-size-m-trigger: 30px;
+$switch-size-m-trigger-padding-l: 6px;
+$switch-size-m-trigger-padding-r: 6px;
+$switch-border-width-container: 2px;
+$switch-border-width-trigger: 1px;
+$switch-on-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
+$switch-normal-off-bg-color: #f0f2f5;
+$switch-hover-off-bg-color: #f0f2f5;
+$switch-disabled-off-bg-color: #f0f2f5;
+$switch-disabled-off-trigger-bg-color: #f5f7fa;
+$switch-handle-disabled-border-color: transparent;
+$switch-normal-off-border-color: #f0f2f5;
+$switch-hover-off-border-color: #f0f2f5;
+
+// ------------------------ typography ------------------------ //
+
+$typography-text-color: #092c4d;
+$typography-text-strong-font-weight: 600;
+$typography-text-code-corner: 6px;
+$typography-text-mark-color: #092c4d;
+$typography-text-mark-background: #fffbc7;
+$typography-text-code-color: #092c4d;
+$typography-text-code-background: #f4f6f9;
+$typography-text-code-border-color: #e4e8ee;
+$typography-paragraph-font-size: 14px;
+$typography-paragraph-line-height: 1.5;
+$typography-title-h1-font-size: 24px;
+$typography-title-h2-font-size: 20px;
+$typography-title-h3-font-size: 16px;
+$typography-title-h4-font-size: 16px;
+$typography-title-h5-font-size: 14px;
+$typography-title-h6-font-size: 14px;
+$typography-title-font-weight: 600;
+
+// ------------------------ button ------------------------ //
+
+$btn-size-s-padding: 10px;
+$btn-size-s-border-width: 1px;
+$btn-size-s-font: 12px;
+$btn-size-s-icon-size: 15px;
+$btn-size-s-icon-margin: 5px;
+$btn-size-s-icon-split-size: 15px;
+$btn-size-s-corner: 6px;
+$btn-size-m-padding: 15px;
+$btn-size-m-border-width: 1px;
+$btn-size-m-font: 14px;
+$btn-size-m-icon-split-size: 15px;
+$btn-size-m-corner: 6px;
+$btn-size-l-height: 50px;
+$btn-size-l-padding: 20px;
+$btn-size-l-border-width: 1px;
+$btn-size-l-font: 16px;
+$btn-size-l-icon-split-size: 20px;
+$btn-size-l-corner: 6px;
+$btn-pure-color-disabled: #c4c7cc;
+$btn-pure-bg-disabled: #f5f7fa;
+$btn-pure-border-color-disabled: #e4e8ee;
+$btn-pure-normal-color-disabled: #c4c7cc;
+$btn-pure-normal-bg-disabled: #f5f7fa;
+$btn-pure-normal-border-color-disabled: #e4e8ee;
+$btn-pure-normal-color: #092c4d;
+$btn-pure-normal-color-hover: #092c4d;
+$btn-pure-normal-color-active: #092c4d;
+$btn-pure-normal-bg: #FFFFFF;
+$btn-pure-normal-bg-hover: #f4f6f9;
+$btn-pure-normal-bg-active: #f4f6f9;
+$btn-pure-normal-border-color: #d9dbde;
+$btn-pure-normal-border-color-hover: #c4c7cc;
+$btn-pure-normal-border-color-active: #c4c7cc;
+$btn-pure-normal-border-style: solid;
+$btn-pure-secondary-color-disabled: #c4c7cc;
+$btn-pure-secondary-bg-disabled: #f5f7fa;
+$btn-pure-secondary-border-color-disabled: #e4e8ee;
+$btn-pure-secondary-color: #002fa7;
+$btn-pure-secondary-color-hover: #FFFFFF;
+$btn-pure-secondary-color-active: #FFFFFF;
+$btn-pure-secondary-bg: #FFFFFF;
+$btn-pure-secondary-bg-active: #002fa7;
+$btn-pure-secondary-border-color: #002fa7;
+$btn-pure-secondary-border-color-active: #002fa7;
+$btn-pure-secondary-border-style: solid;
+$btn-pure-primary-color-disabled: #c4c7cc;
+$btn-pure-primary-bg-disabled: #f5f7fa;
+$btn-pure-primary-border-color-disabled: #e4e8ee;
+$btn-pure-primary-bg: #002fa7;
+$btn-pure-primary-bg-active: #002fa7;
+$btn-pure-primary-border-color: transparent;
+$btn-pure-primary-border-color-hover: transparent;
+$btn-pure-primary-border-color-active: 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: #092c4d;
+$btn-ghost-light-border-color: #092c4d;
+$btn-ghost-light-bg: transparent;
+$btn-ghost-light-bg-opacity: 0;
+$btn-ghost-light-color-hover: #5a6875;
+$btn-ghost-light-border-color-hover: #092c4d;
+$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-color-active: #FFFFFF;
+$btn-warning-primary-border-color: #f8544b;
+$btn-warning-primary-border-color-active: #f8544b;
+$btn-warning-primary-bg: #f8544b;
+$btn-warning-primary-bg-active: #f8544b;
+$btn-warning-primary-color-disabled: #c4c7cc;
+$btn-warning-primary-border-color-disabled: #dcdfe6;
+$btn-warning-primary-bg-disabled: #f5f7fa;
+$btn-warning-normal-color: #f8544b;
+$btn-warning-normal-color-hover: #FFFFFF;
+$btn-warning-normal-color-active: #FFFFFF;
+$btn-warning-normal-border-color: #f8544b;
+$btn-warning-normal-border-color-active: #f8544b;
+$btn-warning-normal-bg: #FFFFFF;
+$btn-warning-normal-bg-active: #f8544b;
+$btn-warning-normal-color-disabled: #c4c7cc;
+$btn-warning-normal-border-color-disabled: #e4e8ee;
+$btn-warning-normal-bg-disabled: #f5f7fa;
+$btn-text-primary-color: #002fa7;
+$btn-text-primary-color-hover: #002fa7;
+$btn-text-disabled-color: #c4c7cc;
+$btn-text-loading-color: #092c4d;
+$btn-text-secondary-color: #90a0af;
+$btn-text-secondary-color-hover: #002fa7;
+$btn-text-normal-color: #092c4d;
+$btn-text-normal-color-hover: #002fa7;
+$btn-text-size-s-height: 20px;
+$btn-text-size-s-font: 12px;
+$btn-text-icon-size-s: 20px;
+$btn-text-icon-s-margin: 5px;
+$btn-text-size-m-height: 25px;
+$btn-text-size-m-font: 14px;
+$btn-text-icon-size-m: 25px;
+$btn-text-icon-m-margin: 5px;
+$btn-text-size-l-height: 30px;
+$btn-text-size-l-font: 14px;
+$btn-text-icon-size-l: 30px;
+$btn-text-icon-l-margin: 5px;
+$btn-shadow: none;
+$btn-shadow-hover: none;
+$btn-size-s-height: 30px;
+$btn-size-m-height: 40px;
+$btn-size-m-icon-size: 20px;
+$btn-size-m-icon-margin: 10px;
+$btn-size-l-icon-size: 25px;
+$btn-size-l-icon-margin: 10px;
+$btn-pure-secondary-bg-hover: #2bd5ff;
+$btn-pure-secondary-border-color-hover: #2bd5ff;
+$btn-pure-primary-color: #FFFFFF;
+$btn-pure-primary-color-hover: #FFFFFF;
+$btn-pure-primary-color-active: #FFFFFF;
+$btn-pure-primary-bg-hover: #2bd5ff;
+$btn-warning-primary-border-color-hover: #ff5263;
+$btn-warning-primary-bg-hover: #ff5263;
+$btn-warning-normal-border-color-hover: #ff5263;
+$btn-warning-normal-bg-hover: #ff5263;
+
+// ------------------------ tag ------------------------ //
+
+$tag-size-l-height: 50px;
+$tag-size-m-height: 35px;
+$tag-size-s-height: 25px;
+$tag-size-l-spacing: 20px;
+$tag-size-m-spacing: 15px;
+$tag-size-s-spacing: 10px;
+$tag-size-l-padding-lr: 20px;
+$tag-size-m-padding-lr: 15px;
+$tag-size-s-padding-lr: 10px;
+$tag-corner-radius: 6px;
+$tag-checkable-corner-radius: 6px;
+$tag-border-width: 1px;
+$tag-shadow: none;
+$tag-size-l-text-size: 16px;
+$tag-size-m-text-size: 14px;
+$tag-size-s-text-size: 12px;
+$tag-size-s-content-min-width: 35px;
+$tag-size-m-content-min-width: 50px;
+$tag-size-l-content-min-width: 60px;
+$tag-size-l-tick-icon-size: 20px;
+$tag-size-m-tick-icon-size: 15px;
+$tag-size-s-tick-icon-size: 10px;
+$tag-size-l-tick-icon-bg-size: 45px;
+$tag-size-m-tick-icon-bg-size: 35px;
+$tag-size-s-tick-icon-bg-size: 25px;
+$tag-normal-text-color: #092c4d;
+$tag-fill-text-color: #90a0af;
+$tag-closable-normal-icon-color: #FFFFFF;
+$tag-closable-normal-icon-color-hover: #FFFFFF;
+$tag-closable-normal-icon-color-disabled: #FFFFFF;
+$tag-closable-normal-bg: #d9dbde;
+$tag-closable-normal-bg-hover: #c4c7cc;
+$tag-closable-normal-bg-disabled: #e4e8ee;
+$tag-closable-bordered-text-color: #90a0af;
+$tag-closable-bordered-border-color: #d9dbde;
+$tag-closable-bordered-bg: transparent;
+$tag-closable-bordered-text-color-hover: #092c4d;
+$tag-closable-bordered-border-color-hover: #c4c7cc;
+$tag-closable-bordered-bg-hover: transparent;
+$tag-closable-bordered-tail-color: #90a0af;
+$tag-closable-bordered-tail-color-hover: #092c4d;
+$tag-closable-bordered-tail-color-disabled: #c4c7cc;
+$tag-closable-bordered-border-color-disabled: #e4e8ee;
+$tag-closable-bordered-text-color-disabled: #c4c7cc;
+$tag-closable-bordered-bg-disabled: transparent;
+$tag-fill-tail-color: #90a0af;
+$tag-fill-border-color: #f0f2f5;
+$tag-fill-border-color-hover: #edeff2;
+$tag-fill-text-color-disabled: #c4c7cc;
+$tag-fill-border-color-disabled: #f5f7fa;
+$tag-fill-bg-color-disabled: #f5f7fa;
+$tag-fill-tail-color-disabled: #c4c7cc;
+$tag-bordered-text-color: #90a0af;
+$tag-bordered-tail-color: #90a0af;
+$tag-secondary-text-color: #002fa7;
+$tag-normal-text-color-hover: #002fa7;
+$tag-fill-text-color-hover: #092c4d;
+$tag-fill-tail-color-hover: #092c4d;
+$tag-bordered-text-color-hover: #092c4d;
+$tag-bordered-tail-color-hover: #092c4d;
+$tag-bordered-tail-color-disabled: #c4c7cc;
+$tag-bordered-text-color-disabled: #c4c7cc;
+$tag-bordered-border-color-disabled: #e4e8ee;
+$tag-bordered-bg-disabled: #f5f7fa;
+$tag-secondary-text-color-hover: #002fa7;
+$tag-bordered-border-color: #d9dbde;
+$tag-secondary-border-color: #002fa7;
+$tag-checkable-normal-bg-selected: #002fa7;
+$tag-checkable-secondary-bg-selected: #002fa7;
+$tag-bordered-border-color-hover: #c4c7cc;
+$tag-secondary-border-color-hover: #002fa7;
+$tag-checkable-normal-bg-selected-hover: #002fa7;
+$tag-checkable-secondary-bg-selected-hover: #002fa7;
+$tag-fill-bg-color: #f0f2f5;
+$tag-primary-background-color: #002fa7;
+$tag-bordered-bg: transparent;
+$tag-secondary-bg: transparent;
+$tag-fill-bg-color-hover: #edeff2;
+$tag-bordered-bg-hover: transparent;
+$tag-secondary-bg-hover: transparent;
+$tag-text-color-disabled: #c4c7cc;
+$tag-border-color-disabled: #e4e8ee;
+$tag-checkable-fill-text-color: #90a0af;
+$tag-checkable-fill-bg-color: #f0f2f5;
+$tag-checkable-fill-border-color: #f0f2f5;
+$tag-checkable-fill-text-color-hover: #092c4d;
+$tag-checkable-fill-bg-color-hover: #edeff2;
+$tag-checkable-fill-border-color-hover: #edeff2;
+$tag-checkable-fill-tail-color: #90a0af;
+$tag-checkable-fill-tail-color-hover: #092c4d;
+$tag-checkable-fill-tail-color-disabled: #c4c7cc;
+$tag-checkable-fill-text-color-disabled: #c4c7cc;
+$tag-checkable-fill-border-color-disabled: #f5f7fa;
+$tag-checkable-fill-bg-color-disabled: #f5f7fa;
+$tag-checkable-normal-text-color: #90a0af;
+$tag-checkable-normal-border-color: #d9dbde;
+$tag-checkable-normal-bg: transparent;
+$tag-checkable-normal-text-color-hover: #092c4d;
+$tag-checkable-normal-border-color-hover: #d9dbde;
+$tag-checkable-normal-bg-hover: transparent;
+$tag-checkable-normal-text-selected-disabled: #c4c7cc;
+$tag-checkable-normal-border-selected-disabled: #e4e8ee;
+$tag-checkable-normal-bg-selected-disabled: #f5f7fa;
+$tag-checkable-normal-tick-bg-selected-disabled: #e4e8ee;
+$tag-checkable-primary-text-color: #FFFFFF;
+$tag-checkable-primary-bg-color: #002fa7;
+$tag-checkable-primary-border-color: #002fa7;
+$tag-checkable-primary-text-color-hover: #FFFFFF;
+$tag-checkable-primary-bg-color-hover: #002fa7;
+$tag-checkable-primary-border-color-hover: #002fa7;
+$tag-checkable-primary-tail-color: #FFFFFF;
+$tag-checkable-primary-tail-color-hover: #FFFFFF;
+$tag-checkable-secondary-bg-selected-disabled: #e4e8ee;
+$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;
+$tag-closable-primary-fill-text-color: #90a0af;
+$tag-closable-primary-fill-border-color: #f0f2f5;
+$tag-closable-primary-fill-bg-color: #f0f2f5;
+$tag-closable-primary-fill-text-color-hover: #092c4d;
+$tag-closable-primary-fill-border-color-hover: #edeff2;
+$tag-closable-primary-fill-bg-color-hover: #edeff2;
+$tag-closable-primary-fill-text-color-disabled: #c4c7cc;
+$tag-closable-primary-fill-border-color-disabled: #f5f7fa;
+$tag-closable-primary-fill-bg-color-disabled: #f5f7fa;
+$tag-size-l-icon-font: 25px;
+$tag-size-m-icon-font: 20px;
+$tag-size-s-icon-font: 15px;
+$tag-checkable-primary-text-color-disabled: #c4c7cc;
+$tag-checkable-primary-border-color-disabled: #f0f2f5;
+$tag-checkable-primary-bg-color-disabled: #f0f2f5;
+
+// ------------------------ input ------------------------ //
+
+$input-text-color: #092c4d;
+$input-label-color: #90a0af;
+$input-hover-border-color: #c4c7cc;
+$input-hover-bg-color: #FFFFFF;
+$input-focus-border-color: #002fa7;
+$input-focus-bg-color: #FFFFFF;
+$input-border-width: 1px;
+$input-bg-color: #FFFFFF;
+$input-disabled-color: #c4c7cc;
+$input-disabled-border-color: #e4e8ee;
+$input-disabled-bg-color: #f5f7fa;
+$input-multiple-padding-lr: 10px;
+$input-multiple-font-size: 14px;
+$input-multiple-corner: 6px;
+$input-addon-bg-color: #f4f6f9;
+$input-addon-text-color: #5a6875;
+$input-addon-padding: 10px;
+$input-l-padding: 15px;
+$input-l-label-padding-left: 15px;
+$input-l-icon-padding-right: 10px;
+$input-m-label-padding-left: 10px;
+$input-m-icon-padding-right: 10px;
+$input-s-label-padding-left: 10px;
+$input-s-icon-padding-right: 5px;
+$input-feedback-warning-border-color: #fabc16;
+$input-feedback-warning-bg-color: #FFFFFF;
+$input-feedback-warning-color: #fabc16;
+$input-feedback-warning-icon: "";
+$input-feedback-success-color: #1ab081;
+$input-feedback-success-icon: "";
+$input-feedback-loading-color: #00a4ee;
+$input-feedback-loading-icon: "";
+$input-feedback-error-color: #092c4d;
+$input-feedback-error-border-color: #f8544b;
+$input-feedback-error-bg-color: #FFFFFF;
+$input-maxlen-error-color: #f8544b;
+$input-maxlen-warning-color: #fabc16;
+$input-maxlen-color: #5a6875;
+$input-maxlen-font-size: 12px;
+$input-hint-color: #5a6875;
+$input-hint-hover-color: #90a0af;
+$input-feedback-clear-icon: "";
+$input-border-color: #dcdfe6;
+$input-focus-shadow-spread: 2px;
+$input-placeholder-color: #c4c7cc;
+$input-multiple-padding-tb: 10px;
+$input-m-padding: 10px;
+$input-s-padding: 10px;
+
+// ------------------------ form ------------------------ //
+
+$form-label-padding-r: 15px;
+$form-item-m-margin-b: 20px;
+$form-item-s-margin-b: 15px;
+$form-inline-l-item-margin-r: 30px;
+$form-inline-m-item-margin-r: 25px;
+$form-inline-s-item-margin-r: 20px;
+$form-help-margin-top: 5px;
+$form-help-font-size: 12px;
+$form-help-color: #5a6875;
+$form-error-color: #f8544b;
+$form-warning-color: #fabc16;
+$form-top-label-margin-b: 2px;
+$form-label-color: #90a0af;
+$form-item-l-margin-b: 25px;
+
+// ------------------------ loading ------------------------ //
+
+$loading-icon-size: 40px;
+$loading-dot-color: #002fa7;
+$loading-large-size: 60px;
+$loading-large-dot-size: 15px;
+$loading-medium-size: 40px;
+$loading-medium-dot-size: 10px;
+
+// ------------------------ table ------------------------ //
+
+$table-normal-border-width: 1px;
+$table-th-font-size: 14px;
+$table-th-font-weight: normal;
+$table-sort-icon-size: 15px;
+$table-filter-icon-size: 15px;
+$table-body-font-size: 14px;
+$table-empty-padding: 40px;
+$table-expanded-icon-size: 15px;
+$table-tree-expanded-icon-size: 15px;
+$table-cell-padding-top: 15px;
+$table-cell-padding-left: 20px;
+$table-header-padding-top: 15px;
+$table-header-padding-left: 20px;
+$table-header-icon-margin-left: 10px;
+$table-header-corner-top: 0px;
+$table-header-corner-bottom: 0px;
+$table-size-s-cell-padding-top: 10px;
+$table-size-s-cell-padding-left: 10px;
+$table-size-s-header-padding-top: 10px;
+$table-size-s-header-padding-left: 10px;
+$table-group-split: 10px;
+$table-group-header-corner-top: 0px;
+$table-group-header-corner-bottom: 0px;
+$table-group-footer-corner-top: 0px;
+$table-group-footer-corner-bottom: 0px;
+$table-normal-border-color: #dcdfe6;
+$table-normal-border-style: solid;
+$table-th-bg: #f0f2f5;
+$table-th-color: #092c4d;
+$table-sort-color: #092c4d;
+$table-group-th-bg: #f0f2f5;
+$table-group-th-color: #092c4d;
+$table-row-bg: #FFFFFF;
+$table-row-color: #092c4d;
+$table-td-gray: #f5f7fa;
+$table-td-normal: #FFFFFF;
+$table-empty-color: #c4c7cc;
+$table-group-footer-bg: #f0f2f5;
+$table-group-footer-color: #092c4d;
+$table-row-hover-bg: #f4f6f9;
+$table-row-hover-color: #092c4d;
+$table-row-selected-bg: #f4f6f9;
+$table-row-selected-color: #092c4d;
+$table-sort-color-current: #002fa7;
+$table-expanded-ctrl-disabled-color: #5a6875;
+$table-tree-fold-icon-content: "";
+$table-tree-unfold-icon-content: "";
+$table-expand-fold-icon-content: "";
+$table-expand-unfold-icon-content: "";
+
+// ------------------------ upload ------------------------ //
+
+$upload-disable-text-color: #c4c7cc;
+$upload-disable-border-color: #e4e8ee;
+$upload-text-list-height: 50px;
+$upload-text-list-padding-left-right: 10px;
+$upload-text-list-font-size: 14px;
+$upload-text-list-close-icon-right: 15px;
+$upload-text-list-corner: 0px;
+$upload-text-list-bg-color: #f4f6f9;
+$upload-text-list-bg-color-hover: #f4f6f9;
+$upload-text-list-bg-color-error: #fff0f0;
+$upload-text-list-error-text-color: #f8544b;
+$upload-text-list-close-icon-color: #5a6875;
+$upload-text-list-close-icon-color-hover: #90a0af;
+$upload-text-list-name-font-color: #092c4d;
+$upload-text-list-name-font-color-hover: #002fa7;
+$upload-text-list-size-font-color: #5a6875;
+$upload-text-list-size-font-color-hover: #002fa7;
+$upload-text-list-progressbar-height: 10px;
+$upload-image-list-item-padding: 10px;
+$upload-image-list-item-picture-size: 60px;
+$upload-image-list-item-picture-icon-size: 30px;
+$upload-image-list-item-picture-border-width: 1px;
+$upload-image-list-item-picture-corner: 0px;
+$upload-image-list-item-thumbnail-font-color: #c4c7cc;
+$upload-image-list-item-font-size: 14px;
+$upload-image-list-close-icon-right: 5px;
+$upload-image-list-item-border-width: 1px;
+$upload-image-list-item-bg-color: #FFFFFF;
+$upload-image-list-item-uploading-bg-color: #FFFFFF;
+$upload-image-list-item-error-bg-color: #FFFFFF;
+$upload-image-list-close-icon-color: #5a6875;
+$upload-image-list-close-icon-color-hover: #90a0af;
+$upload-image-list-item-border-color: #dcdfe6;
+$upload-image-list-item-border-color-error: #f8544b;
+$upload-image-list-item-border-color-hover: #002fa7;
+$upload-image-list-item-picture-border-color: #dcdfe6;
+$upload-image-list-item-picture-background-color: #f4f6f9;
+$upload-image-list-progressbar-height: 10px;
+$upload-card-size: 125px;
+$upload-card-margin-bottom: 20px;
+$upload-card-add-icon-size: 30px;
+$upload-card-add-text-size: 14px;
+$upload-card-border-radius: 0px;
+$upload-card-add-text-margin-top: 15px;
+$upload-card-bg-color: #FFFFFF;
+$upload-card-border-style: dashed;
+$upload-card-border-color: #d9dbde;
+$upload-card-hover-border-color: #002fa7;
+$upload-card-font-color: #90a0af;
+$upload-card-icon-color: #d9dbde;
+$upload-card-hover-font-color: #002fa7;
+$upload-card-add-icon: "";
+$upload-card-list-bg-color: transparent;
+$upload-card-list-uploading-bg-color: #f5f7fa;
+$upload-card-list-bg-color-error: #f5f7fa;
+$upload-card-list-margin-right: 15px;
+$upload-card-list-padding: 0px;
+$upload-card-list-corner: 0px;
+$upload-card-list-border-color: #d9dbde;
+$upload-card-list-border-color-error: #f8544b;
+$upload-card-list-thumbnail-font-color: #c4c7cc;
+$upload-card-list-thumbnail-font-size: 12px;
+$upload-card-list-thumbnail-icon-size: 60px;
+$upload-card-list-name-margin-top: 5px;
+$upload-card-list-name-font-size: 12px;
+$upload-card-list-name-font-color: #90a0af;
+$upload-card-list-progressbar-height: 10px;
+$upload-select-card-tool-bg-color: #000000;
+$upload-select-card-tool-bg-opacity: .7;
+$upload-drag-zone-border-color: #d9dbde;
+$upload-drag-zone-over-border-color: #002fa7;
+$upload-drag-zone-corner: 6px;
+$upload-drag-zone-font-size: 14px;
+$upload-drag-zone-icon-size: 30px;
+$upload-drag-zone-hint-font-size: 12px;
+$upload-drag-zone-bg-color: transparent;
+$upload-drag-zone-upload-icon: "";
+$upload-drag-zone-upload-icon-color: #90a0af;
+$upload-drag-zone-upload-normal-title-color: #90a0af;
+$upload-drag-zone-upload-normal-hint-color: #5a6875;
+$upload-text-list-close-icon-size: 20px;
+$upload-image-list-close-icon-size: 20px;
+
+// ------------------------ badge ------------------------ //
+
+$badge-size-dot-width: 10px;
+$badge-size-list-margin: 0px;
+$badge-size-count-config-height: 20px;
+$badge-size-count-padding-lr: 5px;
+$badge-size-custom-padding-lr: 5px;
+$badge-size-count-font: 12px;
+$badge-size-count-border-width: 0px;
+$badge-normal-count-border-color: #FFFFFF;
+$badge-color-bg: #f8544b;
+$badge-size-count-border-radius: 10px;
+$badge-dot-color-bg: #f8544b;
+$badge-size-dot-border-radius: 10px;
+$badge-size-custom-border-radius: 6px;
+
+// ------------------------ balloon ------------------------ //
+
+$balloon-size-max-width: 300px;
+$balloon-size-padding-right: 20px;
+$balloon-size-padding-closable-right: 50px;
+$balloon-size-padding-top: 20px;
+$balloon-size-header-margin-bottom: 10px;
+$balloon-title-font-size: 16px;
+$balloon-title-font-weight: bold;
+$balloon-content-font-size: 14px;
+$balloon-content-font-weight: normal;
+$balloon-normal-border-width: 1px;
+$balloon-primary-border-width: 1px;
+$balloon-tooltip-border-width: 1px;
+$balloon-tooltip-content-font-size: 14px;
+$balloon-tooltip-content-font-weight: normal;
+$balloon-size-close-margin-top: 15px;
+$balloon-size-close-margin-right: 15px;
+$balloon-size-arrow-size: 15px;
+$balloon-size-arrow-margin: 15px;
+$balloon-tooltip-size-padding-top: 10px;
+$balloon-tooltip-size-padding-right: 10px;
+$balloon-tooltip-size-padding-bottom: 10px;
+$balloon-tooltip-size-padding-left: 10px;
+$balloon-border-style: solid;
+$balloon-corner: 6px;
+$balloon-normal-color-bg: #FFFFFF;
+$balloon-normal-color-border: #dcdfe6;
+$balloon-normal-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$balloon-normal-color: #092c4d;
+$balloon-normal-color-close: #5a6875;
+$balloon-normal-color-close-hover: #90a0af;
+$balloon-primary-color-close-hover: #092c4d;
+$balloon-tooltip-border-style: solid;
+$balloon-size-close: 20px;
+$balloon-primary-color-bg: #002fa7;
+$balloon-primary-color-border: transparent;
+$balloon-primary-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$balloon-primary-color: #FFFFFF;
+$balloon-primary-color-close: #FFFFFF;
+$balloon-tooltip-color-bg: #092c4d;
+$balloon-tooltip-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$balloon-tooltip-color-border: transparent;
+$balloon-tooltip-color: #FFFFFF;
+
+// ------------------------ select ------------------------ //
+
+$select-color: #092c4d;
+$select-hint-color: #5a6875;
+$select-highlight-color: #002fa7;
+$select-highlight-font: 14px;
+$select-l-lineheight: 30px;
+$select-m-lineheight: 25px;
+$select-s-lineheight: 14px;
+$select-fold-icon-content: "";
+$select-unfold-icon-content: $icon-reset;
+
+// ------------------------ drawer ------------------------ //
+
+$drawer-title-font-size: 16px;
+$drawer-title-padding-top: 15px;
+$drawer-title-padding-bottom: 15px;
+$drawer-title-padding-left-right: 25px;
+$drawer-title-border-width: 1px;
+$drawer-content-font-size: 14px;
+$drawer-content-padding-top: 25px;
+$drawer-content-padding-bottom: 25px;
+$drawer-content-padding-left-right: 25px;
+$drawer-close-top: 15px;
+$drawer-close-right: 15px;
+$drawer-bg: #FFFFFF;
+$drawer-border-width: 1px;
+$drawer-border-color: #dcdfe6;
+$drawer-border-style: solid;
+$drawer-corner: 6px;
+$drawer-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$drawer-title-color: #092c4d;
+$drawer-title-bg-color: #FFFFFF;
+$drawer-title-border-color: #dcdfe6;
+$drawer-content-color: #90a0af;
+$drawer-close-color: #5a6875;
+$drawer-close-color-hovered: #092c4d;
+$drawer-close-bg-hovered: transparent;
+$drawer-close-size: 20px;
+
+// ------------------------ message ------------------------ //
+
+$message-size-l-padding: 20px;
+$message-size-l-border-width: 2px;
+$message-size-l-title-content-padding-left: 15px;
+$message-size-l-title-content-padding-right: 25px;
+$message-size-l-title-font: 20px;
+$message-size-l-content-margin-top: 10px;
+$message-size-l-content-font: 14px;
+$message-size-l-close-top: 20px;
+$message-size-l-close-right: 20px;
+$message-size-l-icon: 30px;
+$message-size-m-padding: 15px;
+$message-size-m-border-width: 1px;
+$message-size-m-title-content-padding-left: 10px;
+$message-size-m-title-content-padding-right: 25px;
+$message-size-m-title-font: 16px;
+$message-size-m-content-margin-top: 10px;
+$message-size-m-content-font: 14px;
+$message-size-m-close-top: 15px;
+$message-size-m-close-right: 15px;
+$message-size-m-icon: 20px;
+$message-size-l-border-radius: 6px;
+$message-size-m-border-radius: 6px;
+$message-size-l-border-radius-toast: 6px;
+$message-size-m-border-radius-toast: 6px;
+$message-border-style: solid;
+$message-border-style-toast: solid;
+$message-shadow-toast: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$message-success-color-bg-inline: #e0f7f0;
+$message-success-color-bg-addon: transparent;
+$message-success-color-bg-toast: #FFFFFF;
+$message-success-color-border-inline: #e0f7f0;
+$message-success-color-border-toast: #FFFFFF;
+$message-success-color-title-inline: #092c4d;
+$message-success-color-title-addon: #092c4d;
+$message-success-color-title-toast: #092c4d;
+$message-success-color-content-inline: #90a0af;
+$message-success-color-content-addon: #90a0af;
+$message-success-color-content-toast: #90a0af;
+$message-success-color-icon-inline: #1ab081;
+$message-success-color-icon-addon: #1ab081;
+$message-success-color-icon-toast: #1ab081;
+$message-error-color-bg-inline: #fff0f0;
+$message-error-color-bg-addon: transparent;
+$message-error-color-bg-toast: #FFFFFF;
+$message-error-color-border-inline: #fff0f0;
+$message-error-color-border-toast: #FFFFFF;
+$message-error-color-title-inline: #092c4d;
+$message-error-color-title-addon: #092c4d;
+$message-error-color-title-toast: #092c4d;
+$message-error-color-content-inline: #90a0af;
+$message-error-color-content-addon: #90a0af;
+$message-error-color-content-toast: #90a0af;
+$message-error-color-icon-inline: #f8544b;
+$message-error-color-icon-addon: #f8544b;
+$message-error-color-icon-toast: #f8544b;
+$message-warning-color-bg-inline: #fffef0;
+$message-warning-color-bg-addon: transparent;
+$message-warning-color-bg-toast: #FFFFFF;
+$message-warning-color-border-inline: #fffef0;
+$message-warning-color-border-toast: #FFFFFF;
+$message-warning-color-title-inline: #092c4d;
+$message-warning-color-title-addon: #092c4d;
+$message-warning-color-title-toast: #092c4d;
+$message-warning-color-content-inline: #90a0af;
+$message-warning-color-content-addon: #90a0af;
+$message-warning-color-content-toast: #90a0af;
+$message-warning-color-icon-inline: #fabc16;
+$message-warning-color-icon-addon: #fabc16;
+$message-warning-color-icon-toast: #fabc16;
+$message-notice-color-bg-inline: #e5f7ff;
+$message-notice-color-bg-addon: transparent;
+$message-notice-color-bg-toast: #FFFFFF;
+$message-notice-color-border-inline: #e5f7ff;
+$message-notice-color-border-toast: #FFFFFF;
+$message-notice-color-title-inline: #092c4d;
+$message-notice-color-title-addon: #092c4d;
+$message-notice-color-title-toast: #092c4d;
+$message-notice-color-content-inline: #90a0af;
+$message-notice-color-content-addon: #90a0af;
+$message-notice-color-content-toast: #90a0af;
+$message-notice-color-icon-inline: #00a4ee;
+$message-notice-color-icon-addon: #00a4ee;
+$message-notice-color-icon-toast: #00a4ee;
+$message-help-color-bg-inline: #e6f9ff;
+$message-help-color-bg-addon: transparent;
+$message-help-color-bg-toast: #FFFFFF;
+$message-help-color-border-inline: #e6f9ff;
+$message-help-color-border-toast: #FFFFFF;
+$message-help-color-title-inline: #092c4d;
+$message-help-color-title-addon: #092c4d;
+$message-help-color-title-toast: #092c4d;
+$message-help-color-content-inline: #90a0af;
+$message-help-color-content-addon: #90a0af;
+$message-help-color-content-toast: #90a0af;
+$message-help-color-icon-inline: #0394f5;
+$message-help-color-icon-addon: #0394f5;
+$message-help-color-icon-toast: #0394f5;
+$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: #092c4d;
+$message-loading-color-title-addon: #092c4d;
+$message-loading-color-title-toast: #092c4d;
+$message-loading-color-content-inline: #90a0af;
+$message-loading-color-content-addon: #90a0af;
+$message-loading-color-content-toast: #90a0af;
+$message-loading-color-icon-inline: #002fa7;
+$message-loading-color-icon-addon: #002fa7;
+$message-loading-color-icon-toast: #002fa7;
+$message-close-icon-color: #5a6875;
+$message-hover-close-icon-color: #90a0af;
+$message-success-icon-content: "";
+$message-warning-icon-content: "";
+$message-error-icon-content: "";
+$message-notice-icon-content: "";
+$message-help-icon-content: "";
+$message-loading-icon-content: "";
+$message-close-icon-size: 20px;
+
+// ------------------------ dialog ------------------------ //
+
+$dialog-title-font-size: 16px;
+$dialog-title-font-weight: normal;
+$dialog-message-content-padding-top: 25px;
+$dialog-message-content-padding-bottom: 25px;
+$dialog-message-content-padding-left-right: 25px;
+$dialog-content-padding-top: 25px;
+$dialog-content-padding-bottom: 25px;
+$dialog-content-padding-left-right: 25px;
+$dialog-content-margin-bottom-no-footer: 0px;
+$dialog-footer-border-width: 0px;
+$dialog-footer-padding-left-right: 25px;
+$dialog-close-width: 20px;
+$dialog-bg: #FFFFFF;
+$dialog-border-color: #dcdfe6;
+$dialog-border-style: solid;
+$dialog-title-color: #092c4d;
+$dialog-title-bg-color: transparent;
+$dialog-content-color: #90a0af;
+$dialog-footer-bg-color: transparent;
+$dialog-footer-border-color: transparent;
+$dialog-close-color: #5a6875;
+$dialog-close-color-hovered: #092c4d;
+$dialog-close-bg-hovered: transparent;
+$dialog-border-width: 0px;
+$dialog-title-padding-top: 25px;
+$dialog-title-padding-bottom: 25px;
+$dialog-title-padding-left-right: 25px;
+$dialog-title-border-width: 1px;
+$dialog-content-font-size: 14px;
+$dialog-footer-padding-top: 15px;
+$dialog-footer-padding-bottom: 25px;
+$dialog-footer-button-spacing: 10px;
+$dialog-close-top: 25px;
+$dialog-close-right: 25px;
+$dialog-close-size: 20px;
+$dialog-corner: 8px;
+$dialog-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);
+$dialog-title-border-color: #e4e8ee;
+
+// ------------------------ number-picker ------------------------ //
+
+$number-picker-normal-up-icon: "";
+$number-picker-normal-down-icon: "";
+$number-picker-normal-s-button-width: 25px;
+$number-picker-normal-m-button-width: 25px;
+$number-picker-normal-l-button-width: 25px;
+$number-picker-normal-m-input-width: 100px;
+$number-picker-normal-l-input-width: 100px;
+$number-picker-normal-s-button-icon-size: 10px;
+$number-picker-normal-m-button-icon-size: 10px;
+$number-picker-normal-l-button-icon-size: 10px;
+$number-picker-inline-add-icon: "";
+$number-picker-inline-minus-icon: "";
+$number-picker-inline-s-button-icon-size: 15px;
+$number-picker-inline-s-button-margin: 2px;
+$number-picker-inline-s-button-corner: 6px;
+$number-picker-inline-m-button-icon-size: 15px;
+$number-picker-inline-m-button-margin: 2px;
+$number-picker-inline-m-button-corner: 6px;
+$number-picker-inline-m-input-width: 125px;
+$number-picker-inline-l-button-icon-size: 15px;
+$number-picker-inline-l-button-margin: 2px;
+$number-picker-inline-l-button-corner: 6px;
+$number-picker-inline-l-input-width: 160px;
+
+// ------------------------ progress ------------------------ //
+
+$progress-line-height-size-l: 15px;
+$progress-line-height-size-m: 10px;
+$progress-line-height-size-s: 5px;
+$progress-line-underlay-border-width: 1px;
+$progress-line-font-l: 14px;
+$progress-line-font-m: 12px;
+$progress-line-font-s: 12px;
+$progress-line-underlay-color: #f0f2f5;
+$progress-line-underlay-border-color: #dcdfe6;
+$progress-line-radius-l: 20px;
+$progress-line-radius-m: 20px;
+$progress-line-radius-s: 20px;
+$progress-line-font-color: #092c4d;
+$progress-line-normal-color: #002fa7;
+$progress-line-error-color: #f8544b;
+$progress-line-success-color: #1ab081;
+$progress-line-started-color: #f8544b;
+$progress-line-middle-color: #fabc16;
+$progress-line-finishing-color: #1ab081;
+$progress-circle-size-l: 165px;
+$progress-circle-size-m: 145px;
+$progress-circle-size-s: 125px;
+$progress-circle-underlay-width: 10px;
+$progress-circle-overlay-width: 10px;
+$progress-circle-font-l: 36px;
+$progress-circle-font-m: 24px;
+$progress-circle-font-s: 20px;
+$progress-circle-underlay-color: #f0f2f5;
+$progress-circle-text-color: #092c4d;
+$progress-circle-corner: round;
+$progress-circle-normal-color: #002fa7;
+$progress-circle-error-color: #f8544b;
+$progress-circle-success-color: #1ab081;
+$progress-circle-started-color: #f8544b;
+$progress-circle-middle-color: #fabc16;
+$progress-circle-finishing-color: #1ab081;
+
+// ------------------------ shell ------------------------ //
+
+$shell-light-header-color: #000000;
+$shell-light-header-height: 65px;
+$shell-light-header-background: #FFFFFF;
+$shell-light-header-shadow: none;
+$shell-light-header-divider-size: 1px;
+$shell-light-header-divider-style: solid;
+$shell-light-header-divider-color: #e4e8ee;
+$shell-light-header-paddingLeft: 20px;
+$shell-light-multitask-min-height: 50px;
+$shell-light-multitask-background: #FFFFFF;
+$shell-light-multitask-shadow: none;
+$shell-light-multitask-divider-size: 1px;
+$shell-light-multitask-divider-style: solid;
+$shell-light-multitask-divider-color: #e4e8ee;
+$shell-light-multitask-paddingLeft: 0px;
+$shell-light-navigation-hoz-marginLeft: 60px;
+$shell-light-navigation-ver-width: 210px;
+$shell-light-navigation-ver-shadow: none;
+$shell-light-navigation-ver-paddingTop: 10px;
+$shell-light-navigation-ver-paddingBottom: 10px;
+$shell-light-navigation-ver-width-mini: 75px;
+$shell-light-navigation-ver-background: #FFFFFF;
+$shell-light-navigation-ver-divider-size: 1px;
+$shell-light-navigation-ver-divider-style: solid;
+$shell-light-navigation-ver-divider-color: #e4e8ee;
+$shell-light-local-navigation-width: 210px;
+$shell-light-local-navigation-background: #edeff2;
+$shell-light-local-navigation-paddingTop: 10px;
+$shell-light-local-navigation-paddingBottom: 10px;
+$shell-light-local-navigation-shadow: none;
+$shell-light-local-navigation-divider-size: 1px;
+$shell-light-local-navigation-divider-style: solid;
+$shell-light-local-navigation-divider-color: #e4e8ee;
+$shell-light-appbar-background: #FFFFFF;
+$shell-light-appbar-min-height: 60px;
+$shell-light-appbar-shadow: none;
+$shell-light-appbar-paddingLeft: 30px;
+$shell-light-appbar-divider-size: 1px;
+$shell-light-appbar-divider-style: solid;
+$shell-light-appbar-divider-color: #e4e8ee;
+$shell-light-content-background: #f0f2f5;
+$shell-light-content-paddingLeft: 25px;
+$shell-light-content-paddingTop: 25px;
+$shell-light-footer-min-height: 70px;
+$shell-light-footer-background: transparent;
+$shell-light-footer-color: #c4c7cc;
+$shell-light-footer-font-size: 14px;
+$shell-light-ancillary-width: 210px;
+$shell-light-ancillary-background: #FFFFFF;
+$shell-light-ancillary-paddingTop: 10px;
+$shell-light-ancillary-paddingBottom: 10px;
+$shell-light-ancillary-shadow: none;
+$shell-light-ancillary-divider-size: 1px;
+$shell-light-ancillary-divider-style: solid;
+$shell-light-ancillary-divider-color: #e4e8ee;
+$shell-light-tooldock-height: 65px;
+$shell-light-tooldock-width: 65px;
+$shell-light-tooldock-background: #edeff2;
+$shell-light-tooldock-paddingTop: 10px;
+$shell-light-tooldock-paddingBottom: 10px;
+$shell-light-tooldock-shadow: none;
+$shell-light-tooldock-divider-size: 1px;
+$shell-light-tooldock-divider-style: solid;
+$shell-light-tooldock-divider-color: #e4e8ee;
+$shell-light-tooldock-item-paddingTop: 10px;
+$shell-light-tooldock-item-color: #90a0af;
+$shell-light-tooldock-item-color-hover: #092c4d;
+$shell-light-tooldock-item-color-active: #092c4d;
+$shell-light-tooldock-item-background: transparent;
+$shell-light-tooldock-item-background-hover: #f0f2f5;
+$shell-light-tooldock-item-background-active: #f0f2f5;
+$shell-dark-header-color: #FFFFFF;
+$shell-dark-header-height: 65px;
+$shell-dark-header-background: #000000;
+$shell-dark-header-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
+$shell-dark-header-divider-size: 1px;
+$shell-dark-header-divider-style: solid;
+$shell-dark-header-divider-color: #1F1F1F;
+$shell-dark-header-paddingLeft: 20px;
+$shell-dark-multitask-min-height: 50px;
+$shell-dark-multitask-background: #FFFFFF;
+$shell-dark-multitask-shadow: none;
+$shell-dark-multitask-divider-size: 1px;
+$shell-dark-multitask-divider-style: solid;
+$shell-dark-multitask-divider-color: #e4e8ee;
+$shell-dark-multitask-paddingLeft: 0px;
+$shell-dark-navigation-hoz-marginLeft: 60px;
+$shell-dark-navigation-ver-width: 210px;
+$shell-dark-navigation-ver-shadow: none;
+$shell-dark-navigation-ver-paddingTop: 10px;
+$shell-dark-navigation-ver-paddingBottom: 10px;
+$shell-dark-navigation-ver-width-mini: 75px;
+$shell-dark-navigation-ver-background: #092c4d;
+$shell-dark-navigation-ver-divider-size: 1px;
+$shell-dark-navigation-ver-divider-style: solid;
+$shell-dark-navigation-ver-divider-color: #e4e8ee;
+$shell-dark-local-navigation-width: 210px;
+$shell-dark-local-navigation-background: #edeff2;
+$shell-dark-local-navigation-paddingTop: 10px;
+$shell-dark-local-navigation-paddingBottom: 10px;
+$shell-dark-local-navigation-shadow: none;
+$shell-dark-local-navigation-divider-size: 1px;
+$shell-dark-local-navigation-divider-style: solid;
+$shell-dark-local-navigation-divider-color: #e4e8ee;
+$shell-dark-appbar-background: #FFFFFF;
+$shell-dark-appbar-min-height: 60px;
+$shell-dark-appbar-shadow: none;
+$shell-dark-appbar-paddingLeft: 30px;
+$shell-dark-appbar-divider-size: 1px;
+$shell-dark-appbar-divider-style: solid;
+$shell-dark-appbar-divider-color: #e4e8ee;
+$shell-dark-content-background: #f0f2f5;
+$shell-dark-content-paddingLeft: 25px;
+$shell-dark-content-paddingTop: 25px;
+$shell-dark-footer-min-height: 70px;
+$shell-dark-footer-background: transparent;
+$shell-dark-footer-color: #c4c7cc;
+$shell-dark-footer-font-size: 14px;
+$shell-dark-ancillary-width: 210px;
+$shell-dark-ancillary-background: #FFFFFF;
+$shell-dark-ancillary-paddingTop: 10px;
+$shell-dark-ancillary-paddingBottom: 10px;
+$shell-dark-ancillary-shadow: none;
+$shell-dark-ancillary-divider-size: 1px;
+$shell-dark-ancillary-divider-style: solid;
+$shell-dark-ancillary-divider-color: #e4e8ee;
+$shell-dark-tooldock-height: 65px;
+$shell-dark-tooldock-width: 65px;
+$shell-dark-tooldock-background: #edeff2;
+$shell-dark-tooldock-paddingTop: 10px;
+$shell-dark-tooldock-paddingBottom: 10px;
+$shell-dark-tooldock-shadow: none;
+$shell-dark-tooldock-divider-size: 1px;
+$shell-dark-tooldock-divider-style: solid;
+$shell-dark-tooldock-divider-color: #e4e8ee;
+$shell-dark-tooldock-item-paddingTop: 10px;
+$shell-dark-tooldock-item-color: #90a0af;
+$shell-dark-tooldock-item-color-hover: #092c4d;
+$shell-dark-tooldock-item-color-active: #092c4d;
+$shell-dark-tooldock-item-background: transparent;
+$shell-dark-tooldock-item-background-hover: #f0f2f5;
+$shell-dark-tooldock-item-background-active: #f0f2f5;
+$shell-brand-header-color: #FFFFFF;
+$shell-brand-header-height: 65px;
+$shell-brand-header-background: #002fa7;
+$shell-brand-header-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
+$shell-brand-header-divider-size: 1px;
+$shell-brand-header-divider-style: solid;
+$shell-brand-header-divider-color: #e4e8ee;
+$shell-brand-header-paddingLeft: 20px;
+$shell-brand-multitask-min-height: 50px;
+$shell-brand-multitask-background: #FFFFFF;
+$shell-brand-multitask-shadow: none;
+$shell-brand-multitask-divider-size: 1px;
+$shell-brand-multitask-divider-style: solid;
+$shell-brand-multitask-divider-color: #e4e8ee;
+$shell-brand-multitask-paddingLeft: 0px;
+$shell-brand-navigation-hoz-marginLeft: 60px;
+$shell-brand-navigation-ver-width: 210px;
+$shell-brand-navigation-ver-shadow: none;
+$shell-brand-navigation-ver-paddingTop: 10px;
+$shell-brand-navigation-ver-paddingBottom: 10px;
+$shell-brand-navigation-ver-width-mini: 75px;
+$shell-brand-navigation-ver-background: #FFFFFF;
+$shell-brand-navigation-ver-divider-size: 1px;
+$shell-brand-navigation-ver-divider-style: solid;
+$shell-brand-navigation-ver-divider-color: #e4e8ee;
+$shell-brand-local-navigation-width: 210px;
+$shell-brand-local-navigation-background: #edeff2;
+$shell-brand-local-navigation-paddingTop: 10px;
+$shell-brand-local-navigation-paddingBottom: 10px;
+$shell-brand-local-navigation-shadow: none;
+$shell-brand-local-navigation-divider-size: 1px;
+$shell-brand-local-navigation-divider-style: solid;
+$shell-brand-local-navigation-divider-color: #e4e8ee;
+$shell-brand-appbar-background: #FFFFFF;
+$shell-brand-appbar-min-height: 60px;
+$shell-brand-appbar-shadow: none;
+$shell-brand-appbar-paddingLeft: 30px;
+$shell-brand-appbar-divider-size: 1px;
+$shell-brand-appbar-divider-style: solid;
+$shell-brand-appbar-divider-color: #e4e8ee;
+$shell-brand-content-background: #f0f2f5;
+$shell-brand-content-paddingLeft: 25px;
+$shell-brand-content-paddingTop: 25px;
+$shell-brand-footer-min-height: 70px;
+$shell-brand-footer-background: transparent;
+$shell-brand-footer-color: #c4c7cc;
+$shell-brand-footer-font-size: 14px;
+$shell-brand-ancillary-width: 210px;
+$shell-brand-ancillary-background: #FFFFFF;
+$shell-brand-ancillary-paddingTop: 10px;
+$shell-brand-ancillary-paddingBottom: 10px;
+$shell-brand-ancillary-shadow: none;
+$shell-brand-ancillary-divider-size: 1px;
+$shell-brand-ancillary-divider-style: solid;
+$shell-brand-ancillary-divider-color: #e4e8ee;
+$shell-brand-tooldock-height: 65px;
+$shell-brand-tooldock-width: 65px;
+$shell-brand-tooldock-background: #edeff2;
+$shell-brand-tooldock-paddingTop: 10px;
+$shell-brand-tooldock-paddingBottom: 10px;
+$shell-brand-tooldock-shadow: none;
+$shell-brand-tooldock-divider-size: 1px;
+$shell-brand-tooldock-divider-style: solid;
+$shell-brand-tooldock-divider-color: #e4e8ee;
+$shell-brand-tooldock-item-paddingTop: 10px;
+$shell-brand-tooldock-item-color: #90a0af;
+$shell-brand-tooldock-item-color-hover: #092c4d;
+$shell-brand-tooldock-item-color-active: #092c4d;
+$shell-brand-tooldock-item-background: transparent;
+$shell-brand-tooldock-item-background-hover: #f0f2f5;
+$shell-brand-tooldock-item-background-active: #f0f2f5;
+
+// ------------------------ divider ------------------------ //
+
+$divider-hoz-size: 1px;
+$divider-hoz-color: #dcdfe6;
+$divider-hoz-text-center-paddingLeft: 20px;
+$divider-hoz-text-left-paddingLeft: 20px;
+$divider-hoz-text-marginTop: 20px;
+$divider-hoz-marginTop: 20px;
+$divider-hoz-text-size: 16px;
+$divider-hoz-text-weight: normal;
+$divider-hoz-text-color: #092c4d;
+$divider-ver-size: 1px;
+$divider-ver-color: #dcdfe6;
+$divider-ver-marginLeft: 10px;
+
+// ------------------------ collapse ------------------------ //
+
+$collapse-border-width: 1px;
+$collapse-border-corner: 6px;
+$collapse-border-color: #dcdfe6;
+$collapse-panel-border-color: #dcdfe6;
+$collapse-disabled-border-color: #e4e8ee;
+$collapse-title-border-width: 1px;
+$collapse-title-height: 25px;
+$collapse-title-bg-color: #f4f6f9;
+$collapse-title-hover-bg-color: #f0f2f5;
+$collapse-title-disabled-bg-color: #f4f6f9;
+$collapse-title-font-color: #092c4d;
+$collapse-title-font-disabled-color: #c4c7cc;
+$collapse-title-hover-font-color: #092c4d;
+$collapse-title-font-size: 14px;
+$collapse-title-font-weight: normal;
+$collapse-title-hover-font-weight: normal;
+$collapse-title-padding-tb: 10px;
+$collapse-icon-color: #092c4d;
+$collapse-icon-hover-color: #092c4d;
+$collapse-icon-margin-r: 10px;
+$collapse-icon-margin-l: 15px;
+$collapse-content-bg-color: #FFFFFF;
+$collapse-content-padding-x: 20px;
+$collapse-content-padding-y: 15px;
+$collapse-content-font-size: 14px;
+$collapse-content-color: #90a0af;
+$collapse-fold-icon-content: "";
+$collapse-unfold-icon-content: $icon-reset;
+$collapse-icon-size: 20px;
+
+// ------------------------ pagination ------------------------ //
+
+$pagination-item-split: 5px;
+$pagination-item-padding: 10px;
+$pagination-item-border-style: solid;
+$pagination-item-border-width: 1px;
+$pagination-item-corner: 6px;
+$pagination-ellipsis-size: 15px;
+$pagination-current-font-size: 14px;
+$pagination-total-font-size: 14px;
+$pagination-jump-font-size: 14px;
+$pagination-input-width: 45px;
+$pagination-size-selector-number-padding: 15px;
+$pagination-large-item-border-width: 1px;
+$pagination-large-item-corner: 6px;
+$pagination-large-ellipsis-size: 20px;
+$pagination-large-current-font-size: 16px;
+$pagination-large-total-font-size: 16px;
+$pagination-large-input-width: 60px;
+$pagination-large-jump-font-size: 16px;
+$pagination-large-size-selector-number-padding: 20px;
+$pagination-small-item-split: 5px;
+$pagination-small-item-padding: 6px;
+$pagination-small-item-border-width: 1px;
+$pagination-small-item-corner: 6px;
+$pagination-small-ellipsis-size: 15px;
+$pagination-small-current-font-size: 12px;
+$pagination-small-total-font-size: 12px;
+$pagination-small-input-width: 35px;
+$pagination-small-jump-font-size: 12px;
+$pagination-small-size-selector-number-padding: 10px;
+$pagination-ellipsis-color: #5a6875;
+$pagination-current-color: #002fa7;
+$pagination-total-color: #092c4d;
+$pagination-jump-color: #5a6875;
+$pagination-size-selector-title-color: #5a6875;
+$pagination-size-selector-filter-color: #90a0af;
+$pagination-size-selector-filter-current-color: #002fa7;
+$pagination-item-border-color: #d9dbde;
+$pagination-item-shadow: none;
+$pagination-item-color: #092c4d;
+$pagination-item-bg: #FFFFFF;
+$pagination-item-current-border-color: #002fa7;
+$pagination-item-current-shadow: none;
+$pagination-item-current-color: #FFFFFF;
+$pagination-item-current-bg: #002fa7;
+$pagination-item-hover-border-color: #c4c7cc;
+$pagination-item-hover-shadow: none;
+$pagination-item-hover-color: #092c4d;
+$pagination-item-hover-bg: #f4f6f9;
+$pagination-arrow-color: #90a0af;
+$pagination-icon-prev-content: "";
+$pagination-icon-next-content: "";
+$pagination-icon-ellipsis-content: "";
+$pagination-item-current-hover-border-color: transparent;
+$pagination-item-current-hover-shadow: none;
+$pagination-item-current-hover-color: #FFFFFF;
+$pagination-item-current-hover-bg: #002fa7;
+$pagination-arrow-hover-color: #092c4d;
+$pagination-arrow-hover-color-noboder: #002fa7;
+$pagination-ellipsis-margin: 20px;
+$pagination-input-margin: 20px;
+$pagination-size-selector-title-margin-right: 5px;
+$pagination-large-item-split: 15px;
+$pagination-large-item-padding: 15px;
+
+// ------------------------ transfer ------------------------ //
+
+$transfer-panel-border-width: 1px;
+$transfer-panel-header-padding-top-bottom: 10px;
+$transfer-panel-header-text-size: 14px;
+$transfer-panel-search-margin-top: 10px;
+$transfer-panel-search-margin-left-right: 5px;
+$transfer-panel-search-margin-bottom: 0px;
+$transfer-panel-list-width: 225px;
+$transfer-panel-list-height: 200px;
+$transfer-panel-footer-padding-top-bottom: 10px;
+$transfer-simple-move-icon: "";
+$transfer-simple-move-icon-color: #d9dbde;
+$transfer-panel-border-color: #dcdfe6;
+$transfer-panel-border-corner: 6px;
+$transfer-panel-background-color: #FFFFFF;
+$transfer-panel-header-text-color: #092c4d;
+$transfer-panel-header-background-color: #f5f7fa;
+$transfer-panel-search-icon-color: #5a6875;
+$transfer-panel-footer-text-color: #092c4d;
+$transfer-panel-footer-background-color: #FFFFFF;
+$transfer-simple-panel-footer-text-color: #002fa7;
+$transfer-simple-panel-item-hover-text-color: #002fa7;
+$transfer-panel-footer-shadow: none;
+$transfer-operation-margin-left-right: 20px;
+$transfer-operation-margin-gutter: 10px;
+$transfer-operation-icon-size: 20px;
+$transfer-panel-header-padding-left-right: 15px;
+$transfer-panel-footer-padding-left-right: 15px;
+
+// ------------------------ tree-select ------------------------ //
+
+$tree-select-padding-vertical: 10px;
+$tree-select-padding-horizontal: 25px;
+$tree-select-background: #FFFFFF;
+
+// ------------------------ radio ------------------------ //
+
+$radio-width: 20px;
+$radio-circle-border-width: 1px;
+$radio-circle-size: 5px;
+$radio-font-size: 14px;
+$radio-shadow: none;
+$radio-radius-size: 50%;
+$radio-bg-color: #FFFFFF;
+$radio-hovered-bg-color: #e3ecfb;
+$radio-checked-bg-color: #002fa7;
+$radio-disabled-bg-color: #f5f7fa;
+$radio-checked-hovered-bg-color: #002fa7;
+$radio-checked-disabled-bg-color: #f5f7fa;
+$radio-border-color: #d9dbde;
+$radio-hovered-border-color: #002fa7;
+$radio-checked-border-color: #002fa7;
+$radio-disabled-border-color: #e4e8ee;
+$radio-checked-disabled-border-color: #e4e8ee;
+$radio-checked-hovered-border-color: transparent;
+$radio-checked-circle-color: #FFFFFF;
+$radio-disabled-circle-color: #c4c7cc;
+$radio-checked-hovered-circle-color: #FFFFFF;
+$radio-checked-disabled-circle-color: #c4c7cc;
+$radio-normal-font-color: #092c4d;
+$radio-normal-font-color-disabled: #c4c7cc;
+$radio-button-height-large: 50px;
+$radio-button-height-small: 25px;
+$radio-button-padding-large: 10px;
+$radio-button-padding-medium: 10px;
+$radio-button-padding-small: 10px;
+$radio-button-corner-large: 6px;
+$radio-button-corner-medium: 6px;
+$radio-button-corner-small: 6px;
+$radio-button-font-size-large: 16px;
+$radio-button-font-size-medium: 14px;
+$radio-button-font-size-small: 12px;
+$radio-button-bg-color: #FFFFFF;
+$radio-button-bg-color-hovered: #f4f6f9;
+$radio-button-bg-color-checked: #FFFFFF;
+$radio-button-bg-color-disabled: #f5f7fa;
+$radio-button-bg-color-checked-disabled: #f4f6f9;
+$radio-button-border-color: #d9dbde;
+$radio-button-border-color-hovered: #c4c7cc;
+$radio-button-border-color-checked: #002fa7;
+$radio-button-border-color-disabled: #e4e8ee;
+$radio-button-border-color-checked-disabled: #e4e8ee;
+$radio-button-font-color: #092c4d;
+$radio-button-font-color-hovered: #092c4d;
+$radio-button-font-color-checked: #002fa7;
+$radio-button-font-color-disabled: #c4c7cc;
+$radio-button-font-color-checked-disabled: #c4c7cc;
+$radio-font-margin-left: 10px;
+$radio-button-height-medium: 40px;
+
+// ------------------------ time-picker ------------------------ //
+
+$time-picker-panel-width: 250px;
+$time-picker-panel-background: #FFFFFF;
+$time-picker-menu-border-width: 1px;
+$time-picker-menu-title-font-size: 12px;
+$time-picker-menu-item-font-size: 12px;
+$time-picker-menu-title-height: 35px;
+$time-picker-menu-item-height: 35px;
+$time-picker-menu-border-color: #d9dbde;
+$time-picker-menu-title-color: #5a6875;
+$time-picker-menu-title-background: #FFFFFF;
+$time-pikcer-menu-title-font-weight: normal;
+$time-picker-menu-item-color: #90a0af;
+$time-picker-menu-item-color-hover: #092c4d;
+$time-picker-menu-item-color-selected: #90a0af;
+$time-picker-menu-item-color-disabled: #c4c7cc;
+$time-picker-menu-item-background: #FFFFFF;
+$time-picker-menu-item-background-hover: #f4f6f9;
+$time-picker-menu-item-background-selected: #f4f6f9;
+$time-picker-menu-item-background-disabled: #FFFFFF;
+$time-picker-menu-item-font-weight-selected: bold;
+$time-picker-clock-icon: "";
+
+// ------------------------ slider ------------------------ //
+
+$slick-dots-position-bottom: 15px;
+$slick-dots-position-right: 25px;
+$slick-dots-width: 10px;
+$slick-dots-height: 10px;
+$slick-dots-margin-lr: 5px;
+$slick-dots-margin-tb: 0px;
+$slick-arrow-width-m: 35px;
+$slick-arrow-width-l: 60px;
+$slick-arrow-height-m: 70px;
+$slick-arrow-height-l: 120px;
+$slick-ver-arrow-width-m: 70px;
+$slick-ver-arrow-width-l: 120px;
+$slick-ver-arrow-height-m: 35px;
+$slick-ver-arrow-height-l: 60px;
+$slick-arrow-icon-m: 25px;
+$slick-arrow-icon-l: 40px;
+$slick-arrow-position-lr-m: 5px;
+$slick-arrow-position-lr-l: 10px;
+$slick-ver-arrow-position-tb-m: 5px;
+$slick-ver-arrow-position-tb-l: 20px;
+$slick-track-padding-lr: 30px;
+$slick-ver-track-padding-tb: 30px;
+$slick-dots-background-color-normal: #000000;
+$slick-dots-background-color-hover: #FFFFFF;
+$slick-dots-background-color-selected: #002fa7;
+$slick-dots-background-opacity-normal: .32;
+$slick-dots-background-opacity-hover: .5;
+$slick-dots-background-opacity-selected: 1;
+$slick-dots-border-width: 0px;
+$slick-dots-border-radius: 50%;
+$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: #90a0af;
+$slick-arrow-icon-color-hover: #FFFFFF;
+$slick-arrow-icon-color-hover-outer: #092c4d;
+$slick-arrow-icon-color-disabled: #c4c7cc;
+$slick-arrow-icon-color-disabled-outer: #c4c7cc;
+$slick-arrow-bg-color-normal: #000000;
+$slick-arrow-bg-color-hover: #000000;
+$slick-arrow-bg-color-disabled: #f5f7fa;
+$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: 0px;
+
+// ------------------------ step ------------------------ //
+
+$step-arrow-item-height: 40px;
+$step-arrow-item-title-size: 14px;
+$step-arrow-item-title-weight: bold;
+$step-arrow-item-wait-background: #f0f2f5;
+$step-arrow-item-title-wait-color: #5a6875;
+$step-arrow-item-process-background: #002fa7;
+$step-arrow-item-title-process-color: #FFFFFF;
+$step-arrow-item-finish-background: #e3ecfb;
+$step-arrow-item-title-finish-color: #002fa7;
+$step-arrow-item-disabled-background: #f5f7fa;
+$step-arrow-item-title-disabled-color: #c4c7cc;
+$step-circle-item-node-padding: 10px;
+$step-circle-item-node-border-width: 1px;
+$step-circle-item-node-icon-size: 15px;
+$step-circle-item-node-font-size: 12px;
+$step-circle-item-node-corner: 50%;
+$step-circle-item-tail-size: 1px;
+$step-circle-item-title-margin-top: 10px;
+$step-circle-item-content-margin-top: 5px;
+$step-circle-item-content-font-size: 12px;
+$step-circle-item-body-width: 125px;
+$step-circle-item-title-size: 14px;
+$step-circle-item-title-weight: bold;
+$step-circle-item-node-wait-size: 40px;
+$step-circle-item-node-process-size: 40px;
+$step-circle-item-node-finish-size: 40px;
+$step-circle-item-node-disabled-size: 40px;
+$step-circle-item-tail-wait-color: #d9dbde;
+$step-circle-item-tail-process-color: #d9dbde;
+$step-circle-item-tail-finish-color: #002fa7;
+$step-circle-item-tail-disabled-color: #e4e8ee;
+$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: #90a0af;
+$step-circle-item-title-process-color: #092c4d;
+$step-circle-item-title-finish-color: #90a0af;
+$step-circle-item-title-disabled-color: #c4c7cc;
+$step-circle-item-node-wait-border-color: #c4c7cc;
+$step-circle-item-node-wait-background: #FFFFFF;
+$step-circle-item-node-wait-color: #90a0af;
+$step-circle-item-node-process-border-color: #002fa7;
+$step-circle-item-node-process-background: #002fa7;
+$step-circle-item-node-process-color: #FFFFFF;
+$step-circle-item-node-process-percent-color: #002fa7;
+$step-circle-item-node-process-percent-size: 14px;
+$step-circle-item-node-finish-border-color: #002fa7;
+$step-circle-item-node-finish-background: #FFFFFF;
+$step-circle-item-node-finish-color: #002fa7;
+$step-circle-item-node-disabled-border-color: #e4e8ee;
+$step-circle-item-node-disabled-background: #FFFFFF;
+$step-circle-item-node-disabled-color: #c4c7cc;
+$step-circle-vertical-item-node-padding: 10px;
+$step-circle-vertical-item-body-margin-left: 20px;
+$step-circle-vertical-item-title-margin-top: 10px;
+$step-circle-vertical-item-content-margin-top: 5px;
+$step-circle-item-content-color: #90a0af;
+$step-circle-item-tail-bg-color: #e4e8ee;
+$step-circle-vertical-item-tail-size: 1px;
+$step-dot-item-dot-padding: 10px;
+$step-dot-item-dot-icon-size: 15px;
+$step-dot-item-dot-border-width: 1px;
+$step-dot-item-body-width: 125px;
+$step-dot-item-content-margin-top: 5px;
+$step-dot-item-dot-corner: 50%;
+$step-dot-item-title-size: 14px;
+$step-dot-item-title-weight: bold;
+$step-dot-item-title-margin-top: 10px;
+$step-dot-item-tail-size: 1px;
+$step-dot-item-dot-wait-size: 15px;
+$step-dot-item-dot-process-size: 15px;
+$step-dot-item-dot-finish-size: 15px;
+$step-dot-item-dot-disabled-size: 15px;
+$step-dot-item-tail-wait-color: #d9dbde;
+$step-dot-item-tail-process-color: #d9dbde;
+$step-dot-item-tail-finish-color: #002fa7;
+$step-dot-item-tail-disabled-color: #e4e8ee;
+$step-dot-item-title-wait-color: #90a0af;
+$step-dot-item-title-process-color: #092c4d;
+$step-dot-item-title-finish-color: #90a0af;
+$step-dot-item-title-disabled-color: #c4c7cc;
+$step-dot-item-node-wait-border-color: #c4c7cc;
+$step-dot-item-node-wait-background: #FFFFFF;
+$step-dot-item-node-wait-color: #5a6875;
+$step-dot-item-node-process-border-color: #002fa7;
+$step-dot-item-node-process-background: #002fa7;
+$step-dot-item-node-process-color: #002fa7;
+$step-dot-item-node-finish-border-color: #002fa7;
+$step-dot-item-node-finish-background: #FFFFFF;
+$step-dot-item-node-finish-color: #002fa7;
+$step-dot-item-node-disabled-border-color: #dcdfe6;
+$step-dot-item-node-disabled-background: #FFFFFF;
+$step-dot-item-node-disabled-color: #e4e8ee;
+$step-dot-vertical-item-node-padding: 10px;
+$step-dot-vertical-item-body-margin-left: 20px;
+$step-dot-vertical-item-title-margin-top: 0px;
+$step-dot-vertical-item-content-margin-top: 10px;
+$step-dot-item-content-font-size: 12px;
+$step-dot-item-content-color: #90a0af;
+$step-dot-item-tail-bg-color: #e4e8ee;
+$step-dot-vertical-item-tail-size: 1px;
+
+// ------------------------ menu ------------------------ //
+
+$menu-padding-ver-padding-tb: 10px;
+$menu-padding-hoz-padding-lr: 0px;
+$menu-padding-hoz-padding-tb: 10px;
+$menu-item-padding-ver-padding-l: 25px;
+$menu-item-padding-ver-padding-r: 25px;
+$menu-item-padding-hoz-padding-lr: 25px;
+$menu-item-border-radius: 0px;
+$menu-line-height: 40px;
+$menu-font-size: 14px;
+$menu-submenu-title-size: 14px;
+$menu-padding-title-horizontal: 15px;
+$menu-divider-width: 1px;
+$menu-divider-margin-ver: 10px;
+$menu-divider-margin-hoz: 15px;
+$menu-icon-selected-size: 15px;
+$menu-icon-selected-right: 5px;
+$menu-icon-margin: 5px;
+$menu-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
+$menu-color: #092c4d;
+$menu-divider-style: solid;
+$menu-divider-color: #e4e8ee;
+$menu-background: #FFFFFF;
+$menu-background-selected: #FFFFFF;
+$menu-color-selected: #092c4d;
+$menu-icon-selected-color: #002fa7;
+$menu-background-hover: #f4f6f9;
+$menu-color-hover: #092c4d;
+$menu-arrow-color-hover: #092c4d;
+$menu-arrow-right: 10px;
+$menu-icon-selected-hover-color: #002fa7;
+$menu-color-disabled: #c4c7cc;
+$menu-select-icon-content: "";
+$menu-fold-icon-content: "";
+$menu-unfold-icon-content: $icon-reset;
+$menu-popupfold-icon-content: "";
+$menu-padding-ver-padding-lr: 0px;
+$menu-icon-size: 20px;
+$menu-hoz-icon-size: 20px;
+$menu-arrow-color: #5a6875;
+
+// ------------------------ nav ------------------------ //
+
+$nav-hoz-height: 55px;
+$nav-hoz-font-size: 14px;
+$nav-hoz-item-margin-tb: 0px;
+$nav-hoz-item-margin-lr: 0px;
+$nav-hoz-item-padding-lr: 25px;
+$nav-hoz-item-corner: 0px;
+$nav-hoz-item-selected-active-line: 2px;
+$nav-hoz-item-hover-active-line: 0px;
+$nav-ver-height: 50px;
+$nav-ver-font-size: 14px;
+$nav-ver-item-margin-tb: 0px;
+$nav-ver-item-margin-lr: 0px;
+$nav-ver-item-padding-lr: 25px;
+$nav-ver-item-corner: 0px;
+$nav-ver-item-selected-active-line: 2px;
+$nav-ver-item-hover-active-line: 0px;
+$nav-ver-sub-nav-height: 50px;
+$nav-ver-sub-nav-font-size: 12px;
+$nav-group-height: 50px;
+$nav-group-font-size: 14px;
+$nav-icon-self-margin: 5px;
+$nav-icon-only-font-size: 20px;
+$nav-primary-border-width: 0px;
+$nav-primary-text-style: normal;
+$nav-primary-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$nav-primary-sub-nav-bg-color: #092c4d;
+$nav-primary-sub-nav-text-color: #FFFFFF;
+$nav-primary-sub-nav-text-style: normal;
+$nav-primary-group-text-color: #5a6875;
+$nav-primary-group-text-style: normal;
+$nav-primary-item-hover-text-color: #FFFFFF;
+$nav-primary-item-hover-text-style: normal;
+$nav-primary-item-hover-active-color: #002fa7;
+$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-childselected-bg-color: transparent;
+$nav-primary-item-childselected-text-color: #FFFFFF;
+$nav-primary-item-childselected-text-style: bold;
+$nav-primary-item-selected-active-color: #002fa7;
+$nav-primary-sub-nav-selected-bg-color: #000000;
+$nav-primary-sub-nav-selected-text-color: #FFFFFF;
+$nav-primary-sub-nav-active-color: #002fa7;
+$nav-primary-item-disabled-text-color: #c4c7cc;
+$nav-primary-item-opened-text-color: #FFFFFF;
+$nav-secondary-bg-color: #002fa7;
+$nav-secondary-border-width: 0px;
+$nav-secondary-border-color: #002fa7;
+$nav-secondary-text-color: #FFFFFF;
+$nav-secondary-text-style: normal;
+$nav-secondary-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$nav-secondary-sub-nav-bg-color: #002fa7;
+$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: #002fa7;
+$nav-secondary-item-hover-text-color: #FFFFFF;
+$nav-secondary-item-hover-text-style: normal;
+$nav-secondary-sub-nav-hover-bg-color: #002fa7;
+$nav-secondary-sub-nav-hover-text-color: #FFFFFF;
+$nav-secondary-item-selected-bg-color: #002fa7;
+$nav-secondary-item-selected-text-color: #FFFFFF;
+$nav-secondary-item-selected-text-style: bold;
+$nav-secondary-item-childselected-bg-color: transparent;
+$nav-secondary-item-childselected-text-color: #FFFFFF;
+$nav-secondary-item-childselected-text-style: bold;
+$nav-secondary-sub-nav-selected-bg-color: #002fa7;
+$nav-secondary-sub-nav-selected-text-color: #FFFFFF;
+$nav-secondary-sub-nav-active-color: #002fa7;
+$nav-secondary-item-disabled-text-color: #e3ecfb;
+$nav-secondary-item-opened-text-color: #FFFFFF;
+$nav-normal-bg-color: #FFFFFF;
+$nav-normal-border-color: #e4e8ee;
+$nav-normal-text-style: normal;
+$nav-normal-border-line: 1px;
+$nav-normal-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.12);
+$nav-normal-sub-nav-bg-color: #FFFFFF;
+$nav-normal-sub-nav-text-color: #092c4d;
+$nav-normal-sub-nav-text-style: normal;
+$nav-normal-group-text-color: #5a6875;
+$nav-normal-group-text-style: normal;
+$nav-normal-sub-nav-hover-bg-color: #f4f6f9;
+$nav-normal-item-selected-text-style: bold;
+$nav-normal-item-childselected-bg-color: transparent;
+$nav-normal-item-childselected-text-color: #002fa7;
+$nav-normal-item-childselected-text-style: normal;
+$nav-normal-item-selected-active-color: #002fa7;
+$nav-normal-sub-nav-selected-bg-color: #f4f6f9;
+$nav-normal-sub-nav-selected-text-color: #002fa7;
+$nav-normal-sub-nav-active-color: #002fa7;
+$nav-normal-item-disabled-text-color: #5a6875;
+$nav-line-bg-color: transparent;
+$nav-line-border-color: #dcdfe6;
+$nav-line-text-color: #092c4d;
+$nav-line-text-style: normal;
+$nav-line-border-line: 1px;
+$nav-line-sub-nav-bg-color: transparent;
+$nav-line-sub-nav-text-color: #092c4d;
+$nav-line-sub-nav-text-style: normal;
+$nav-line-item-hover-bg-color: transparent;
+$nav-line-item-hover-active-color: #002fa7;
+$nav-line-sub-nav-hover-bg-color: transparent;
+$nav-line-item-selected-bg-color: transparent;
+$nav-line-item-selected-text-color: #002fa7;
+$nav-line-item-selected-text-style: bold;
+$nav-line-item-childselected-bg-color: transparent;
+$nav-line-item-childselected-text-color: #002fa7;
+$nav-line-item-childselected-text-style: normal;
+$nav-line-item-selected-active-color: #002fa7;
+$nav-line-sub-nav-selected-bg-color: transparent;
+$nav-line-sub-nav-selected-text-color: #002fa7;
+$nav-line-sub-nav-active-color: #002fa7;
+$nav-line-item-disabled-text-color: #5a6875;
+$nav-line-item-opened-bg-color: transparent;
+$nav-line-item-opened-text-color: #002fa7;
+$nav-line-group-text-color: #5a6875;
+$nav-line-group-text-style: normal;
+$nav-icon-self-size: 20px;
+$nav-primary-bg-color: #092c4d;
+$nav-primary-border-color: #092c4d;
+$nav-primary-text-color: #FFFFFF;
+$nav-primary-item-hover-bg-color: #000000;
+$nav-primary-item-opened-bg-color: transparent;
+$nav-secondary-item-hover-active-color: #FFFFFF;
+$nav-secondary-item-selected-active-color: #FFFFFF;
+$nav-secondary-item-opened-bg-color: transparent;
+$nav-normal-text-color: #092c4d;
+$nav-normal-item-hover-bg-color: #f4f6f9;
+$nav-normal-item-hover-text-color: #092c4d;
+$nav-normal-item-hover-text-style: bold;
+$nav-normal-item-hover-active-color: #002fa7;
+$nav-normal-sub-nav-hover-text-color: #092c4d;
+$nav-normal-item-selected-bg-color: #f4f6f9;
+$nav-normal-item-selected-text-color: #002fa7;
+$nav-normal-item-opened-bg-color: transparent;
+$nav-normal-item-opened-text-color: #092c4d;
+$nav-line-item-hover-text-color: #000000;
+$nav-line-item-hover-text-style: bold;
+$nav-line-sub-nav-hover-text-color: #092c4d;
+
+// ------------------------ list ------------------------ //
+
+$list-size-s-title-font-size: 16px;
+$list-size-s-title-font-weight: bold;
+$list-size-s-item-padding-lr: 0px;
+$list-size-s-item-padding-tb: 10px;
+$list-size-s-item-media-margin: 10px;
+$list-size-s-item-content-font-size: 14px;
+$list-size-s-item-content-line-height: 1.3;
+$list-size-s-item-title-font-weight: normal;
+$list-size-s-item-title-font-size: 14px;
+$list-size-s-item-title-line-height: 1.5;
+$list-size-m-title-font-size: 20px;
+$list-size-m-title-font-weight: bold;
+$list-size-m-item-padding-lr: 0px;
+$list-size-m-item-padding-tb: 20px;
+$list-size-m-item-media-margin: 10px;
+$list-size-m-item-content-font-size: 14px;
+$list-size-m-item-content-line-height: 1.5;
+$list-size-m-item-title-font-size: 16px;
+$list-size-m-item-title-line-height: 1.5;
+$list-size-m-item-title-font-weight: normal;
+$list-divider-color: #dcdfe6;
+$list-title-color: #092c4d;
+$list-content-color: #90a0af;
+$list-extra-color: #5a6875;
+
+// ------------------------ avatar ------------------------ //
+
+$avatar-size-large: 65px;
+$avatar-size-medium: 50px;
+$avatar-size-small: 35px;
+$avatar-size-border-width: 0px;
+$avatar-border-radius: 6px;
+$avatar-border-color: #FFFFFF;
+$avatar-shadow: none;
+
+// ------------------------ tab ------------------------ //
+
+$tab-nav-scroll-padding-right-m: 75px;
+$tab-nav-scroll-padding-right-s: 70px;
+$tab-nav-tab-icon-size-m: 20px;
+$tab-nav-tab-icon-size-s: 15px;
+$tab-nav-close-icon-size-m: 15px;
+$tab-nav-close-icon-size-s: 10px;
+$tab-nav-close-icon-padding-l-size-m: 10px;
+$tab-nav-close-icon-padding-l-size-s: 10px;
+$tab-nav-arrow-left-positon-right: 40px;
+$tab-nav-arrow-right-positon-right: 10px;
+$tab-nav-arrow-down-positon-right: 10px;
+$tab-item-padding-tb-size-m: 15px;
+$tab-item-padding-tb-size-s: 10px;
+$tab-item-padding-lr-size-m: 20px;
+$tab-item-padding-lr-size-s: 15px;
+$tab-item-text-size-m: 14px;
+$tab-item-text-size-s: 12px;
+$tab-close-icon-color: #90a0af;
+$tab-close-icon-color-hover: #092c4d;
+$tab-close-icon-color-selected: #002fa7;
+$tab-close-icon-color-disabled: #dcdfe6;
+$tab-item-font-weight-selected: normal;
+$tab-nav-arrow-color-normal: #90a0af;
+$tab-nav-arrow-color-hover: #092c4d;
+$tab-nav-arrow-color-disabled: #dcdfe6;
+$tab-pure-divider-line-width: 1px;
+$tab-pure-ink-bar-width: 2px;
+$tab-pure-ink-bar-padding-l: 0px;
+$tab-pure-text-color-normal: #90a0af;
+$tab-pure-bg-color: transparent;
+$tab-pure-text-color-hover: #092c4d;
+$tab-pure-text-color-selected: #002fa7;
+$tab-pure-text-color-disabled: #dcdfe6;
+$tab-pure-ink-bar-color: #002fa7;
+$tab-pure-divider-border-color: #dcdfe6;
+$tab-pure-divider-shadow: none;
+$tab-wrapped-border-line-style: solid;
+$tab-wrapped-border-line-width: 1px;
+$tab-wrapped-border-side-width: 1px;
+$tab-wrapped-tab-corner-radius: 6px;
+$tab-wrapped-tab-margin-right: 5px;
+$tab-wrapped-tab-margin-bottom: 5px;
+$tab-wrapped-ink-bar-width: 2px;
+$tab-wrapped-ink-bar-padding-l: 0px;
+$tab-wrapped-bar-bg-color: transparent;
+$tab-wrapped-ink-bar-color: #002fa7;
+$tab-wrapped-nav-item-border-color-active: #002fa7;
+$tab-wrapped-border-line-color: #dcdfe6;
+$tab-wrapped-content-border-line-width: 1px;
+$tab-wrapped-content-border-line-style: solid;
+$tab-wrapped-content-border-line-color: #dcdfe6;
+$tab-wrapped-text-color: #90a0af;
+$tab-wrapped-text-color-hover: #092c4d;
+$tab-wrapped-bg-color: #f4f6f9;
+$tab-wrapped-bg-color-hover: #f0f2f5;
+$tab-wrapped-text-color-selected: #002fa7;
+$tab-wrapped-text-color-disabled: #c4c7cc;
+$tab-wrapped-bg-color-selected: #FFFFFF;
+$tab-wrapped-bg-color-disabled: #f5f7fa;
+$tab-capsule-text-color: #092c4d;
+$tab-capsule-text-color-hover: #092c4d;
+$tab-capsule-text-color-selected: #FFFFFF;
+$tab-capsule-text-color-disabled: #c4c7cc;
+$tab-capsule-bg-color: #f4f6f9;
+$tab-capsule-bg-color-hover: #f0f2f5;
+$tab-capsule-bg-color-selected: #002fa7;
+$tab-capsule-bg-color-disabled: #f5f7fa;
+$tab-capsule-tab-border-line-color: #d9dbde;
+$tab-capsule-tab-border-line-color-hover: #d9dbde;
+$tab-capsule-tab-border-line-color-active: #002fa7;
+$tab-capsule-tab-border-line-color-disabled: #e4e8ee;
+$tab-capsule-corner-radius: 6px;
+$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: 10px;
+$tab-text-item-sep-color: #dcdfe6;
+$tab-text-text-color-normal: #90a0af;
+$tab-text-text-color-hover: #092c4d;
+$tab-text-text-color-selected: #002fa7;
+$tab-text-text-color-disabled: #c4c7cc;
+$tab-icon-dropdown-content: "";
+$tab-icon-prev-content: "";
+$tab-icon-next-content: "";
+$tab-wrapped-border-line-color-hover: #d9dbde;
+
+// ------------------------ calendar ------------------------ //
+
+$calendar-fullscreen-header-margin-bottom: 10px;
+$calendar-fullscreen-table-head-font-weight: bold;
+$calendar-fullscreen-table-head-font-size: 16px;
+$calendar-fullscreen-table-head-padding-r: 15px;
+$calendar-fullscreen-table-head-padding-b: 5px;
+$calendar-fullscreen-table-cell-font-size: 14px;
+$calendar-fullscreen-table-cell-boder-top-width: 2px;
+$calendar-fullscreen-table-cell-margin-tb: 0px;
+$calendar-fullscreen-table-cell-margin-lr: 5px;
+$calendar-fullscreen-table-cell-padding-tb: 5px;
+$calendar-fullscreen-table-cell-padding-lr: 10px;
+$calendar-fullscreen-table-cell-min-height: 100px;
+$calendar-fullscreen-table-head-color: #092c4d;
+$calendar-fullscreen-table-cell-normal-background: #FFFFFF;
+$calendar-fullscreen-table-cell-normal-color: #092c4d;
+$calendar-fullscreen-table-cell-normal-border-color: #dcdfe6;
+$calendar-fullscreen-table-cell-hover-color: #002fa7;
+$calendar-fullscreen-table-cell-hover-border-color: #002fa7;
+$calendar-fullscreen-table-cell-select-background: #e3ecfb;
+$calendar-fullscreen-table-cell-select-color: #002fa7;
+$calendar-fullscreen-table-cell-select-border-color: #002fa7;
+$calendar-fullscreen-table-cell-select-font-weight: bold;
+$calendar-fullscreen-table-cell-current-background: #FFFFFF;
+$calendar-fullscreen-table-cell-current-color: #002fa7;
+$calendar-fullscreen-table-cell-current-border-color: #002fa7;
+$calendar-fullscreen-table-cell-current-font-weight: bold;
+$calendar-fullscreen-table-cell-other-background: transparent;
+$calendar-fullscreen-table-cell-other-color: #c4c7cc;
+$calendar-fullscreen-table-cell-other-border-color: transparent;
+$calendar-fullscreen-table-cell-disabled-background: #f5f7fa;
+$calendar-fullscreen-table-cell-disabled-color: #c4c7cc;
+$calendar-fullscreen-table-cell-disabled-border-color: #e4e8ee;
+$calendar-card-header-margin-bottom: 10px;
+$calendar-card-table-head-font-size: 12px;
+$calendar-card-table-head-font-weight: normal;
+$calendar-card-table-cell-font-size: 12px;
+$calendar-card-table-cell-date-border-radius: 6px;
+$calendar-card-table-cell-date-width: 30px;
+$calendar-card-table-cell-date-height: 30px;
+$calendar-card-table-cell-month-border-radius: 6px;
+$calendar-card-table-cell-month-width: 75px;
+$calendar-card-table-cell-month-height: 30px;
+$calendar-card-table-cell-year-border-radius: 6px;
+$calendar-card-table-cell-year-width: 60px;
+$calendar-card-table-cell-year-height: 30px;
+$calendar-card-table-head-color: #5a6875;
+$calendar-card-table-cell-corner: 0px;
+$calendar-card-table-cell-normal-background: #FFFFFF;
+$calendar-card-table-cell-normal-color: #90a0af;
+$calendar-card-table-cell-normal-border-color: #FFFFFF;
+$calendar-card-table-cell-hover-background: #e3ecfb;
+$calendar-card-table-cell-hover-color: #002fa7;
+$calendar-card-table-cell-hover-border-color: #e3ecfb;
+$calendar-card-table-cell-select-background: #002fa7;
+$calendar-card-table-cell-select-color: #FFFFFF;
+$calendar-card-table-cell-select-border-color: #002fa7;
+$calendar-card-table-cell-select-font-weight: bold;
+$calendar-card-table-cell-other-background: #FFFFFF;
+$calendar-card-table-cell-other-color: #c4c7cc;
+$calendar-card-table-cell-other-border-color: #FFFFFF;
+$calendar-card-table-cell-disabled-background: #f5f7fa;
+$calendar-card-table-cell-disabled-color: #c4c7cc;
+$calendar-card-table-cell-disabled-border-color: #f5f7fa;
+$calendar-card-table-cell-current-background: #FFFFFF;
+$calendar-card-table-cell-current-color: #002fa7;
+$calendar-card-table-cell-current-border-color: transparent;
+$calendar-card-table-cell-current-font-weight: bold;
+$calendar-card-table-cell-inrange-background: #e3ecfb;
+$calendar-card-table-cell-inrange-color: #002fa7;
+$calendar-card-table-cell-inrange-border-color: #e3ecfb;
+$calendar-panel-header-margin-bottom: 10px;
+$calendar-panel-header-height: 40px;
+$calendar-panel-header-border-bottom-width: 1px;
+$calendar-panel-header-background: #002fa7;
+$calendar-panel-header-border-bottom-color: transparent;
+$calendar-btn-date-font-weight: bold;
+$calendar-btn-date-margin-lr: 5px;
+$calendar-btn-arrow-single-offset-lr: 35px;
+$calendar-btn-arrow-double-offset-lr: 10px;
+$calendar-btn-arrow-color: #FFFFFF;
+$calendar-btn-arrow-color-hover: #FFFFFF;
+$calendar-btn-date-color: #FFFFFF;
+$calendar-btn-date-color-hover: #FFFFFF;
+$calendar-btn-arrow-content-prev: "";
+$calendar-btn-arrow-content-next: "";
+$calendar-btn-arrow-content-prev-super: "";
+$calendar-btn-arrow-content-next-super: "";
+$calendar-fullscreen-table-cell-hover-background: #e3ecfb;
+$calendar-btn-arrow-size: 20px;
+
+// ------------------------ breadcrumb ------------------------ //
+
+$breadcrumb-size-m-font-size: 12px;
+$breadcrumb-size-ellipsis-font-size: 12px;
+$breadcrumb-size-m-icon-margin: 10px;
+$breadcrumb-text-color: #90a0af;
+$breadcrumb-text-current-color: #092c4d;
+$breadcrumb-text-current-weight: normal;
+$breadcrumb-text-ellipsis-color: #90a0af;
+$breadcrumb-text-keyword-color: #002fa7;
+$breadcrumb-icon-color: #c4c7cc;
+$breadcrumb-icon-sep-content: "";
+$breadcrumb-text-color-hover: #002fa7;
+$breadcrumb-text-current-color-hover: #002fa7;
+$breadcrumb-text-keyword-color-hover: #002fa7;
+$breadcrumb-size-m-icon-size: 20px;
+
+// ------------------------ date-picker ------------------------ //
+
+$date-picker-panel-footer-padding-lr: 25px;
+$date-picker-panel-footer-padding-tb: 10px;
+$date-picker-panel-background: #FFFFFF;
+$date-picker-panel-time-panel-separator-color: #dcdfe6;
+$date-picker-calendar-icon: "";