// ------------------------ line ------------------------ //

$line-dotted: dotted;
$line-dashed: dashed;
$line-solid: solid;
$line-2: 2px;
$line-zero: 0px;
$line-3: 4px;
$line-1: 1px;

// ------------------------ popup ------------------------ //

$popup-global-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$popup-global-corner: 2px;
$popup-global-border-color: #d9d9d9;
$popup-global-border-style: solid;
$popup-global-border-width: 0px;
$popup-local-border-color: #d9d9d9;
$popup-local-border-style: solid;
$popup-local-border-width: 1px;
$popup-spacing-tb: 0px;
$popup-spacing-lr: 0px;
$popup-local-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
$popup-local-corner: 4px;

// ------------------------ mask ------------------------ //

$mask-opacity: .2;
$mask-background: #000000;

// ------------------------ form-element ------------------------ //

$form-element-medium-preview-font-size: 12px;
$form-element-medium-preview-label-font-size: 12px;
$form-element-small-preview-font-size: 10px;
$form-element-small-preview-label-font-size: 10px;
$form-element-medium-font-size: 12px;
$form-element-small-icon-size: 16px;
$form-element-large-icon-size: 20px;
$form-element-large-font-size: 14px;
$form-element-small-font-size: 12px;
$form-element-large-height: 40px;
$form-element-medium-height: 36px;
$form-element-small-height: 28px;
$form-element-large-corner: 4px;
$form-element-medium-corner: 4px;
$form-element-small-corner: 4px;
$form-element-medium-icon-size: 16px;
$form-element-large-preview-font-size: 12px;
$form-element-large-preview-label-font-size: 12px;
$form-element-large-preview-height: 24px;
$form-element-medium-preview-height: 20px;
$form-element-small-preview-height: 16px;

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

$s-50: 200px;
$s-49: 196px;
$s-48: 192px;
$s-47: 188px;
$s-46: 184px;
$s-45: 180px;
$s-44: 176px;
$s-43: 172px;
$s-42: 168px;
$s-41: 164px;
$s-40: 160px;
$s-39: 156px;
$s-38: 152px;
$s-37: 148px;
$s-36: 144px;
$s-35: 140px;
$s-34: 136px;
$s-33: 132px;
$s-32: 128px;
$s-31: 124px;
$s-30: 120px;
$s-29: 116px;
$s-28: 112px;
$s-27: 108px;
$s-26: 104px;
$s-25: 100px;
$s-24: 96px;
$s-23: 92px;
$s-22: 88px;
$s-21: 84px;
$s-20: 80px;
$s-19: 76px;
$s-18: 72px;
$s-17: 68px;
$s-16: 64px;
$s-15: 60px;
$s-14: 56px;
$s-13: 52px;
$s-12: 48px;
$s-11: 44px;
$s-10: 40px;
$s-9: 36px;
$s-8: 32px;
$s-7: 28px;
$s-6: 24px;
$s-5: 20px;
$s-4: 16px;
$s-3: 12px;
$s-2: 8px;
$s-1: 4px;
$s-zero: 0px;
$s-auto: auto;
$size-base: 4px;

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

$shadow-3-left: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
$shadow-3-down: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
$shadow-3-right: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
$shadow-3-up: 0px -8px 16px 0px rgba(0, 0, 0, 0.1);
$shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
$shadow-2-left: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
$shadow-2-down: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$shadow-2-right: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
$shadow-2-up: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
$shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$shadow-1-left: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
$shadow-1-down: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$shadow-1-right: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
$shadow-1-up: 0px -2px 4px 0px rgba(0, 0, 0, 0.1);
$shadow-1: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$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-sides-left: "left";
$shadow-sides-down: "down";
$shadow-sides-right: "right";
$shadow-sides-up: "up";
$shadow-sides-base: "base";
$shadow-blur-sd3: 16;
$shadow-blur-sd2: 8;
$shadow-blur-sd1: 4;
$shadow-opacity-sd3: 0.1;
$shadow-opacity-sd2: 0.1;
$shadow-opacity-sd1: 0.1;
$shadow-distance-sd3y: 8;
$shadow-distance-sd2y: 4;
$shadow-distance-sd1y: 2;
$shadow-distance-sd3: 0;
$shadow-distance-sd2: 0;
$shadow-distance-sd1: 0;

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

$icon-reset: "";
$icon-xxxl: 64px;
$icon-xxl: 48px;
$icon-xl: 32px;
$icon-l: 24px;
$icon-m: 20px;
$icon-s: 16px;
$icon-xs: 12px;
$icon-xxs: 8px;
$icon-font-name: "icon";
$icon-content-Apps-outlined: "\e81d";
$icon-content-Chevrondown-outlined: "\e81c";
$icon-content-Close-outlined: "\e81b";
$icon-content-Chevronleft-outlined: "\e81a";
$icon-content-Add-outlined: "\e819";
$icon-content-Random-outlined: "\e818";
$icon-content-Unfold-outlined: "\e817";
$icon-content-Return-outlined: "\e816";
$icon-content-Send-outlined: "\e815";
$icon-content-Upgrade-outlined: "\e814";
$icon-content-Undo-outlined: "\e813";
$icon-content-Slash-outlined: "\e812";
$icon-content-Login-outlined: "\e811";
$icon-content-Packup-outlined: "\e810";
$icon-content-Move-outlined: "\e80f";
$icon-content-Flag-outlined: "\e80e";
$icon-content-Redo-outlined: "\e80d";
$icon-content-Renew-outlined: "\e80c";
$icon-content-Maximize-outlined: "\e80b";
$icon-content-Draghorizontal-outlined: "\e80a";
$icon-content-Filter-outlined: "\e809";
$icon-content-Logout-outlined: "\e808";
$icon-content-Minimize-outlined: "\e807";
$icon-content-Dragvertical-outlined: "\e806";
$icon-content-Descendingorder-outlined: "\e805";
$icon-content-Compare-outlined: "\e804";
$icon-content-Commit2-outlined: "\e803";
$icon-content-Draggable2-outlined: "\e802";
$icon-content-Caretup-outlined: "\e801";
$icon-content-Caretright-outlined: "\e800";
$icon-content-Draggable1-outlined: "\e7ff";
$icon-content-Chat-outlined: "\e7fe";
$icon-content-Commit1-outlined: "\e7fd";
$icon-content-Bookmark-outlined: "\e7fc";
$icon-content-Caretsort-outlined: "\e7f7";
$icon-content-Caretleft-outlined: "\e7f6";
$icon-content-Arrowsvertical-outlined: "\e7f5";
$icon-content-Caretdown-outlined: "\e7f4";
$icon-content-Arrowshorizontal-outlined: "\e7f3";
$icon-content-Ascending-outlined: "\e7f2";
$icon-content-Viewoff-outlined: "\e7f1";
$icon-content-View-outlined: "\e7f0";
$icon-content-Thumbsup-outlined: "\e7ef";
$icon-content-Unlocked-outlined: "\e7ed";
$icon-content-Removefixed-outlined: "\e7ec";
$icon-content-Fixed-outlined: "\e7eb";
$icon-content-Star-outlined: "\e7ea";
$icon-content-Notification-outlined: "\e7e9";
$icon-content-Notificationoff-outlined: "\e7e8";
$icon-content-Locked-outlined: "\e7e7";
$icon-content-Favorite-outlined: "\e7e6";
$icon-content-Asleep-outlined: "\e7e5";
$icon-content-Awake-outlined: "\e7e4";
$icon-content-Unlink-outlined: "\e7e3";
$icon-content-Rectangle-outlined: "\e7e2";
$icon-content-Editoff-outlined: "\e7e1";
$icon-content-Colorpalette-outlined: "\e7e0";
$icon-content-Link-outlined: "\e7df";
$icon-content-Trashcan-outlined: "\e7de";
$icon-content-Text-outlined: "\e7dd";
$icon-content-Edit-outlined: "\e7dc";
$icon-content-Color-outlined: "\e7db";
$icon-content-Polygon-outlined: "\e7da";
$icon-content-Image-outlined: "\e7d9";
$icon-content-Attachment-outlined: "\e7d8";
$icon-content-Creation-outlined: "\e7d7";
$icon-content-Crop-outlined: "\e7d6";
$icon-content-Settings-outlined: "\e7d5";
$icon-content-Volumeup-outlined: "\e7d4";
$icon-content-Volumedown-outlined: "\e7d3";
$icon-content-Settingsadjust-outlined: "\e7d2";
$icon-content-Volumemute-outlined: "\e7d1";
$icon-content-Stop-outlined: "\e7d0";
$icon-content-Play-outlined: "\e7cf";
$icon-content-Pause-outlined: "\e7ce";
$icon-content-Gift-outlined: "\e7cd";
$icon-content-Storemanagement-outlined: "\e7cc";
$icon-content-Membermanagement-outlined: "\e7cb";
$icon-content-Brandmanagement-outlined: "\e7ca";
$icon-content-Shoppingcart-outlined: "\e7c9";
$icon-content-Calendar1-outlined: "\e7c8";
$icon-content-Calendar2-outlined: "\e7c7";
$icon-content-Time-outlined: "\e7c6";
$icon-content-Help-outlined: "\e7c5";
$icon-content-Pending-outlined: "\e7c4";
$icon-content-Error-outlined: "\e7c3";
$icon-content-Information-outlined: "\e7c2";
$icon-content-Misuse-outlined: "\e7c1";
$icon-content-Warning-outlined: "\e7c0";
$icon-content-Checkmark-outlined: "\e7bf";
$icon-content-Wikis-outlined: "\e7be";
$icon-content-WIFI-outlined: "\e7bd";
$icon-content-Supervision-outlined: "\e7bc";
$icon-content-Equipment-outlined: "\e7bb";
$icon-content-Share-outlined: "\e7ba";
$icon-content-Zoomin-filled: "\e8be";
$icon-content-Phone-outlined: "\e7b9";
$icon-content-Zoomout-filled: "\e8bd";
$icon-content-QRcode-outlined: "\e7b8";
$icon-content-Uptotop-filled: "\e8bc";
$icon-content-Scanning-outlined: "\e7b7";
$icon-content-Menu-filled: "\e8bb";
$icon-content-Headset-outlined: "\e7b6";
$icon-content-Overflowmenuvertical-filled: "\e8ba";
$icon-content-Clouddownload-outlined: "\e7b5";
$icon-content-Subtract-filled: "\e8b9";
$icon-content-Businessaccess-outlined: "\e7b4";
$icon-content-Overflowmenuhorizontal-filled: "\e8b8";
$icon-content-Bluetooth-outlined: "\e7b3";
$icon-content-Search-filled: "\e8b7";
$icon-content-Bluetoothoff-outlined: "\e7b2";
$icon-content-Home-filled: "\e8b6";
$icon-content-Mobile-outlined: "\e7b1";
$icon-content-Apps-filled: "\e8b5";
$icon-content-Camera-outlined1: "\e7b0";
$icon-content-Downtobottom-filled: "\e8b4";
$icon-content-Code-outlined: "\e7af";
$icon-content-Chevronup-filled: "\e8b3";
$icon-content-Computer-outlined: "\e7ae";
$icon-content-Chevronright-filled: "\e8b2";
$icon-content-Email-outlined: "\e7ad";
$icon-content-Chevronleft-filled: "\e8b1";
$icon-content-Cloudupload-outlined: "\e7ac";
$icon-content-Close-filled: "\e8b0";
$icon-content-Telescope-outlined: "\e7ab";
$icon-content-Chevrondown-filled: "\e8af";
$icon-content-Ruleralt-outlined: "\e7aa";
$icon-content-Add-filled: "\e8ae";
$icon-content-Camera-outlined: "\e7a9";
$icon-content-Redo-filled: "\e8ad";
$icon-content-Ruler-outlined: "\e7a8";
$icon-content-Unfold-filled: "\e8ac";
$icon-content-Usermultiple-outlined: "\e7a7";
$icon-content-Undo-filled: "\e8ab";
$icon-content-Usercertification-outlined: "\e7a6";
$icon-content-Upgrade-filled: "\e8aa";
$icon-content-User-outlined: "\e7a5";
$icon-content-Commit1-filled: "\e8a9";
$icon-content-Userfollow-outlined: "\e7a4";
$icon-content-Minimize-filled: "\e8a8";
$icon-content-Usermanagement-outlined: "\e7a3";
$icon-content-Move-filled: "\e8a7";
$icon-content-Faceactivated-outlined: "\e7a2";
$icon-content-Send-filled: "\e8a6";
$icon-content-Businesscompetitor-outlined: "\e7a1";
$icon-content-Random-filled: "\e8a5";
$icon-content-Useradmin-outlined: "\e7a0";
$icon-content-Packup-filled: "\e8a4";
$icon-content-Facedissatisfied-outlined: "\e79f";
$icon-content-Return-filled: "\e8a3";
$icon-content-Trafficstatistics-outlined: "\e79e";
$icon-content-Maximize-filled: "\e8a2";
$icon-content-Database-outlined: "\e79d";
$icon-content-Descendingorder-filled: "\e8a1";
$icon-content-Parentchild-outlined: "\e79c";
$icon-content-Dragvertical-filled: "\e8a0";
$icon-content-Databaseaddition-outlined: "\e79b";
$icon-content-Flag-filled: "\e89f";
$icon-content-Chartbubble-outlined: "\e79a";
$icon-content-Draghorizontal-filled: "\e89e";
$icon-content-PDF-outlined: "\e799";
$icon-content-Caretsort-filled: "\e89d";
$icon-content-Security-outlined: "\e798";
$icon-content-Filter-filled: "\e89c";
$icon-content-Queryfile-outlined: "\e797";
$icon-content-Compare-filled: "\e89b";
$icon-content-Export-outlined: "\e796";
$icon-content-Caretleft-filled: "\e89a";
$icon-content-Documentadd-outlined: "\e795";
$icon-content-Arrowshorizontal-filled: "\e899";
$icon-content-Data-outlined: "\e794";
$icon-content-Chat-filled: "\e898";
$icon-content-Copy1-outlined: "\e793";
$icon-content-Caretright-filled: "\e897";
$icon-content-Upload-outlined: "\e792";
$icon-content-Caretup-filled: "\e896";
$icon-content-Videofile-outlined: "\e791";
$icon-content-Ascending-filled: "\e895";
$icon-content-Passengerdetails-outlined: "\e790";
$icon-content-Arrowsvertical-filled: "\e894";
$icon-content-Folderadd-outlined: "\e78f";
$icon-content-Caretdown-filled: "\e893";
$icon-content-Folder-outlined: "\e78e";
$icon-content-Bookmark-filled: "\e892";
$icon-content-Download-outlined: "\e78d";
$icon-content-View-filled: "\e891";
$icon-content-Copy2-outlined: "\e78c";
$icon-content-Thumbsup-filled: "\e890";
$icon-content-Openfolder-outlined: "\e78b";
$icon-content-Viewoff-filled: "\e88f";
$icon-content-Blacklist-outlined: "\e789";
$icon-content-Notification-filled: "\e88e";
$icon-content-Document-outlined: "\e788";
$icon-content-Star-filled: "\e88d";
$icon-content-Idea-outlined: "\e787";
$icon-content-Notificationoff-filled: "\e88c";
$icon-content-Location-outlined: "\e786";
$icon-content-Removefixed-filled: "\e88b";
$icon-content-Map-outlined: "\e785";
$icon-content-Unlocked-filled: "\e88a";
$icon-content-Airportlocation-outlined: "\e784";
$icon-content-Favorite-filled: "\e889";
$icon-content-Usealineseparating-outlined: "\e783";
$icon-content-Asleep-filled: "\e888";
$icon-content-Regionalthermal-outlined: "\e782";
$icon-content-Awake-filled: "\e887";
$icon-content-Locked-filled: "\e886";
$icon-content-Fixed-filled: "\e885";
$icon-content-Image-filled: "\e884";
$icon-content-Creation-filled: "\e883";
$icon-content-Trashcan-filled: "\e882";
$icon-content-Rectangle-filled: "\e881";
$icon-content-Polygon-filled: "\e880";
$icon-content-Editoff-filled: "\e87f";
$icon-content-Edit-filled: "\e87e";
$icon-content-Crop-filled: "\e87d";
$icon-content-Color-filled: "\e87c";
$icon-content-Colorpalette-filled: "\e87b";
$icon-content-Volumeup-filled: "\e87a";
$icon-content-Volumemute-filled: "\e879";
$icon-content-Volumedown-filled: "\e878";
$icon-content-Settings-filled: "\e877";
$icon-content-Play-filled: "\e876";
$icon-content-Pause-filled: "\e875";
$icon-content-Stop-filled: "\e874";
$icon-content-Settingsadjust-filled: "\e873";
$icon-content-Gift-filled: "\e872";
$icon-content-Storemanagement-filled: "\e871";
$icon-content-Brandmanagement-filled: "\e870";
$icon-content-Membermanagement-filled: "\e86f";
$icon-content-Shoppingcart-filled: "\e86e";
$icon-content-Calendar2-filled: "\e86d";
$icon-content-Time-filled: "\e86c";
$icon-content-Calendar1-filled: "\e86b";
$icon-content-Pending-filled: "\e86a";
$icon-content-Warning-filled: "\e869";
$icon-content-Help-filled: "\e868";
$icon-content-Information-filled: "\e867";
$icon-content-Misuse-filled: "\e866";
$icon-content-Checkmark-filled: "\e865";
$icon-content-Error-filled: "\e864";
$icon-content-Phone-filled: "\e863";
$icon-content-Email-filled: "\e862";
$icon-content-Supervision-filled: "\e861";
$icon-content-Code-filled: "\e860";
$icon-content-Mobile-filled: "\e85f";
$icon-content-Scanning-filled: "\e85e";
$icon-content-Headset-filled: "\e85d";
$icon-content-Share-filled: "\e85c";
$icon-content-Cloudupload-filled: "\e85b";
$icon-content-QRcode-filled: "\e85a";
$icon-content-Computer-filled: "\e859";
$icon-content-Equipment-filled: "\e858";
$icon-content-Businessaccess-filled: "\e857";
$icon-content-Bluetooth-filled: "\e856";
$icon-content-Bluetoothoff-filled: "\e855";
$icon-content-Clouddownload-filled: "\e854";
$icon-content-Camera-filled1: "\e853";
$icon-content-Ruleralt-filled: "\e852";
$icon-content-Telescope-filled: "\e851";
$icon-content-Ruler-filled: "\e850";
$icon-content-Camera-filled: "\e84f";
$icon-content-Usermultiple-filled: "\e84e";
$icon-content-Usercertification-filled: "\e84d";
$icon-content-User-filled: "\e84c";
$icon-content-Userfollow-filled: "\e84b";
$icon-content-Usermanagement-filled: "\e84a";
$icon-content-Businesscompetitor-filled: "\e849";
$icon-content-Useradmin-filled: "\e848";
$icon-content-Faceactivated-filled: "\e847";
$icon-content-Facedissatisfied-filled: "\e846";
$icon-content-Database-filled: "\e845";
$icon-content-Parentchild-filled: "\e844";
$icon-content-Trafficstatistics-filled: "\e843";
$icon-content-Databaseaddition-filled: "\e842";
$icon-content-Chartbubble-filled: "\e841";
$icon-content-Download-filled: "\e840";
$icon-content-Queryfile-filled: "\e83f";
$icon-content-Export-filled: "\e83e";
$icon-content-PDF-filled: "\e83d";
$icon-content-Security-filled: "\e83c";
$icon-content-Upload-filled: "\e83b";
$icon-content-Videofile-filled: "\e83a";
$icon-content-Folder-filled: "\e839";
$icon-content-Documentadd-filled: "\e838";
$icon-content-Passengerdetails-filled: "\e837";
$icon-content-Copy2-filled: "\e836";
$icon-content-Openfolder-filled: "\e835";
$icon-content-Folderadd-filled: "\e834";
$icon-content-Document-filled: "\e833";
$icon-content-Data-filled: "\e832";
$icon-content-Blacklist-filled: "\e831";
$icon-content-Copy1-filled: "\e830";
$icon-content-Idea-filled: "\e82f";
$icon-content-Map-filled: "\e82e";
$icon-content-Airportlocation-filled: "\e82d";
$icon-content-Location-filled: "\e82c";
$icon-content-Usealineseparating-filled: "\e82b";
$icon-content-Regionalthermal-filled: "\e82a";
$icon-content-Uptotop-outlined: "\e829";
$icon-content-Zoomin-outlined: "\e828";
$icon-content-Zoomout-outlined: "\e827";
$icon-content-Search-outlined: "\e826";
$icon-content-Downtobottom-outlined: "\e825";
$icon-content-Subtract-outlined: "\e824";
$icon-content-Menu-outlined: "\e823";
$icon-content-Home-outlined: "\e822";
$icon-content-Overflowmenuvertical-outlined: "\e821";
$icon-content-Chevronup-outlined: "\e820";
$icon-content-Chevronright-outlined: "\e81f";
$icon-content-Overflowmenuhorizontal-outlined: "\e81e";
$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/font_2589638_1ca81pn0v5j";

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

$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-1: 12px;
$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;
$font-name-bold: roboto-bold;
$font-name-medium: roboto-medium;
$font-name-regular: roboto-regular;
$font-name-thin: roboto-thin;
$font-name-light: roboto-light;
$font-custom-name: Roboto;
$font-custom-path: "//i.alicdn.com/artascope-font/20160419204543/font/";
$font-size-caption: 10px;
$font-family-base: Roboto,"Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft YaHei","PingFang SC";

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

$corner-zero: 0;
$corner-semicircle: 500px;
$corner-circle: 50%;
$corner-3: 8px;
$corner-2: 4px;
$corner-1: 2px;

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

$color-warning-4: #EB7E10;
$color-transparent: transparent;
$color-black: #000000;
$color-white: #FFFFFF;
$color-line1-7: rgba(51,51,51,1);
$color-gradient-4: linear-gradient(90deg, rgb(13, 100, 77) 0%,rgb(18, 133, 102) 100%);
$color-gradient-3: linear-gradient(90deg, rgb(48, 191, 154) 0%,rgb(18, 133, 102) 100%);
$color-gradient-2: linear-gradient(90deg, rgb(18, 133, 102) 0%,rgb(48, 191, 154) 100%);
$color-gradient-1: linear-gradient(90deg, rgb(18, 133, 102) 0%,rgb(23, 163, 112) 100%);
$color-line1-6: rgba(97,97,97,1);
$color-line1-5: rgba(204,204,204,1);
$color-brand1-2: rgba(171,238,220,1);
$color-brand1-3: rgba(108,224,193,1);
$color-brand1-5: rgba(23,163,112,1);
$color-brand1-4: rgba(48,191,154,1);
$color-brand1-7: rgba(13,100,77,1);
$color-brand1-6: rgba(18,133,102,1);
$color-brand1-1: rgba(221,250,242,1);
$color-brand5-1: rgba(202,255,240,1);
$color-brand5-2: rgba(156,241,217,1);
$color-brand5-4: rgba(14,188,139,1);
$color-brand5-3: rgba(68,215,173,1);
$color-brand5-5: rgba(2,148,105,1);
$color-brand5-6: rgba(0,120,85,1);
$color-brand5-7: rgba(0,96,68,1);
$color-brand5-8: rgba(0,69,49,1);
$color-brand5-9: rgba(0,45,31,1);
$color-brand5-10: rgba(0,27,19,1);
$color-brand9-1: rgba(235,240,255,1);
$color-brand9-2: rgba(209,221,255,1);
$color-brand9-3: rgba(166,191,255,1);
$color-brand9-4: rgba(126,163,255,1);
$color-brand9-5: rgba(69,122,255,1);
$color-brand9-6: rgba(27,88,244,1);
$color-brand9-7: rgba(21,72,201,1);
$color-brand9-8: rgba(15,52,143,1);
$color-brand9-9: rgba(10,33,92,1);
$color-brand9-10: rgba(5,20,55,1);
$color-brand1-8: rgba(9,69,53,1);
$color-brand1-10: rgba(3,26,20,1);
$color-brand1-9: rgba(6,44,34,1);
$color-brand3-2: rgba(224,217,255,1);
$color-brand3-1: rgba(241,239,255,1);
$color-brand3-3: rgba(194,184,255,1);
$color-brand3-5: rgba(129,107,255,1);
$color-brand3-4: rgba(168,152,255,1);
$color-brand3-6: rgba(96,69,255,1);
$color-brand4-1: rgba(245,238,255,1);
$color-brand3-10: rgba(22,15,58,1);
$color-brand3-8: rgba(56,40,148,1);
$color-brand3-7: rgba(78,56,207,1);
$color-brand3-9: rgba(38,28,102,1);
$color-brand4-2: rgba(229,216,255,1);
$color-brand4-4: rgba(184,145,255,1);
$color-brand4-3: rgba(206,179,255,1);
$color-brand4-6: rgba(123,56,244,1);
$color-brand4-5: rgba(152,96,255,1);
$color-brand4-8: rgba(72,33,145,1);
$color-brand4-7: rgba(100,46,202,1);
$color-brand4-9: rgba(48,21,93,1);
$color-brand4-10: rgba(28,13,56,1);
$color-brand7-1: rgba(255,236,236,1);
$color-brand7-3: rgba(255,169,170,1);
$color-brand7-2: rgba(255,212,212,1);
$color-brand7-5: rgba(236,67,68,1);
$color-brand7-4: rgba(255,117,118,1);
$color-brand7-6: rgba(200,39,39,1);
$color-brand7-9: rgba(77,15,15,1);
$color-brand7-8: rgba(117,22,22,1);
$color-brand7-7: rgba(163,31,32,1);
$color-brand7-10: rgba(47,9,9,1);
$color-brand8-1: rgba(255,241,238,1);
$color-brand8-2: rgba(255,217,209,1);
$color-brand8-3: rgba(255,172,153,1);
$color-brand8-4: rgba(255,128,100,1);
$color-brand8-5: rgba(228,79,47,1);
$color-brand8-6: rgba(198,47,14,1);
$color-brand8-7: rgba(160,38,12,1);
$color-brand8-8: rgba(116,28,8,1);
$color-brand8-9: rgba(76,18,5,1);
$color-brand8-10: rgba(46,11,3,1);
$color-data5-1: rgba(27,88,244,1);
$color-data5-4: rgba(14,188,139,1);
$color-data5-2: rgba(255,118,183,1);
$color-data5-5: rgba(12,133,224,1);
$color-data5-3: rgba(129,107,255,1);
$color-data2-1: rgba(236,67,68,1);
$color-data2-2: rgba(184,145,255,1);
$color-data2-3: rgba(129,107,255,1);
$color-data2-4: rgba(14,188,139,1);
$color-data3-2: rgba(72,172,250,1);
$color-data2-5: rgba(12,133,224,1);
$color-data3-1: rgba(129,107,255,1);
$color-data3-4: rgba(255,187,51,1);
$color-data3-3: rgba(228,67,144,1);
$color-data4-1: rgba(27,88,244,1);
$color-data3-5: rgba(236,67,68,1);
$color-data4-2: rgba(14,188,139,1);
$color-data4-3: rgba(12,133,224,1);
$color-data4-5: rgba(129,107,255,1);
$color-data4-4: rgba(126,163,255,1);
$color-text1-6: rgba(64,64,64,1);
$color-other-4: #FFFFFF;
$color-line1-8: #FFFFFF;
$color-brand6-2: rgba(255,209,231,1);
$color-line1-9: #FFFFFF;
$color-brand6-1: rgba(255,235,245,1);
$color-brand6-3: rgba(255,165,208,1);
$color-brand6-4: rgba(255,118,183,1);
$color-brand6-6: rgba(198,30,110,1);
$color-brand6-5: rgba(228,67,144,1);
$color-brand6-7: rgba(153,23,85,1);
$color-brand6-8: rgba(128,19,71,1);
$color-brand6-9: rgba(89,14,50,1);
$color-brand2-1: rgba(228,243,255,1);
$color-brand6-10: rgba(51,8,28,1);
$color-brand2-2: rgba(191,227,255,1);
$color-brand2-3: rgba(126,199,255,1);
$color-brand2-4: rgba(72,172,250,1);
$color-brand2-6: rgba(0,106,186,1);
$color-brand2-5: rgba(12,133,224,1);
$color-brand2-7: rgba(0,86,152,1);
$color-brand2-10: rgba(0,24,42,1);
$color-brand2-8: rgba(0,62,109,1);
$color-brand2-9: rgba(0,40,70,1);
$color-link-4: rgba(235,241,255,1);
$color-data1-10: rgba(255,158,102,1);
$color-data1-9: rgba(12,133,224,1);
$color-fill1-6: rgba(89,89,89,1);
$color-text1-5: rgba(26,26,26,1);
$color-fill1-5: rgba(115,115,115,1);
$color-fill1-8: rgba(26,26,26,1);
$color-fill1-7: rgba(37,37,37,1);
$color-fill1-9: rgba(237,237,237,1);
$color-fill1-10: rgba(249,249,249,1);
$color-text1-4: rgba(37,37,37,1);
$color-text1-3: #595959;
$color-text1-2: #A6A6A6;
$color-text1-1: #BEBEBE;
$color-fill1-4: rgba(190,190,190,1);
$color-fill1-3: rgba(217,217,217,1);
$color-fill1-2: rgba(229,229,229,1);
$color-fill1-1: #F3F3F3;
$color-line1-4: rgba(255,185,185,1);
$color-line1-3: rgba(140,140,140,1);
$color-line1-2: rgba(217,217,217,1);
$color-line1-1: #E5E5E5;
$color-other-3: #F5771C;
$color-other-2: #FF842C;
$color-other-1: #FFF1E7;
$color-link-3: #1752E4;
$color-link-2: rgba(21,72,201,1);
$color-link-1: rgba(27,88,244,1);
$color-help-4: rgba(33,150,68,1);
$color-help-3: #219644;
$color-help-2: #29A64E;
$color-help-1: #EAFFF0;
$color-error-4: rgba(163,16,16,1);
$color-error-3: #BD2424;
$color-error-2: #C82727;
$color-error-1: #FFECEC;
$color-warning-3: #ED9E12;
$color-warning-2: #FFAB14;
$color-warning-1: rgba(255,252,213,1);
$color-notice-4: rgba(12,66,201,1);
$color-notice-3: rgba(23,82,228,1);
$color-notice-2: rgba(27,88,244,1);
$color-notice-1: rgba(235,241,255,1);
$color-success-4: rgba(8,138,47,1);
$color-success-3: #219644;
$color-success-2: #29A64E;
$color-success-1: #EAFFF0;
$color-data1-8: rgba(126,163,255,1);
$color-data1-7: rgba(228,67,144,1);
$color-data1-6: rgba(72,172,250,1);
$color-data1-5: rgba(129,107,255,1);
$color-data1-4: rgba(255,187,51,1);
$color-data1-3: rgba(14,188,139,1);
$color-data1-2: rgba(255,118,183,1);
$color-data1-1: rgba(27,88,244,1);

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

$checkbox-size: 16px;
$checkbox-border-radius: 2px;
$checkbox-circle-size: 8px;
$checkbox-border-color: #8c8c8c;
$checkbox-disabled-border-color: #d9d9d9;
$checkbox-checked-circle-color: #FFFFFF;
$checkbox-disabled-label-color: #BEBEBE;
$checkbox-checked-hovered-circle-color: #FFFFFF;
$checkbox-hovered-bg-color: #FFFFFF;
$checkbox-checked-hovered-bg-color: #128566;
$checkbox-disabled-bg-color: #d9d9d9;
$checkbox-margin-left: 8px;
$checkbox-select-icon-content: "";
$checkbox-border-width: 1px;
$checkbox-shadow: none;
$checkbox-hovered-border-color: #128566;
$checkbox-checked-border-color: transparent;
$checkbox-checked-hovered-border-color: transparent;
$checkbox-label-color: #252525;
$checkbox-disabled-circle-color: #BEBEBE;
$checkbox-bg-color: #FFFFFF;
$checkbox-checked-bg-color: #128566;
$checkbox-font-size: 12px;
$checkbox-semi-select-icon-content: "";

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

$cascader-menu-width: 100px;
$cascader-menu-icon-expand-size: 16px;
$cascader-menu-border-color: #d9d9d9;
$cascader-menu-border-radius: 4px;
$cascader-menu-icon-expand-color: #595959;
$cascader-menu-icon-hover-expand-color: #595959;
$cascader-menu-item-expanded-background-color: #F3F3F3;
$cascader-menu-border-width: 1px;
$cascader-menu-min-width: 100px;
$cascader-menu-height: 192px;
$cascader-menu-item-expanded-color: #252525;

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

$menu-btn-pure-text-normal-icon-color: #595959;
$menu-btn-pure-text-primary-icon-color: #FFFFFF;
$menu-btn-text-text-normal-icon-color: #595959;
$menu-btn-fold-icon-content: "";
$menu-btn-disabled-icon-color: #BEBEBE;
$menu-btn-ghost-light-disabled-icon-color: #bebebe;
$menu-btn-ghost-dark-disabled-icon-color: #595959;
$menu-btn-pure-text-secondary-icon-color: #128566;
$menu-btn-text-text-primary-icon-color: #1b58f4;
$menu-btn-ghost-light-icon-color: #252525;
$menu-btn-ghost-dark-icon-color: #FFFFFF;
$menu-btn-unfold-icon-content: $icon-reset;

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

$range-size-m-slider-hw: 12px;
$range-size-m-track-radius: 500px;
$range-normal-slider-bg-color: #128566;
$range-normal-slider-border-color: transparent;
$range-normal-slider-border-color-disabled: transparent;
$range-normal-unselected-color: #d9d9d9;
$range-normal-unselected-color-hover: #d9d9d9;
$range-normal-unselected-color-disabled: #d9d9d9;
$range-normal-selected-color-disabled: #bebebe;
$range-normal-slider-bg-color-disabled: #bebebe;
$range-normal-selected-color: linear-gradient(90deg, #30bf9a 0%, #128566 100%);
$range-normal-selected-color-hover: linear-gradient(90deg, #30bf9a 0%, #128566 100%);
$range-normal-slider-bg-color-hover: #128566;
$range-size-m-slider-shadow-hover: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$range-size-m-mark-top: 14px;
$range-size-m-mark-font-lineheight: 14px;
$range-size-m-track-height: 4px;
$range-size-m-scale-height: 12px;
$range-size-m-scale-item-border-width: 1px;
$range-size-slider-border-style: solid;
$range-size-slider-border-width: 1px;
$range-size-m-mark-font-size: 12px;
$range-size-m-mark-font-weight: normal;
$range-size-m-scale-radius: 0;
$range-size-m-slider-shadow-moving: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$range-normal-mark-color: #A6A6A6;
$range-normal-mark-selected-color: #252525;
$range-size-m-slider-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$range-normal-mark-color-hover: #A6A6A6;
$range-normal-mark-selected-color-hover: #252525;
$range-normal-slider-border-color-hover: transparent;
$range-normal-mark-color-disabled: #BEBEBE;
$range-normal-mark-selected-color-disabled: #A6A6A6;

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

$search-normal-corner: 4px;
$search-normal-primary-color: #d9d9d9;
$search-normal-primary-hover-color: #d9d9d9;
$search-normal-primary-split-color: #d9d9d9;
$search-normal-primary-shadow: none;
$search-normal-primary-btn-text-color: #595959;
$search-normal-primary-btn-hover-bg-color: #F3F3F3;
$search-normal-primary-btn-hover-text-color: #595959;
$search-normal-primary-border-width: 1px;
$search-normal-primary-l-height: 36px;
$search-normal-primary-l-icon-size: 16px;
$search-normal-primary-l-btn-text-size: 12px;
$search-normal-primary-m-height: 28px;
$search-normal-primary-m-icon-size: 16px;
$search-normal-primary-m-btn-text-size: 12px;
$search-normal-secondary-color: #d9d9d9;
$search-normal-secondary-split-color: #8c8c8c;
$search-normal-secondary-hover-color: #d9d9d9;
$search-normal-secondary-btn-bg-color: #d9d9d9;
$search-normal-secondary-btn-text-color: #595959;
$search-normal-secondary-btn-hover-bg-color: #F3F3F3;
$search-normal-secondary-btn-hover-text-color: #595959;
$search-normal-secondary-l-height: 36px;
$search-normal-secondary-l-icon-size: 16px;
$search-normal-secondary-l-btn-text-size: 12px;
$search-normal-secondary-m-height: 28px;
$search-normal-secondary-m-icon-size: 16px;
$search-normal-secondary-m-btn-text-size: 12px;
$search-normal-normal-color: #d9d9d9;
$search-normal-normal-split-color: #d9d9d9;
$search-normal-normal-hover-color: #d9d9d9;
$search-normal-normal-shadow: none;
$search-normal-normal-btn-bg-color: #FFFFFF;
$search-normal-normal-btn-text-color: #595959;
$search-normal-normal-btn-hover-bg-color: #FFFFFF;
$search-normal-normal-btn-hover-text-color: #595959;
$search-normal-normal-l-height: 36px;
$search-normal-normal-l-icon-size: 16px;
$search-normal-normal-l-btn-text-size: 12px;
$search-normal-normal-m-height: 28px;
$search-normal-normal-m-icon-size: 12px;
$search-normal-normal-m-btn-text-size: 12px;
$search-normal-dark-color: #128566;
$search-normal-dark-text-color: #128566;
$search-normal-dark-bg-opacity: 0;
$search-normal-dark-l-height: 36px;
$search-normal-dark-l-icon-size: 12px;
$search-normal-dark-l-btn-text-size: 12px;
$search-normal-dark-m-height: 28px;
$search-normal-dark-m-icon-size: 12px;
$search-normal-dark-m-btn-text-size: 12px;
$search-simple-corner: 4px;
$search-simple-l-icon-margin-right: 8px;
$search-simple-normal-color: #d9d9d9;
$search-simple-normal-hover-color: #d9d9d9;
$search-simple-normal-split-color: #d9d9d9;
$search-simple-normal-icon-text-color: #737373;
$search-simple-normal-l-icon-size: 16px;
$search-simple-normal-m-icon-size: 12px;
$search-simple-dark-l-icon-size: 16px;
$search-simple-dark-m-icon-size: 16px;
$search-normal-primary-btn-text-padding-left: 0px;
$search-normal-secondary-shadow: none;
$search-normal-secondary-border-width: 1px;
$search-normal-secondary-btn-text-padding-left: 0px;
$search-normal-normal-border-width: 1px;
$search-normal-normal-btn-text-padding-left: 0px;
$search-normal-dark-hover-color: #128566;
$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: #062c22;
$search-normal-dark-btn-hover-text-color: #FFFFFF;
$search-normal-dark-border-width: 1px;
$search-normal-dark-btn-text-padding-left: 0px;
$search-simple-m-icon-margin-right: 8px;
$search-simple-normal-shadow: none;
$search-simple-normal-icon-hover-text-color: #595959;
$search-simple-normal-border-width: 1px;
$search-simple-normal-btn-text-padding-left: 0px;
$search-simple-dark-color: #8c8c8c;
$search-simple-dark-hover-color: #8c8c8c;
$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: #A6A6A6;
$search-simple-dark-icon-hover-text-color: #595959;
$search-simple-dark-btn-text-padding-left: 0px;
$search-simple-dark-split-color: #8c8c8c;
$search-simple-dark-border-width: 1px;
$search-search-icon-content: "";

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

$split-btn-trigger-normal-icon-color: #595959;
$split-btn-fold-icon-content: "";
$split-btn-unfold-icon-content: $icon-reset;

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

$tree-switch-size: 12px;
$tree-node-normal-background: transparent;
$tree-node-hover-bg-color: transparent;
$tree-node-selected-color: #128566;
$tree-node-selected-background: transparent;
$tree-fold-icon-content: "";
$tree-switch-hover-border-color: #128566;
$tree-node-padding: 12px;
$tree-node-title-margin: 0px;
$tree-switch-arrow-size: 12px;
$tree-switch-icon-size: 12px;
$tree-node-normal-color: #1a1a1a;
$tree-switch-arrow-color: #737373;
$tree-switch-icon-color: #737373;
$tree-switch-border-color: #737373;
$tree-line-color: #e5e5e5;
$tree-node-hover-color: #128566;
$tree-switch-hover-arrow-color: #737373;
$tree-switch-hover-icon-color: #128566;
$tree-node-disabled-background: transparent;
$tree-node-title-padding: 8px;
$tree-switch-margint-right: 0px;
$tree-switcher-fold-icon-content: "";
$tree-switcher-unfold-icon-content: "";
$tree-node-title-font-size: 12px;
$tree-switch-border-width: 1px;
$tree-line-width: 1px;
$tree-node-title-border-radius: 2px;
$tree-switch-bg-color: #FFFFFF;
$tree-switch-corner: 2px;
$tree-line-style: solid;
$tree-switch-hover-bg-color: #e5e5e5;
$tree-node-disabled-color: #BEBEBE;
$tree-unfold-icon-content: $icon-reset;

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

$card-padding-lr: 24px;
$card-body-padding-bottom: 24px;
$card-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$card-border-color: transparent;
$card-corner: 8px;
$card-title-font-size: 14px;
$card-title-font-weight: bold;
$card-sub-title-font-size: 12px;
$card-body-show-divider-padding-top: 20px;
$card-sub-title-color: #A6A6A6;
$card-content-color: #595959;
$card-border-width: 1px;
$card-head-padding-bottom: 12px;
$card-head-bottom-border-width: 1px;
$card-head-main-height: 40px;
$card-head-main-margin-top: 8px;
$card-head-main-margin-bottom: 0px;
$card-title-extra-font-size: 12px;
$card-title-bullet-width: 4px;
$card-title-bullet-height: 16px;
$card-title-padding-left: 8px;
$card-sub-title-padding-left: 8px;
$card-body-hide-divider-padding-top: 0px;
$card-content-font-size: 12px;
$card-content-line-height: 1.5;
$card-more-btn-height: 16px;
$card-more-btn-padding-top: 8px;
$card-more-btn-font-size: 12px;
$card-border-style: solid;
$card-background: #FFFFFF;
$card-header-background: #FFFFFF;
$card-title-color: #252525;
$card-title-extra-color: #1b58f4;
$card-title-bullet-color: #128566;
$card-head-bottom-border-color: #E5E5E5;
$card-more-btn-color: #1b58f4;
$card-more-btn-background: #FFFFFF;

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

$switch-size-m-width: 56px;
$switch-size-m-radius-container: 500px;
$switch-size-m-trigger: 24px;
$switch-size-m-radius-trigger: 500px;
$switch-size-s-width: 32px;
$switch-size-s-radius-container: 500px;
$switch-size-s-trigger: 12px;
$switch-size-s-radius-trigger: 500px;
$switch-border-width-container: 2px;
$switch-border-width-trigger: 0px;
$switch-normal-on-bg-color: #29A64E;
$switch-disabled-on-bg-color: #d9d9d9;
$switch-disabled-on-trigger-bg-color: #bebebe;
$switch-normal-off-bg-color: #d9d9d9;
$switch-hover-off-bg-color: #d9d9d9;
$switch-disabled-off-bg-color: #d9d9d9;
$switch-disabled-off-trigger-bg-color: #bebebe;
$switch-normal-off-border-color: #d9d9d9;
$switch-hover-off-border-color: #d9d9d9;
$switch-text-off-right: 4px;
$switch-hover-on-bg-color: #29A64E;
$switch-on-shadow: none;
$switch-size-m-inner-icon: 16px;
$switch-size-m-trigger-padding-l: 8px;
$switch-size-m-trigger-padding-r: 8px;
$switch-size-s-inner-icon: 12px;
$switch-size-s-trigger-padding-l: 8px;
$switch-size-s-trigger-padding-r: 8px;
$switch-normal-on-trigger-bg-color: #FFFFFF;
$switch-hover-on-trigger-bg-color: #FFFFFF;
$switch-normal-on-color-font: #FFFFFF;
$switch-disabled-on-color-font: #BEBEBE;
$switch-disabled-on-border-color: #8c8c8c;
$switch-handle-on-border-color: transparent;
$switch-normal-off-trigger-bg-color: #FFFFFF;
$switch-hover-off-trigger-bg-color: #FFFFFF;
$switch-handle-disabled-border-color: transparent;
$switch-normal-off-color-font: #A6A6A6;
$switch-disabled-off-color-font: #8c8c8c;
$switch-handle-off-border-color: transparent;
$switch-off-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$switch-rtl-on-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);

// ------------------------ typography ------------------------ //

$typography-text-color: #595959;
$typography-text-mark-background: #6ce0c1;
$typography-paragraph-font-size: 12px;
$typography-paragraph-line-height: 1.5;
$typography-text-strong-font-weight: 600;
$typography-text-code-corner: 2px;
$typography-text-mark-color: #252525;
$typography-text-code-color: #252525;
$typography-text-code-background: #e5e5e5;
$typography-text-code-border-color: #E5E5E5;
$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: 12px;
$typography-title-font-weight: 600;

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

$btn-shadow: none;
$btn-shadow-hover: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$btn-size-s-height: 28px;
$btn-size-s-padding: 12px;
$btn-size-s-font: 12px;
$btn-size-s-icon-margin: 8px;
$btn-size-s-corner: 4px;
$btn-size-m-height: 36px;
$btn-size-m-padding: 24px;
$btn-size-m-font: 14px;
$btn-size-m-icon-size: 16px;
$btn-size-m-icon-margin: 8px;
$btn-size-m-corner: 4px;
$btn-size-l-height: 40px;
$btn-size-l-padding: 24px;
$btn-size-l-border-width: 1px;
$btn-size-l-font: 16px;
$btn-size-l-icon-size: 16px;
$btn-size-l-icon-margin: 12px;
$btn-size-l-corner: 4px;
$btn-pure-bg-disabled: #E5E5E5;
$btn-pure-border-color-disabled: transparent;
$btn-pure-normal-bg-disabled: #e5e5e5;
$btn-pure-normal-border-color-disabled: #E5E5E5;
$btn-pure-normal-color: #1a1a1a;
$btn-pure-normal-color-hover: #1a1a1a;
$btn-pure-normal-color-active: #1a1a1a;
$btn-pure-normal-bg: #F3F3F3;
$btn-pure-normal-bg-hover: #E5E5E5;
$btn-pure-normal-bg-active: #d9d9d9;
$btn-pure-normal-border-color: #F3F3F3;
$btn-pure-normal-border-color-hover: #E5E5E5;
$btn-pure-normal-border-color-active: #d9d9d9;
$btn-pure-secondary-bg-disabled: #e5e5e5;
$btn-pure-secondary-border-color-disabled: #E5E5E5;
$btn-pure-secondary-color-hover: #128566;
$btn-pure-secondary-color-active: #128566;
$btn-pure-secondary-bg-hover: #ddfaf2;
$btn-pure-secondary-bg-active: #ddfaf2;
$btn-pure-secondary-border-color-hover: #128566;
$btn-pure-secondary-border-color-active: #128566;
$btn-pure-primary-bg-disabled: #e5e5e5;
$btn-pure-primary-border-color-disabled: #E5E5E5;
$btn-pure-primary-color: #FFFFFF;
$btn-pure-primary-color-hover: #FFFFFF;
$btn-pure-primary-color-active: #FFFFFF;
$btn-ghost-dark-color: #30bf9a;
$btn-ghost-dark-border-color: #30bf9a;
$btn-ghost-dark-color-hover: #404040;
$btn-ghost-dark-bg: transparent;
$btn-ghost-dark-bg-opacity: 0;
$btn-ghost-dark-bg-hover-rgb: #30bf9a;
$btn-ghost-dark-bg-hover-opacity: 1;
$btn-ghost-dark-border-color-hover: #30bf9a;
$btn-ghost-dark-color-disabled-rgb: #595959;
$btn-ghost-dark-color-disabled-opacity: 1;
$btn-ghost-dark-bg-disabled: #737373;
$btn-ghost-dark-border-color-disabled-rgb: #737373;
$btn-ghost-dark-border-color-disabled-opacity: 1;
$btn-ghost-light-color: #128566;
$btn-ghost-light-border-color: #128566;
$btn-ghost-light-color-hover: #128566;
$btn-ghost-light-border-color-hover: #128566;
$btn-ghost-light-bg-hover-rgb: #ddfaf2;
$btn-ghost-light-bg-hover-opacity: 1;
$btn-ghost-light-color-disabled-rgb: #BEBEBE;
$btn-ghost-light-color-disabled-opacity: 1;
$btn-ghost-light-bg-disabled: #e5e5e5;
$btn-ghost-light-border-color-disabled-rgb: #E5E5E5;
$btn-ghost-light-border-color-disabled-opacity: 1;
$btn-warning-primary-border-color: #C82727;
$btn-warning-primary-border-color-hover: #BD2424;
$btn-warning-primary-border-color-active: #BD2424;
$btn-warning-primary-bg: #C82727;
$btn-warning-primary-bg-hover: #BD2424;
$btn-warning-primary-bg-active: #BD2424;
$btn-warning-primary-border-color-disabled: #E5E5E5;
$btn-warning-primary-bg-disabled: #e5e5e5;
$btn-warning-normal-color: #FFFFFF;
$btn-warning-normal-border-color: #C82727;
$btn-warning-normal-border-color-hover: #BD2424;
$btn-warning-normal-border-color-active: #BD2424;
$btn-warning-normal-bg: #C82727;
$btn-warning-normal-bg-hover: #BD2424;
$btn-warning-normal-bg-active: #BD2424;
$btn-warning-normal-bg-disabled: #E5E5E5;
$btn-text-disabled-color: #BEBEBE;
$btn-text-size-s-height: 28px;
$btn-text-size-s-font: 12px;
$btn-text-size-m-height: 36px;
$btn-text-size-m-font: 14px;
$btn-text-size-l-height: 40px;
$btn-text-size-l-font: 16px;
$btn-text-icon-l-margin: 8px;
$btn-pure-secondary-border-color: #128566;
$btn-text-primary-color: #128566;
$btn-text-primary-color-hover: #0d644d;
$btn-text-secondary-color: #128566;
$btn-text-secondary-color-hover: #0d644d;
$btn-text-normal-color: #128566;
$btn-text-normal-color-hover: #0d644d;
$btn-pure-primary-bg: linear-gradient(90deg, #128566 0%, #17a370 100%);
$btn-pure-primary-border-color: transparent;
$btn-pure-primary-border-color-hover: transparent;
$btn-pure-primary-border-color-active: transparent;
$btn-size-s-border-width: 1px;
$btn-size-s-icon-size: 12px;
$btn-size-s-icon-split-size: 12px;
$btn-size-m-border-width: 1px;
$btn-size-m-icon-split-size: 12px;
$btn-size-l-icon-split-size: 16px;
$btn-pure-color-disabled: #BEBEBE;
$btn-pure-normal-color-disabled: #BEBEBE;
$btn-pure-normal-border-style: solid;
$btn-pure-secondary-color-disabled: #BEBEBE;
$btn-pure-secondary-color: #128566;
$btn-pure-secondary-bg: #FFFFFF;
$btn-pure-secondary-border-style: solid;
$btn-pure-primary-color-disabled: #BEBEBE;
$btn-pure-primary-border-style: solid;
$btn-ghost-border-style: solid;
$btn-ghost-light-bg: transparent;
$btn-ghost-light-bg-opacity: 0;
$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-color-disabled: #BEBEBE;
$btn-warning-normal-color-hover: #FFFFFF;
$btn-warning-normal-color-active: #FFFFFF;
$btn-warning-normal-color-disabled: #BEBEBE;
$btn-warning-normal-border-color-disabled: #E5E5E5;
$btn-text-loading-color: #252525;
$btn-text-icon-size-s: 16px;
$btn-text-icon-s-margin: 4px;
$btn-text-icon-size-m: 20px;
$btn-text-icon-m-margin: 4px;
$btn-text-icon-size-l: 24px;
$btn-pure-primary-bg-hover: linear-gradient(90deg, #128566 0%, #17a370 100%);
$btn-pure-primary-bg-active: linear-gradient(90deg, #128566 0%, #17a370 100%);

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

$tag-corner-radius: 500px;
$tag-border-width: 1px;
$tag-size-m-text-size: 12px;
$tag-size-s-text-size: 12px;
$tag-size-l-icon-font: 20px;
$tag-size-m-icon-font: 16px;
$tag-size-s-icon-font: 12px;
$tag-closable-normal-bg-hover: #F3F3F3;
$tag-closable-normal-bg-disabled: #F3F3F3;
$tag-closable-bordered-border-color: #F3F3F3;
$tag-closable-bordered-bg: #F3F3F3;
$tag-closable-bordered-border-color-hover: #F3F3F3;
$tag-closable-bordered-bg-hover: #F3F3F3;
$tag-closable-bordered-bg-disabled: #F3F3F3;
$tag-secondary-text-color-hover: #0d644d;
$tag-secondary-border-color-hover: #0d644d;
$tag-checkable-normal-bg-selected-hover: #0d644d;
$tag-checkable-fill-bg-color: #F3F3F3;
$tag-checkable-fill-border-color: #F3F3F3;
$tag-checkable-normal-bg: transparent;
$tag-checkable-primary-text-color: #0d644d;
$tag-checkable-primary-bg-color: #abeedc;
$tag-checkable-primary-border-color: #abeedc;
$tag-checkable-primary-text-color-hover: #0d644d;
$tag-size-l-height: 32px;
$tag-size-m-height: 28px;
$tag-size-s-height: 24px;
$tag-size-m-padding-lr: 16px;
$tag-size-s-padding-lr: 16px;
$tag-size-l-text-size: 14px;
$tag-size-l-tick-icon-size: 20px;
$tag-size-m-tick-icon-size: 16px;
$tag-size-s-tick-icon-size: 16px;
$tag-size-l-tick-icon-bg-size: 0px;
$tag-size-m-tick-icon-bg-size: 0px;
$tag-size-s-tick-icon-bg-size: 0px;
$tag-fill-text-color: #1a1a1a;
$tag-closable-bordered-text-color: #1a1a1a;
$tag-closable-bordered-text-color-hover: #1a1a1a;
$tag-closable-bordered-tail-color: #737373;
$tag-closable-bordered-tail-color-hover: #737373;
$tag-closable-bordered-border-color-disabled: #F3F3F3;
$tag-fill-tail-color: #737373;
$tag-fill-border-color: #F3F3F3;
$tag-fill-border-color-hover: #e5e5e5;
$tag-fill-border-color-disabled: #F3F3F3;
$tag-bordered-text-color: #1a1a1a;
$tag-fill-text-color-hover: #1a1a1a;
$tag-fill-tail-color-hover: #616161;
$tag-bordered-text-color-hover: #1a1a1a;
$tag-bordered-border-color-disabled: #F3F3F3;
$tag-bordered-border-color: #F3F3F3;
$tag-bordered-border-color-hover: #e5e5e5;
$tag-fill-bg-color: #F3F3F3;
$tag-bordered-bg: #F3F3F3;
$tag-fill-bg-color-hover: #e5e5e5;
$tag-bordered-bg-hover: #e5e5e5;
$tag-checkable-fill-text-color: #1a1a1a;
$tag-checkable-fill-text-color-hover: #1a1a1a;
$tag-checkable-fill-bg-color-hover: #e5e5e5;
$tag-checkable-fill-border-color-hover: #e5e5e5;
$tag-checkable-fill-border-color-disabled: #F3F3F3;
$tag-checkable-normal-text-color: #1a1a1a;
$tag-checkable-normal-border-color: #d9d9d9;
$tag-checkable-normal-text-color-hover: #1a1a1a;
$tag-checkable-normal-border-color-hover: #cccccc;
$tag-checkable-normal-border-selected-disabled: #F3F3F3;
$tag-checkable-normal-bg-selected-disabled: transparent;
$tag-checkable-primary-bg-color-hover: #6ce0c1;
$tag-checkable-primary-border-color-hover: #6ce0c1;
$tag-checkable-primary-border-color-disabled: #F3F3F3;
$tag-checkable-normal-icon-color-selected: #128566;
$tag-checkable-normal-icon-color-selected-disabled: #BEBEBE;
$tag-closable-primary-fill-text-color: #1a1a1a;
$tag-closable-primary-fill-border-color: #F3F3F3;
$tag-closable-primary-fill-bg-color: #F3F3F3;
$tag-closable-primary-fill-text-color-hover: #1a1a1a;
$tag-closable-primary-fill-border-color-hover: #F3F3F3;
$tag-closable-primary-fill-bg-color-hover: #F3F3F3;
$tag-closable-primary-fill-border-color-disabled: #F3F3F3;
$tag-size-l-spacing: 16px;
$tag-size-m-spacing: 12px;
$tag-size-s-spacing: 8px;
$tag-size-l-padding-lr: 16px;
$tag-checkable-corner-radius: 2px;
$tag-shadow: none;
$tag-size-s-content-min-width: 28px;
$tag-size-m-content-min-width: 40px;
$tag-size-l-content-min-width: 48px;
$tag-normal-text-color: #252525;
$tag-closable-normal-icon-color: #FFFFFF;
$tag-closable-normal-icon-color-hover: #FFFFFF;
$tag-closable-normal-icon-color-disabled: #FFFFFF;
$tag-closable-normal-bg: #8c8c8c;
$tag-closable-bordered-tail-color-disabled: #BEBEBE;
$tag-closable-bordered-text-color-disabled: #BEBEBE;
$tag-fill-text-color-disabled: #BEBEBE;
$tag-fill-bg-color-disabled: #F3F3F3;
$tag-fill-tail-color-disabled: #BEBEBE;
$tag-bordered-tail-color: #595959;
$tag-secondary-text-color: #128566;
$tag-normal-text-color-hover: #128566;
$tag-bordered-tail-color-hover: #252525;
$tag-bordered-tail-color-disabled: #BEBEBE;
$tag-bordered-text-color-disabled: #BEBEBE;
$tag-bordered-bg-disabled: #F3F3F3;
$tag-secondary-border-color: #128566;
$tag-checkable-normal-bg-selected: #128566;
$tag-checkable-secondary-bg-selected: #128566;
$tag-checkable-secondary-bg-selected-hover: #062c22;
$tag-primary-background-color: #128566;
$tag-secondary-bg: transparent;
$tag-secondary-bg-hover: transparent;
$tag-text-color-disabled: #BEBEBE;
$tag-border-color-disabled: #E5E5E5;
$tag-checkable-fill-tail-color: #595959;
$tag-checkable-fill-tail-color-hover: #252525;
$tag-checkable-fill-tail-color-disabled: #BEBEBE;
$tag-checkable-fill-text-color-disabled: #BEBEBE;
$tag-checkable-fill-bg-color-disabled: #F3F3F3;
$tag-checkable-normal-bg-hover: transparent;
$tag-checkable-normal-text-selected-disabled: #BEBEBE;
$tag-checkable-normal-tick-bg-selected-disabled: #E5E5E5;
$tag-checkable-primary-text-color-disabled: #BEBEBE;
$tag-checkable-primary-bg-color-disabled: #F3F3F3;
$tag-checkable-primary-tail-color: #FFFFFF;
$tag-checkable-primary-tail-color-hover: #FFFFFF;
$tag-checkable-secondary-bg-selected-disabled: #E5E5E5;
$tag-checkable-normal-icon-color-selected-hover: #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-disabled: #BEBEBE;
$tag-closable-primary-fill-bg-color-disabled: #F3F3F3;

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

$input-text-color: #1a1a1a;
$input-focus-shadow-spread: 0px;
$input-multiple-padding-tb: 8px;
$input-multiple-corner: 4px;
$input-l-label-padding-left: 16px;
$input-m-label-padding-left: 16px;
$input-feedback-error-border-color: #C82727;
$input-l-padding: 16px;
$input-m-padding: 16px;
$input-border-color: #F3F3F3;
$input-hover-border-color: #F3F3F3;
$input-hover-bg-color: #F3F3F3;
$input-focus-bg-color: #F3F3F3;
$input-bg-color: #F3F3F3;
$input-l-icon-padding-right: 12px;
$input-m-icon-padding-right: 12px;
$input-s-padding: 12px;
$input-s-icon-padding-right: 8px;
$input-feedback-warning-bg-color: #fffcd5;
$input-feedback-error-bg-color: #FFECEC;
$input-feedback-clear-icon: "";
$input-addon-padding: 16px;
$input-hint-color: #737373;
$input-multiple-padding-lr: 12px;
$input-disabled-border-color: #e5e5e5;
$input-disabled-bg-color: #e5e5e5;
$input-addon-bg-color: #F3F3F3;
$input-label-color: #595959;
$input-focus-border-color: #128566;
$input-border-width: 1px;
$input-placeholder-color: #A6A6A6;
$input-disabled-color: #BEBEBE;
$input-multiple-font-size: 12px;
$input-addon-text-color: #A6A6A6;
$input-s-label-padding-left: 8px;
$input-feedback-warning-border-color: #ED9E12;
$input-feedback-warning-color: #ED9E12;
$input-feedback-warning-icon: "";
$input-feedback-success-color: #219644;
$input-feedback-success-icon: "";
$input-feedback-loading-color: #1752e4;
$input-feedback-loading-icon: "";
$input-maxlen-error-color: #BD2424;
$input-maxlen-warning-color: #ED9E12;
$input-maxlen-color: #A6A6A6;
$input-maxlen-font-size: 10px;
$input-hint-hover-color: #595959;

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

$form-label-padding-r: 16px;
$form-item-m-margin-b: 24px;
$form-item-l-margin-b: 24px;
$form-help-font-size: 12px;
$form-top-label-margin-b: 0px;
$form-label-color: #1a1a1a;
$form-item-s-margin-b: 24px;
$form-inline-l-item-margin-r: 32px;
$form-inline-m-item-margin-r: 32px;
$form-inline-s-item-margin-r: 32px;
$form-help-margin-top: 4px;
$form-help-color: #A6A6A6;
$form-error-color: #BD2424;
$form-warning-color: #ED9E12;

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

$table-normal-border-width: 1px;
$table-cell-padding-top: 16px;
$table-header-padding-top: 16px;
$table-header-padding-left: 16px;
$table-header-icon-margin-left: 8px;
$table-size-s-cell-padding-left: 16px;
$table-size-s-header-padding-left: 16px;
$table-normal-border-color: #e5e5e5;
$table-th-bg: #F3F3F3;
$table-sort-color: #595959;
$table-group-th-bg: #F3F3F3;
$table-group-footer-bg: #F3F3F3;
$table-th-font-weight: 500;
$table-tree-expanded-icon-size: 16px;
$table-header-corner-top: 4px;
$table-size-s-cell-padding-top: 10px;
$table-size-s-header-padding-top: 10px;
$table-th-color: #1a1a1a;
$table-group-th-color: #1a1a1a;
$table-row-color: #1a1a1a;
$table-empty-color: #BEBEBE;
$table-group-footer-color: #1a1a1a;
$table-row-hover-color: #1a1a1a;
$table-row-selected-color: #1a1a1a;
$table-tree-fold-icon-content: "";
$table-row-hover-bg: #ddfaf2;
$table-row-selected-bg: #ddfaf2;
$table-expanded-icon-size: 12px;
$table-th-font-size: 12px;
$table-sort-icon-size: 12px;
$table-filter-icon-size: 12px;
$table-body-font-size: 12px;
$table-empty-padding: 32px;
$table-cell-padding-left: 16px;
$table-header-corner-bottom: 0;
$table-group-split: 8px;
$table-group-header-corner-top: 0;
$table-group-header-corner-bottom: 0;
$table-group-footer-corner-top: 0;
$table-group-footer-corner-bottom: 0;
$table-normal-border-style: solid;
$table-row-bg: #FFFFFF;
$table-td-gray: #F3F3F3;
$table-td-normal: #FFFFFF;
$table-sort-color-current: #128566;
$table-expanded-ctrl-disabled-color: #A6A6A6;
$table-tree-unfold-icon-content: "";
$table-expand-fold-icon-content: "";
$table-expand-unfold-icon-content: "";

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

$upload-text-list-height: 36px;
$upload-text-list-padding-left-right: 12px;
$upload-text-list-close-icon-size: 16px;
$upload-text-list-close-icon-right: 8px;
$upload-text-list-progressbar-height: 0px;
$upload-image-list-item-padding: 16px;
$upload-card-add-text-margin-top: 0px;
$upload-card-font-color: #128566;
$upload-card-icon-color: #128566;
$upload-card-list-border-color-error: #C82727;
$upload-card-list-thumbnail-icon-size: 32px;
$upload-card-list-progressbar-height: 4px;
$upload-drag-zone-corner: 4px;
$upload-drag-zone-font-size: 14px;
$upload-drag-zone-icon-size: 16px;
$upload-card-add-icon: "";
$upload-text-list-corner: 4px;
$upload-text-list-bg-color-hover: #F3F3F3;
$upload-text-list-error-text-color: #C82727;
$upload-text-list-close-icon-color: #737373;
$upload-text-list-close-icon-color-hover: #737373;
$upload-text-list-name-font-color: #1a1a1a;
$upload-text-list-name-font-color-hover: #128566;
$upload-text-list-size-font-color: #1a1a1a;
$upload-image-list-item-picture-size: 28px;
$upload-image-list-item-picture-border-width: 0px;
$upload-image-list-item-picture-corner: 2px;
$upload-image-list-close-icon-size: 16px;
$upload-image-list-close-icon-right: 20px;
$upload-image-list-item-bg-color: #F3F3F3;
$upload-image-list-item-uploading-bg-color: #F3F3F3;
$upload-image-list-item-error-bg-color: #ffecec;
$upload-image-list-close-icon-color: transparent;
$upload-image-list-close-icon-color-hover: #737373;
$upload-image-list-item-border-color: #F3F3F3;
$upload-image-list-item-border-color-error: #ffecec;
$upload-image-list-item-border-color-hover: #F3F3F3;
$upload-image-list-item-picture-border-color: #FFFFFF;
$upload-image-list-item-picture-background-color: #FFFFFF;
$upload-image-list-progressbar-height: 4px;
$upload-card-add-icon-size: 20px;
$upload-card-bg-color: #F3F3F3;
$upload-card-border-style: dotted;
$upload-card-list-bg-color: #ffecec;
$upload-card-list-corner: 4px;
$upload-card-list-border-color: #F3F3F3;
$upload-card-list-thumbnail-font-size: 12px;
$upload-select-card-tool-bg-opacity: 0.5;
$upload-drag-zone-border-color: #F3F3F3;
$upload-drag-zone-bg-color: #F3F3F3;
$upload-drag-zone-upload-icon-color: #128566;
$upload-text-list-bg-color: #F3F3F3;
$upload-disable-border-color: #e5e5e5;
$upload-card-border-color: #F3F3F3;
$upload-disable-text-color: #BEBEBE;
$upload-text-list-font-size: 12px;
$upload-text-list-bg-color-error: #FFECEC;
$upload-text-list-size-font-color-hover: #128566;
$upload-image-list-item-picture-icon-size: 24px;
$upload-image-list-item-thumbnail-font-color: #BEBEBE;
$upload-image-list-item-font-size: 12px;
$upload-image-list-item-border-width: 1px;
$upload-card-size: 100px;
$upload-card-margin-bottom: 16px;
$upload-card-add-text-size: 12px;
$upload-card-hover-border-color: #128566;
$upload-card-hover-font-color: #128566;
$upload-card-list-uploading-bg-color: #F3F3F3;
$upload-card-list-bg-color-error: #F3F3F3;
$upload-card-list-margin-right: 12px;
$upload-card-list-padding: 0px;
$upload-card-list-thumbnail-font-color: #BEBEBE;
$upload-card-list-name-margin-top: 4px;
$upload-card-list-name-font-size: 10px;
$upload-card-list-name-font-color: #595959;
$upload-select-card-tool-bg-color: #000000;
$upload-drag-zone-over-border-color: #128566;
$upload-drag-zone-hint-font-size: 10px;
$upload-drag-zone-upload-icon: "";
$upload-drag-zone-upload-normal-title-color: #595959;
$upload-drag-zone-upload-normal-hint-color: #A6A6A6;

// ------------------------ balloon ------------------------ //

$balloon-size-padding-closable-right: 40px;
$balloon-size-padding-top: 8px;
$balloon-normal-border-width: 1px;
$balloon-size-close: 16px;
$balloon-size-close-margin-top: 8px;
$balloon-size-arrow-size: 8px;
$balloon-tooltip-size-padding-top: 8px;
$balloon-tooltip-size-padding-right: 16px;
$balloon-tooltip-size-padding-bottom: 8px;
$balloon-tooltip-size-padding-left: 16px;
$balloon-corner: 4px;
$balloon-normal-color-border: transparent;
$balloon-primary-color-close-hover: #595959;
$balloon-tooltip-color-bg: #252525;
$balloon-tooltip-color-border: #252525;
$balloon-tooltip-color: #FFFFFF;
$balloon-primary-color-bg: #cccccc;
$balloon-primary-color-border: #128566;
$balloon-content-font-size: 12px;
$balloon-tooltip-content-font-size: 12px;
$balloon-size-close-margin-right: 12px;
$balloon-normal-color-bg: #FFFFFF;
$balloon-normal-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
$balloon-normal-color: #1a1a1a;
$balloon-tooltip-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
$balloon-normal-color-close: #737373;
$balloon-normal-color-close-hover: #737373;
$balloon-size-max-width: 300px;
$balloon-size-padding-right: 16px;
$balloon-size-header-margin-bottom: 8px;
$balloon-title-font-size: 16px;
$balloon-title-font-weight: bold;
$balloon-content-font-weight: normal;
$balloon-primary-border-width: 1px;
$balloon-tooltip-border-width: 1px;
$balloon-tooltip-content-font-weight: normal;
$balloon-size-arrow-margin: 12px;
$balloon-border-style: solid;
$balloon-primary-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$balloon-primary-color: #252525;
$balloon-primary-color-close: #A6A6A6;
$balloon-tooltip-border-style: solid;

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

$select-m-lineheight: 20px;
$select-color: #252525;
$select-hint-color: #A6A6A6;
$select-highlight-color: #128566;
$select-highlight-font: 12px;
$select-l-lineheight: 24px;
$select-s-lineheight: 14px;
$select-fold-icon-content: "";
$select-unfold-icon-content: $icon-reset;

// ------------------------ drawer ------------------------ //

$drawer-title-padding-bottom: 24px;
$drawer-close-right: 24px;
$drawer-close-size: 16px;
$drawer-shadow: none;
$drawer-close-color: #595959;
$drawer-close-color-hovered: #595959;
$drawer-title-padding-top: 28px;
$drawer-title-padding-left-right: 28px;
$drawer-content-font-size: 14px;
$drawer-content-padding-left-right: 28px;
$drawer-close-top: 28px;
$drawer-border-color: #FFFFFF;
$drawer-title-color: #1a1a1a;
$drawer-title-border-color: #FFFFFF;
$drawer-title-font-size: 16px;
$drawer-title-border-width: 1px;
$drawer-content-padding-top: 20px;
$drawer-content-padding-bottom: 20px;
$drawer-bg: #FFFFFF;
$drawer-border-width: 1px;
$drawer-border-style: solid;
$drawer-corner: 2px;
$drawer-title-bg-color: #FFFFFF;
$drawer-content-color: #595959;
$drawer-close-bg-hovered: transparent;

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

$message-size-l-padding: 16px;
$message-size-l-border-width: 0px;
$message-size-l-title-content-padding-left: 8px;
$message-size-l-title-content-padding-right: 16px;
$message-size-l-title-font: 16px;
$message-size-l-content-margin-top: 16px;
$message-size-l-icon: 16px;
$message-size-m-padding: 12px;
$message-size-m-title-content-padding-left: 8px;
$message-size-m-title-content-padding-right: 16px;
$message-size-m-title-font: 14px;
$message-size-m-content-margin-top: 8px;
$message-close-icon-size: 16px;
$message-size-l-border-radius: 4px;
$message-shadow-toast: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$message-close-icon-color: #595959;
$message-success-icon-content: "";
$message-warning-icon-content: "";
$message-error-icon-content: "";
$message-notice-icon-content: "";
$message-size-l-content-font: 12px;
$message-size-l-close-top: 16px;
$message-size-l-close-right: 16px;
$message-size-m-border-width: 1px;
$message-size-m-content-font: 12px;
$message-size-m-close-top: 12px;
$message-size-m-close-right: 12px;
$message-size-m-icon: 16px;
$message-size-m-border-radius: 2px;
$message-size-l-border-radius-toast: 2px;
$message-size-m-border-radius-toast: 2px;
$message-border-style: solid;
$message-border-style-toast: solid;
$message-success-color-bg-inline: #EAFFF0;
$message-success-color-bg-addon: transparent;
$message-success-color-bg-toast: #FFFFFF;
$message-success-color-border-inline: #EAFFF0;
$message-success-color-border-toast: #FFFFFF;
$message-success-color-title-inline: #252525;
$message-success-color-title-addon: #252525;
$message-success-color-title-toast: #252525;
$message-success-color-content-inline: #595959;
$message-success-color-content-addon: #595959;
$message-success-color-content-toast: #595959;
$message-success-color-icon-inline: #219644;
$message-success-color-icon-addon: #219644;
$message-success-color-icon-toast: #219644;
$message-error-color-bg-inline: #FFECEC;
$message-error-color-bg-addon: transparent;
$message-error-color-bg-toast: #FFFFFF;
$message-error-color-border-inline: #FFECEC;
$message-error-color-border-toast: #FFFFFF;
$message-error-color-title-inline: #252525;
$message-error-color-title-addon: #252525;
$message-error-color-title-toast: #252525;
$message-error-color-content-inline: #595959;
$message-error-color-content-addon: #595959;
$message-error-color-content-toast: #595959;
$message-error-color-icon-inline: #BD2424;
$message-error-color-icon-addon: #BD2424;
$message-error-color-icon-toast: #BD2424;
$message-warning-color-bg-inline: #fffcd5;
$message-warning-color-bg-addon: transparent;
$message-warning-color-bg-toast: #FFFFFF;
$message-warning-color-border-inline: #fffcd5;
$message-warning-color-border-toast: #FFFFFF;
$message-warning-color-title-inline: #252525;
$message-warning-color-title-addon: #252525;
$message-warning-color-title-toast: #252525;
$message-warning-color-content-inline: #595959;
$message-warning-color-content-addon: #595959;
$message-warning-color-content-toast: #595959;
$message-warning-color-icon-inline: #ED9E12;
$message-warning-color-icon-addon: #ED9E12;
$message-warning-color-icon-toast: #ED9E12;
$message-notice-color-bg-inline: #ebf1ff;
$message-notice-color-bg-addon: transparent;
$message-notice-color-bg-toast: #FFFFFF;
$message-notice-color-border-inline: #ebf1ff;
$message-notice-color-border-toast: #FFFFFF;
$message-notice-color-title-inline: #252525;
$message-notice-color-title-addon: #252525;
$message-notice-color-title-toast: #252525;
$message-notice-color-content-inline: #595959;
$message-notice-color-content-addon: #595959;
$message-notice-color-content-toast: #595959;
$message-notice-color-icon-inline: #1752e4;
$message-notice-color-icon-addon: #1752e4;
$message-notice-color-icon-toast: #1752e4;
$message-help-color-bg-inline: #EAFFF0;
$message-help-color-bg-addon: transparent;
$message-help-color-bg-toast: #FFFFFF;
$message-help-color-border-inline: #EAFFF0;
$message-help-color-border-toast: #FFFFFF;
$message-help-color-title-inline: #252525;
$message-help-color-title-addon: #252525;
$message-help-color-title-toast: #252525;
$message-help-color-content-inline: #595959;
$message-help-color-content-addon: #595959;
$message-help-color-content-toast: #595959;
$message-help-color-icon-inline: #219644;
$message-help-color-icon-addon: #219644;
$message-help-color-icon-toast: #219644;
$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: #252525;
$message-loading-color-title-addon: #252525;
$message-loading-color-title-toast: #252525;
$message-loading-color-content-inline: #595959;
$message-loading-color-content-addon: #595959;
$message-loading-color-content-toast: #595959;
$message-loading-color-icon-inline: #128566;
$message-loading-color-icon-addon: #128566;
$message-loading-color-icon-toast: #128566;
$message-hover-close-icon-color: #595959;
$message-help-icon-content: "";
$message-loading-icon-content: "";

// ------------------------ dialog ------------------------ //

$dialog-border-width: 1px;
$dialog-title-font-size: 16px;
$dialog-title-padding-top: 16px;
$dialog-title-padding-bottom: 16px;
$dialog-title-padding-left-right: 24px;
$dialog-message-content-padding-top: 36px;
$dialog-message-content-padding-bottom: 0px;
$dialog-message-content-padding-left-right: 24px;
$dialog-content-font-size: 12px;
$dialog-content-padding-top: 24px;
$dialog-content-padding-bottom: 0px;
$dialog-content-padding-left-right: 60px;
$dialog-footer-padding-top: 36px;
$dialog-footer-padding-bottom: 36px;
$dialog-footer-padding-left-right: 60px;
$dialog-footer-button-spacing: 16px;
$dialog-close-top: 16px;
$dialog-close-right: 24px;
$dialog-close-width: 24px;
$dialog-close-size: 24px;
$dialog-border-color: transparent;
$dialog-corner: 8px;
$dialog-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
$dialog-title-color: #1a1a1a;
$dialog-close-color: #737373;
$dialog-title-border-width: 0px;
$dialog-footer-border-width: 0px;
$dialog-bg: #FFFFFF;
$dialog-border-style: solid;
$dialog-title-bg-color: transparent;
$dialog-title-border-color: transparent;
$dialog-content-color: #595959;
$dialog-footer-bg-color: transparent;
$dialog-footer-border-color: transparent;
$dialog-close-color-hovered: #252525;
$dialog-close-bg-hovered: transparent;

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

$number-picker-normal-up-icon: "";
$number-picker-normal-down-icon: "";
$number-picker-normal-s-button-width: 24px;
$number-picker-normal-m-button-width: 28px;
$number-picker-normal-l-button-width: 36px;
$number-picker-normal-m-input-width: 108px;
$number-picker-normal-l-input-width: 140px;
$number-picker-normal-s-button-icon-size: 12px;
$number-picker-normal-m-button-icon-size: 16px;
$number-picker-normal-l-button-icon-size: 12px;
$number-picker-inline-add-icon: "";
$number-picker-inline-minus-icon: "";
$number-picker-inline-s-button-margin: 0px;
$number-picker-inline-s-button-corner: 4px;
$number-picker-inline-m-button-icon-size: 16px;
$number-picker-inline-m-button-margin: 0px;
$number-picker-inline-m-button-corner: 4px;
$number-picker-inline-m-input-width: 108px;
$number-picker-inline-l-button-icon-size: 16px;
$number-picker-inline-l-button-margin: 0px;
$number-picker-inline-l-button-corner: 4px;
$number-picker-inline-l-input-width: 140px;
$number-picker-inline-s-button-icon-size: 12px;

// ------------------------ progress ------------------------ //

$progress-line-height-size-l: 12px;
$progress-line-height-size-m: 8px;
$progress-line-normal-color: linear-gradient(90deg, #30bf9a 0%, #128566 100%);
$progress-line-success-color: #29A64E;
$progress-line-finishing-color: #29A64E;
$progress-line-underlay-color: #F3F3F3;
$progress-line-middle-color: #FFAB14;
$progress-circle-size-l: 200px;
$progress-circle-size-m: 144px;
$progress-circle-size-s: 104px;
$progress-circle-font-s: 16px;
$progress-circle-underlay-color: #F3F3F3;
$progress-circle-success-color: #29A64E;
$progress-circle-middle-color: #FFAB14;
$progress-circle-finishing-color: #29A64E;
$progress-line-error-color: #C82727;
$progress-line-started-color: #C82727;
$progress-circle-error-color: #C82727;
$progress-circle-started-color: #C82727;
$progress-line-height-size-s: 4px;
$progress-line-underlay-border-width: 1px;
$progress-line-font-l: 12px;
$progress-line-font-m: 10px;
$progress-line-font-s: 10px;
$progress-line-underlay-border-color: #d9d9d9;
$progress-line-radius-l: 8px;
$progress-line-radius-m: 8px;
$progress-line-radius-s: 8px;
$progress-line-font-color: #252525;
$progress-circle-underlay-width: 8px;
$progress-circle-overlay-width: 8px;
$progress-circle-font-l: 36px;
$progress-circle-font-m: 24px;
$progress-circle-text-color: #252525;
$progress-circle-corner: round;
$progress-circle-normal-color: #128566;

// ------------------------ shell ------------------------ //

$shell-light-header-color: #252525;
$shell-light-header-height: 48px;
$shell-light-header-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
$shell-light-header-divider-color: #ddfaf2;
$shell-light-header-paddingLeft: 12px;
$shell-light-navigation-ver-width: 140px;
$shell-light-navigation-ver-paddingTop: 8px;
$shell-light-navigation-ver-paddingBottom: 8px;
$shell-light-navigation-ver-divider-color: #ddfaf2;
$shell-light-content-background: #F3F3F3;
$shell-light-content-paddingLeft: 24px;
$shell-light-content-paddingTop: 24px;
$shell-dark-header-paddingLeft: 12px;
$shell-dark-content-paddingTop: 20px;
$shell-brand-header-height: 48px;
$shell-brand-header-background: #128566;
$shell-brand-header-paddingLeft: 16px;
$shell-brand-navigation-ver-width: 140px;
$shell-brand-navigation-ver-paddingTop: 8px;
$shell-brand-content-background: #F3F3F3;
$shell-brand-content-paddingLeft: 24px;
$shell-brand-content-paddingTop: 24px;
$shell-light-header-background: #FFFFFF;
$shell-light-header-divider-size: 1px;
$shell-light-header-divider-style: solid;
$shell-light-multitask-min-height: 40px;
$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: #E5E5E5;
$shell-light-multitask-paddingLeft: 0px;
$shell-light-navigation-hoz-marginLeft: 48px;
$shell-light-navigation-ver-shadow: none;
$shell-light-navigation-ver-width-mini: 60px;
$shell-light-navigation-ver-background: #FFFFFF;
$shell-light-navigation-ver-divider-size: 1px;
$shell-light-navigation-ver-divider-style: solid;
$shell-light-local-navigation-width: 168px;
$shell-light-local-navigation-background: #bebebe;
$shell-light-local-navigation-paddingTop: 8px;
$shell-light-local-navigation-paddingBottom: 8px;
$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: #E5E5E5;
$shell-light-appbar-background: #FFFFFF;
$shell-light-appbar-min-height: 48px;
$shell-light-appbar-shadow: none;
$shell-light-appbar-paddingLeft: 24px;
$shell-light-appbar-divider-size: 1px;
$shell-light-appbar-divider-style: solid;
$shell-light-appbar-divider-color: #E5E5E5;
$shell-light-footer-min-height: 56px;
$shell-light-footer-background: transparent;
$shell-light-footer-color: #BEBEBE;
$shell-light-footer-font-size: 14px;
$shell-light-ancillary-width: 168px;
$shell-light-ancillary-background: #FFFFFF;
$shell-light-ancillary-paddingTop: 8px;
$shell-light-ancillary-paddingBottom: 8px;
$shell-light-ancillary-shadow: none;
$shell-light-ancillary-divider-size: 1px;
$shell-light-ancillary-divider-style: solid;
$shell-light-ancillary-divider-color: #E5E5E5;
$shell-light-tooldock-height: 52px;
$shell-light-tooldock-width: 52px;
$shell-light-tooldock-background: #bebebe;
$shell-light-tooldock-paddingTop: 8px;
$shell-light-tooldock-paddingBottom: 8px;
$shell-light-tooldock-shadow: none;
$shell-light-tooldock-divider-size: 1px;
$shell-light-tooldock-divider-style: solid;
$shell-light-tooldock-divider-color: #E5E5E5;
$shell-light-tooldock-item-paddingTop: 8px;
$shell-light-tooldock-item-color: #595959;
$shell-light-tooldock-item-color-hover: #252525;
$shell-light-tooldock-item-color-active: #252525;
$shell-light-tooldock-item-background: transparent;
$shell-light-tooldock-item-background-hover: #d9d9d9;
$shell-light-tooldock-item-background-active: #d9d9d9;
$shell-dark-header-color: #FFFFFF;
$shell-dark-header-height: 52px;
$shell-dark-header-background: #000000;
$shell-dark-header-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$shell-dark-header-divider-size: 1px;
$shell-dark-header-divider-style: solid;
$shell-dark-header-divider-color: #1F1F1F;
$shell-dark-multitask-min-height: 40px;
$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: #E5E5E5;
$shell-dark-multitask-paddingLeft: 0px;
$shell-dark-navigation-hoz-marginLeft: 48px;
$shell-dark-navigation-ver-width: 168px;
$shell-dark-navigation-ver-shadow: none;
$shell-dark-navigation-ver-paddingTop: 8px;
$shell-dark-navigation-ver-paddingBottom: 8px;
$shell-dark-navigation-ver-width-mini: 60px;
$shell-dark-navigation-ver-background: #252525;
$shell-dark-navigation-ver-divider-size: 1px;
$shell-dark-navigation-ver-divider-style: solid;
$shell-dark-navigation-ver-divider-color: #E5E5E5;
$shell-dark-local-navigation-width: 168px;
$shell-dark-local-navigation-background: #bebebe;
$shell-dark-local-navigation-paddingTop: 8px;
$shell-dark-local-navigation-paddingBottom: 8px;
$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: #E5E5E5;
$shell-dark-appbar-background: #FFFFFF;
$shell-dark-appbar-min-height: 48px;
$shell-dark-appbar-shadow: none;
$shell-dark-appbar-paddingLeft: 24px;
$shell-dark-appbar-divider-size: 1px;
$shell-dark-appbar-divider-style: solid;
$shell-dark-appbar-divider-color: #E5E5E5;
$shell-dark-content-background: #d9d9d9;
$shell-dark-content-paddingLeft: 20px;
$shell-dark-footer-min-height: 56px;
$shell-dark-footer-background: transparent;
$shell-dark-footer-color: #BEBEBE;
$shell-dark-footer-font-size: 14px;
$shell-dark-ancillary-width: 168px;
$shell-dark-ancillary-background: #FFFFFF;
$shell-dark-ancillary-paddingTop: 8px;
$shell-dark-ancillary-paddingBottom: 8px;
$shell-dark-ancillary-shadow: none;
$shell-dark-ancillary-divider-size: 1px;
$shell-dark-ancillary-divider-style: solid;
$shell-dark-ancillary-divider-color: #E5E5E5;
$shell-dark-tooldock-height: 52px;
$shell-dark-tooldock-width: 52px;
$shell-dark-tooldock-background: #bebebe;
$shell-dark-tooldock-paddingTop: 8px;
$shell-dark-tooldock-paddingBottom: 8px;
$shell-dark-tooldock-shadow: none;
$shell-dark-tooldock-divider-size: 1px;
$shell-dark-tooldock-divider-style: solid;
$shell-dark-tooldock-divider-color: #E5E5E5;
$shell-dark-tooldock-item-paddingTop: 8px;
$shell-dark-tooldock-item-color: #595959;
$shell-dark-tooldock-item-color-hover: #252525;
$shell-dark-tooldock-item-color-active: #252525;
$shell-dark-tooldock-item-background: transparent;
$shell-dark-tooldock-item-background-hover: #d9d9d9;
$shell-dark-tooldock-item-background-active: #d9d9d9;
$shell-brand-header-color: #FFFFFF;
$shell-brand-header-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$shell-brand-header-divider-size: 1px;
$shell-brand-header-divider-style: solid;
$shell-brand-header-divider-color: #E5E5E5;
$shell-brand-multitask-min-height: 40px;
$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: #E5E5E5;
$shell-brand-multitask-paddingLeft: 0px;
$shell-brand-navigation-hoz-marginLeft: 48px;
$shell-brand-navigation-ver-shadow: none;
$shell-brand-navigation-ver-paddingBottom: 8px;
$shell-brand-navigation-ver-width-mini: 60px;
$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: #E5E5E5;
$shell-brand-local-navigation-width: 168px;
$shell-brand-local-navigation-background: #bebebe;
$shell-brand-local-navigation-paddingTop: 8px;
$shell-brand-local-navigation-paddingBottom: 8px;
$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: #E5E5E5;
$shell-brand-appbar-background: #FFFFFF;
$shell-brand-appbar-min-height: 48px;
$shell-brand-appbar-shadow: none;
$shell-brand-appbar-paddingLeft: 24px;
$shell-brand-appbar-divider-size: 1px;
$shell-brand-appbar-divider-style: solid;
$shell-brand-appbar-divider-color: #E5E5E5;
$shell-brand-footer-min-height: 56px;
$shell-brand-footer-background: transparent;
$shell-brand-footer-color: #BEBEBE;
$shell-brand-footer-font-size: 14px;
$shell-brand-ancillary-width: 168px;
$shell-brand-ancillary-background: #FFFFFF;
$shell-brand-ancillary-paddingTop: 8px;
$shell-brand-ancillary-paddingBottom: 8px;
$shell-brand-ancillary-shadow: none;
$shell-brand-ancillary-divider-size: 1px;
$shell-brand-ancillary-divider-style: solid;
$shell-brand-ancillary-divider-color: #E5E5E5;
$shell-brand-tooldock-height: 52px;
$shell-brand-tooldock-width: 52px;
$shell-brand-tooldock-background: #bebebe;
$shell-brand-tooldock-paddingTop: 8px;
$shell-brand-tooldock-paddingBottom: 8px;
$shell-brand-tooldock-shadow: none;
$shell-brand-tooldock-divider-size: 1px;
$shell-brand-tooldock-divider-style: solid;
$shell-brand-tooldock-divider-color: #E5E5E5;
$shell-brand-tooldock-item-paddingTop: 8px;
$shell-brand-tooldock-item-color: #595959;
$shell-brand-tooldock-item-color-hover: #252525;
$shell-brand-tooldock-item-color-active: #252525;
$shell-brand-tooldock-item-background: transparent;
$shell-brand-tooldock-item-background-hover: #d9d9d9;
$shell-brand-tooldock-item-background-active: #d9d9d9;

// ------------------------ collapse ------------------------ //

$collapse-border-corner: 0;
$collapse-border-color: #E5E5E5;
$collapse-title-bg-color: #F3F3F3;
$collapse-title-hover-bg-color: #E5E5E5;
$collapse-title-font-size: 12px;
$collapse-icon-size: 16px;
$collapse-content-bg-color: #F3F3F3;
$collapse-content-padding-y: 16px;
$collapse-fold-icon-content: "";
$collapse-border-width: 0px;
$collapse-panel-border-color: #E5E5E5;
$collapse-title-height: 20px;
$collapse-title-font-color: #1a1a1a;
$collapse-title-hover-font-color: #1a1a1a;
$collapse-title-padding-tb: 8px;
$collapse-icon-color: #737373;
$collapse-icon-hover-color: #737373;
$collapse-icon-margin-r: 8px;
$collapse-icon-margin-l: 12px;
$collapse-content-padding-x: 16px;
$collapse-content-color: #595959;
$collapse-title-disabled-bg-color: #E5E5E5;
$collapse-disabled-border-color: #E5E5E5;
$collapse-title-border-width: 1px;
$collapse-title-font-disabled-color: #BEBEBE;
$collapse-title-font-weight: normal;
$collapse-title-hover-font-weight: normal;
$collapse-content-font-size: 12px;
$collapse-unfold-icon-content: $icon-reset;

// ------------------------ pagination ------------------------ //

$pagination-item-split: 1px;
$pagination-item-corner: 0;
$pagination-ellipsis-size: 16px;
$pagination-ellipsis-margin: 1px;
$pagination-input-width: 48px;
$pagination-input-margin: 7px;
$pagination-size-selector-title-margin-right: 1px;
$pagination-large-item-split: 1px;
$pagination-large-item-corner: 0;
$pagination-large-current-font-size: 16px;
$pagination-large-total-font-size: 16px;
$pagination-large-jump-font-size: 16px;
$pagination-small-item-split: 1px;
$pagination-small-item-corner: 0;
$pagination-small-current-font-size: 12px;
$pagination-small-total-font-size: 12px;
$pagination-small-jump-font-size: 12px;
$pagination-small-size-selector-number-padding: 1px;
$pagination-jump-color: #595959;
$pagination-item-border-color: transparent;
$pagination-item-color: #595959;
$pagination-item-bg: #F3F3F3;
$pagination-item-current-border-color: transparent;
$pagination-item-current-color: #128566;
$pagination-item-current-bg: #F3F3F3;
$pagination-arrow-color: #737373;
$pagination-icon-prev-content: "";
$pagination-icon-next-content: "";
$pagination-item-current-hover-color: #128566;
$pagination-item-current-hover-bg: #e5e5e5;
$pagination-arrow-hover-color: #595959;
$pagination-item-padding: 10px;
$pagination-item-border-style: solid;
$pagination-item-border-width: 1px;
$pagination-current-font-size: 12px;
$pagination-total-font-size: 12px;
$pagination-jump-font-size: 12px;
$pagination-size-selector-number-padding: 12px;
$pagination-large-item-padding: 15px;
$pagination-large-item-border-width: 1px;
$pagination-large-ellipsis-size: 16px;
$pagination-large-input-width: 48px;
$pagination-large-size-selector-number-padding: 16px;
$pagination-small-item-padding: 6px;
$pagination-small-item-border-width: 1px;
$pagination-small-ellipsis-size: 12px;
$pagination-small-input-width: 28px;
$pagination-ellipsis-color: #A6A6A6;
$pagination-current-color: #128566;
$pagination-total-color: #252525;
$pagination-size-selector-title-color: #A6A6A6;
$pagination-size-selector-filter-color: #595959;
$pagination-size-selector-filter-current-color: #128566;
$pagination-item-shadow: none;
$pagination-item-current-shadow: none;
$pagination-item-hover-border-color: #ffb9b9;
$pagination-item-hover-shadow: none;
$pagination-item-hover-color: #252525;
$pagination-item-hover-bg: #e5e5e5;
$pagination-icon-ellipsis-content: "";
$pagination-item-current-hover-border-color: transparent;
$pagination-item-current-hover-shadow: none;
$pagination-arrow-hover-color-noboder: #128566;

// ------------------------ transfer ------------------------ //

$transfer-panel-footer-padding-top-bottom: 12px;
$transfer-operation-margin-left-right: 24px;
$transfer-operation-margin-gutter: 16px;
$transfer-panel-header-padding-top-bottom: 12px;
$transfer-panel-header-padding-left-right: 16px;
$transfer-panel-header-text-size: 14px;
$transfer-panel-list-width: 200px;
$transfer-panel-list-height: 168px;
$transfer-panel-footer-padding-left-right: 16px;
$transfer-panel-border-corner: 4px;
$transfer-panel-header-text-color: #1a1a1a;
$transfer-panel-footer-text-color: #1a1a1a;
$transfer-operation-icon-size: 12px;
$transfer-panel-border-width: 1px;
$transfer-panel-search-margin-top: 8px;
$transfer-panel-search-margin-left-right: 4px;
$transfer-panel-search-margin-bottom: 0px;
$transfer-simple-move-icon: "";
$transfer-simple-move-icon-color: #8c8c8c;
$transfer-panel-border-color: #d9d9d9;
$transfer-panel-background-color: #FFFFFF;
$transfer-panel-header-background-color: #F3F3F3;
$transfer-panel-search-icon-color: #A6A6A6;
$transfer-panel-footer-background-color: #FFFFFF;
$transfer-simple-panel-footer-text-color: #128566;
$transfer-simple-panel-item-hover-text-color: #128566;
$transfer-panel-footer-shadow: none;

// ------------------------ radio ------------------------ //

$radio-circle-size: 8px;
$radio-font-margin-left: 8px;
$radio-hovered-bg-color: #FFFFFF;
$radio-checked-bg-color: #FFFFFF;
$radio-disabled-bg-color: transparent;
$radio-checked-hovered-bg-color: #FFFFFF;
$radio-checked-disabled-bg-color: #d9d9d9;
$radio-border-color: #8c8c8c;
$radio-disabled-border-color: #d9d9d9;
$radio-checked-disabled-border-color: #d9d9d9;
$radio-checked-hovered-border-color: #128566;
$radio-checked-circle-color: #128566;
$radio-checked-hovered-circle-color: #128566;
$radio-checked-disabled-circle-color: #BEBEBE;
$radio-normal-font-color-disabled: #BEBEBE;
$radio-button-padding-large: 16px;
$radio-button-corner-large: 4px;
$radio-button-corner-medium: 4px;
$radio-button-corner-small: 4px;
$radio-button-font-size-small: 12px;
$radio-button-bg-color: #F3F3F3;
$radio-button-bg-color-checked: #FFFFFF;
$radio-button-bg-color-checked-disabled: #FFFFFF;
$radio-button-border-color: #F3F3F3;
$radio-button-border-color-disabled: #F3F3F3;
$radio-button-font-color: #595959;
$radio-button-font-color-hovered: #595959;
$radio-button-height-large: 40px;
$radio-button-height-medium: 36px;
$radio-button-height-small: 28px;
$radio-button-padding-medium: 16px;
$radio-button-padding-small: 12px;
$radio-button-font-size-large: 14px;
$radio-button-bg-color-hovered: #e5e5e5;
$radio-button-border-color-hovered: #e5e5e5;
$radio-button-border-color-checked-disabled: #BEBEBE;
$radio-width: 16px;
$radio-circle-border-width: 1px;
$radio-font-size: 12px;
$radio-shadow: none;
$radio-radius-size: 50%;
$radio-bg-color: #FFFFFF;
$radio-hovered-border-color: #128566;
$radio-checked-border-color: #128566;
$radio-disabled-circle-color: #BEBEBE;
$radio-normal-font-color: #252525;
$radio-button-font-size-medium: 12px;
$radio-button-bg-color-disabled: #F3F3F3;
$radio-button-border-color-checked: #128566;
$radio-button-font-color-checked: #128566;
$radio-button-font-color-disabled: #BEBEBE;
$radio-button-font-color-checked-disabled: #BEBEBE;

// ------------------------ time-picker ------------------------ //

$time-picker-panel-width: 200px;
$time-picker-panel-background: #f9f9f9;
$time-picker-menu-item-font-size: 14px;
$time-picker-menu-title-height: 32px;
$time-picker-menu-item-height: 36px;
$time-picker-menu-border-color: #E5E5E5;
$time-picker-menu-title-background: #f9f9f9;
$time-picker-menu-item-background: #f9f9f9;
$time-picker-menu-item-background-hover: #e5e5e5;
$time-picker-menu-item-background-selected: #ddfaf2;
$time-picker-menu-item-background-disabled: #f9f9f9;
$time-picker-menu-item-font-weight-selected: normal;
$time-picker-menu-item-color: #1a1a1a;
$time-picker-menu-item-color-hover: #1a1a1a;
$time-picker-menu-item-color-selected: #1a1a1a;
$time-picker-menu-border-width: 1px;
$time-picker-menu-title-font-size: 10px;
$time-picker-menu-title-color: #A6A6A6;
$time-pikcer-menu-title-font-weight: normal;
$time-picker-menu-item-color-disabled: #BEBEBE;
$time-picker-clock-icon: "";

// ------------------------ step ------------------------ //

$step-arrow-item-title-weight: normal;
$step-circle-item-node-icon-size: 16px;
$step-circle-item-node-font-size: 14px;
$step-circle-item-content-font-size: 12px;
$step-circle-item-body-width: 96px;
$step-circle-item-title-size: 16px;
$step-circle-item-title-weight: normal;
$step-circle-item-node-process-size: 24px;
$step-circle-item-tail-wait-color: #8c8c8c;
$step-circle-item-title-wait-color: #A6A6A6;
$step-circle-item-title-process-color: #1a1a1a;
$step-circle-item-title-finish-color: #A6A6A6;
$step-circle-item-node-wait-border-color: #A6A6A6;
$step-circle-item-node-wait-color: #A6A6A6;
$step-dot-item-dot-padding: 8px;
$step-dot-item-dot-icon-size: 16px;
$step-dot-item-content-margin-top: 0px;
$step-dot-item-title-size: 16px;
$step-dot-item-title-weight: 500;
$step-dot-item-title-margin-top: 4px;
$step-dot-item-dot-process-size: 12px;
$step-dot-item-tail-finish-color: #E5E5E5;
$step-dot-item-title-wait-color: #A6A6A6;
$step-dot-item-title-finish-color: #A6A6A6;
$step-dot-item-node-wait-border-color: #A6A6A6;
$step-dot-item-node-finish-border-color: #d9d9d9;
$step-dot-vertical-item-content-margin-top: 4px;
$step-dot-item-content-font-size: 12px;
$step-arrow-item-wait-background: #F3F3F3;
$step-arrow-item-height: 32px;
$step-arrow-item-title-size: 14px;
$step-arrow-item-title-wait-color: #A6A6A6;
$step-arrow-item-process-background: #128566;
$step-arrow-item-title-process-color: #FFFFFF;
$step-arrow-item-finish-background: #ddfaf2;
$step-arrow-item-title-finish-color: #128566;
$step-arrow-item-disabled-background: #F3F3F3;
$step-arrow-item-title-disabled-color: #BEBEBE;
$step-circle-item-node-padding: 8px;
$step-circle-item-node-border-width: 1px;
$step-circle-item-node-corner: 50%;
$step-circle-item-tail-size: 1px;
$step-circle-item-title-margin-top: 8px;
$step-circle-item-content-margin-top: 4px;
$step-circle-item-node-wait-size: 32px;
$step-circle-item-node-finish-size: 32px;
$step-circle-item-node-disabled-size: 32px;
$step-circle-item-tail-process-color: #8c8c8c;
$step-circle-item-tail-finish-color: #128566;
$step-circle-item-tail-disabled-color: #E5E5E5;
$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-disabled-color: #BEBEBE;
$step-circle-item-node-wait-background: #FFFFFF;
$step-circle-item-node-process-border-color: #128566;
$step-circle-item-node-process-background: #128566;
$step-circle-item-node-process-color: #FFFFFF;
$step-circle-item-node-process-percent-color: #128566;
$step-circle-item-node-process-percent-size: 12px;
$step-circle-item-node-finish-border-color: #128566;
$step-circle-item-node-finish-background: #FFFFFF;
$step-circle-item-node-finish-color: #128566;
$step-circle-item-node-disabled-border-color: #E5E5E5;
$step-circle-item-node-disabled-background: #FFFFFF;
$step-circle-item-node-disabled-color: #BEBEBE;
$step-circle-vertical-item-node-padding: 8px;
$step-circle-vertical-item-body-margin-left: 16px;
$step-circle-vertical-item-title-margin-top: 8px;
$step-circle-vertical-item-content-margin-top: 4px;
$step-circle-item-content-color: #595959;
$step-circle-item-tail-bg-color: #E5E5E5;
$step-circle-vertical-item-tail-size: 1px;
$step-dot-item-dot-border-width: 1px;
$step-dot-item-body-width: 100px;
$step-dot-item-dot-corner: 50%;
$step-dot-item-tail-size: 1px;
$step-dot-item-dot-wait-size: 12px;
$step-dot-item-dot-finish-size: 12px;
$step-dot-item-dot-disabled-size: 12px;
$step-dot-item-tail-wait-color: #8c8c8c;
$step-dot-item-tail-process-color: #8c8c8c;
$step-dot-item-tail-disabled-color: #E5E5E5;
$step-dot-item-title-process-color: #252525;
$step-dot-item-title-disabled-color: #BEBEBE;
$step-dot-item-node-wait-background: #FFFFFF;
$step-dot-item-node-wait-color: #A6A6A6;
$step-dot-item-node-process-border-color: #128566;
$step-dot-item-node-process-background: #128566;
$step-dot-item-node-process-color: #128566;
$step-dot-item-node-finish-background: #FFFFFF;
$step-dot-item-node-finish-color: #128566;
$step-dot-item-node-disabled-border-color: #d9d9d9;
$step-dot-item-node-disabled-background: #FFFFFF;
$step-dot-item-node-disabled-color: #E5E5E5;
$step-dot-vertical-item-node-padding: 8px;
$step-dot-vertical-item-body-margin-left: 16px;
$step-dot-vertical-item-title-margin-top: 0px;
$step-dot-item-content-color: #595959;
$step-dot-item-tail-bg-color: #E5E5E5;
$step-dot-vertical-item-tail-size: 1px;

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

$menu-padding-ver-padding-lr: 0px;
$menu-padding-ver-padding-tb: 10px;
$menu-padding-hoz-padding-tb: 8px;
$menu-item-padding-ver-padding-r: 16px;
$menu-item-padding-hoz-padding-lr: 16px;
$menu-line-height: 36px;
$menu-icon-selected-size: 16px;
$menu-icon-selected-right: 0px;
$menu-icon-size: 16px;
$menu-hoz-icon-size: 16px;
$menu-icon-margin: 8px;
$menu-background: #FFFFFF;
$menu-color-selected: #128566;
$menu-background-hover: #F3F3F3;
$menu-color-hover: #252525;
$menu-fold-icon-content: "";
$menu-popupfold-icon-content: "";
$menu-padding-horizontal: 16px;
$menu-padding-vertical: 8px;
$menu-item-padding-ver-padding-l: 16px;
$menu-background-selected: #FFFFFF;
$menu-padding-title-horizontal: 16px;
$menu-padding-hoz-padding-lr: 0px;
$menu-font-size: 12px;
$menu-submenu-title-size: 12px;
$menu-divider-width: 1px;
$menu-divider-margin-ver: 8px;
$menu-divider-margin-hoz: 12px;
$menu-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
$menu-color: #252525;
$menu-divider-style: solid;
$menu-divider-color: #E5E5E5;
$menu-arrow-color: #595959;
$menu-icon-selected-color: #128566;
$menu-arrow-color-hover: #252525;
$menu-icon-selected-hover-color: #128566;
$menu-color-disabled: #BEBEBE;
$menu-select-icon-content: "";
$menu-unfold-icon-content: $icon-reset;

// ------------------------ nav ------------------------ //

$nav-hoz-height: 48px;
$nav-hoz-item-margin-tb: 0px;
$nav-hoz-item-margin-lr: 0px;
$nav-hoz-item-padding-lr: 16px;
$nav-hoz-item-corner: 0;
$nav-hoz-item-selected-active-line: 4px;
$nav-ver-item-padding-lr: 32px;
$nav-ver-item-selected-active-line: 0px;
$nav-ver-sub-nav-font-size: 12px;
$nav-group-height: 32px;
$nav-group-font-size: 14px;
$nav-icon-self-size: 16px;
$nav-icon-self-margin: 12px;
$nav-primary-border-color: #404040;
$nav-primary-item-hover-active-color: #FFFFFF;
$nav-primary-item-selected-active-color: #FFFFFF;
$nav-primary-sub-nav-selected-bg-color: #404040;
$nav-secondary-border-color: #FFFFFF;
$nav-secondary-item-hover-bg-color: #17a370;
$nav-secondary-item-hover-active-color: #FFFFFF;
$nav-secondary-sub-nav-hover-bg-color: #17a370;
$nav-secondary-item-selected-active-color: #FFFFFF;
$nav-secondary-sub-nav-selected-bg-color: #128566;
$nav-normal-border-color: #FFFFFF;
$nav-normal-item-hover-bg-color: #F3F3F3;
$nav-normal-sub-nav-hover-bg-color: #F3F3F3;
$nav-normal-sub-nav-hover-text-color: #595959;
$nav-normal-item-selected-text-color: #128566;
$nav-hoz-font-size: 14px;
$nav-ver-height: 36px;
$nav-ver-sub-nav-height: 36px;
$nav-primary-bg-color: #252525;
$nav-primary-text-color: #BEBEBE;
$nav-primary-sub-nav-bg-color: #1a1a1a;
$nav-primary-sub-nav-text-color: #BEBEBE;
$nav-primary-item-hover-bg-color: #333333;
$nav-primary-item-hover-text-style: normal;
$nav-primary-sub-nav-hover-bg-color: #333333;
$nav-primary-item-selected-bg-color: transparent;
$nav-primary-item-selected-text-style: normal;
$nav-primary-item-childselected-text-style: normal;
$nav-primary-item-opened-bg-color: #333333;
$nav-secondary-item-hover-text-style: normal;
$nav-secondary-item-selected-bg-color: transparent;
$nav-secondary-item-selected-text-style: normal;
$nav-secondary-item-childselected-text-style: normal;
$nav-secondary-item-opened-bg-color: #17a370;
$nav-normal-text-color: #1a1a1a;
$nav-normal-sub-nav-bg-color: #f9f9f9;
$nav-normal-sub-nav-text-color: #595959;
$nav-normal-item-hover-text-color: #1a1a1a;
$nav-normal-item-hover-text-style: normal;
$nav-normal-item-selected-bg-color: transparent;
$nav-normal-item-selected-text-style: normal;
$nav-normal-item-opened-bg-color: #F3F3F3;
$nav-normal-item-opened-text-color: #128566;
$nav-line-item-selected-text-style: normal;
$nav-hoz-item-hover-active-line: 0px;
$nav-ver-font-size: 12px;
$nav-ver-item-margin-tb: 0px;
$nav-ver-item-margin-lr: 0px;
$nav-ver-item-corner: 0;
$nav-ver-item-hover-active-line: 0px;
$nav-icon-only-font-size: 16px;
$nav-primary-border-width: 0px;
$nav-primary-text-style: normal;
$nav-primary-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$nav-primary-sub-nav-text-style: normal;
$nav-primary-group-text-color: #A6A6A6;
$nav-primary-group-text-style: normal;
$nav-primary-item-hover-text-color: #FFFFFF;
$nav-primary-sub-nav-hover-text-color: #FFFFFF;
$nav-primary-item-selected-text-color: #FFFFFF;
$nav-primary-item-childselected-bg-color: transparent;
$nav-primary-item-childselected-text-color: #FFFFFF;
$nav-primary-sub-nav-selected-text-color: #FFFFFF;
$nav-primary-sub-nav-active-color: #128566;
$nav-primary-item-opened-text-color: #FFFFFF;
$nav-secondary-bg-color: #128566;
$nav-secondary-border-width: 0px;
$nav-secondary-text-color: #FFFFFF;
$nav-secondary-text-style: normal;
$nav-secondary-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$nav-secondary-sub-nav-bg-color: #128566;
$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-text-color: #FFFFFF;
$nav-secondary-sub-nav-hover-text-color: #FFFFFF;
$nav-secondary-item-selected-text-color: #FFFFFF;
$nav-secondary-item-childselected-bg-color: transparent;
$nav-secondary-item-childselected-text-color: #FFFFFF;
$nav-secondary-sub-nav-selected-text-color: #FFFFFF;
$nav-secondary-sub-nav-active-color: #128566;
$nav-secondary-item-opened-text-color: #FFFFFF;
$nav-normal-bg-color: #FFFFFF;
$nav-normal-text-style: normal;
$nav-normal-border-line: 1px;
$nav-normal-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
$nav-normal-sub-nav-text-style: normal;
$nav-normal-group-text-color: #A6A6A6;
$nav-normal-group-text-style: normal;
$nav-normal-item-hover-active-color: #128566;
$nav-normal-item-childselected-bg-color: transparent;
$nav-normal-item-childselected-text-color: #128566;
$nav-normal-item-childselected-text-style: normal;
$nav-normal-item-selected-active-color: #128566;
$nav-normal-sub-nav-selected-bg-color: #e5e5e5;
$nav-normal-sub-nav-selected-text-color: #128566;
$nav-normal-sub-nav-active-color: #128566;
$nav-line-bg-color: transparent;
$nav-line-border-color: #d9d9d9;
$nav-line-text-color: #252525;
$nav-line-text-style: normal;
$nav-line-border-line: 1px;
$nav-line-sub-nav-bg-color: transparent;
$nav-line-sub-nav-text-color: #252525;
$nav-line-sub-nav-text-style: normal;
$nav-line-item-hover-bg-color: transparent;
$nav-line-item-hover-text-color: #128566;
$nav-line-item-hover-text-style: normal;
$nav-line-item-hover-active-color: #128566;
$nav-line-sub-nav-hover-bg-color: transparent;
$nav-line-sub-nav-hover-text-color: #128566;
$nav-line-item-selected-bg-color: transparent;
$nav-line-item-selected-text-color: #128566;
$nav-line-item-childselected-bg-color: transparent;
$nav-line-item-childselected-text-color: #128566;
$nav-line-item-childselected-text-style: normal;
$nav-line-item-selected-active-color: #128566;
$nav-line-sub-nav-selected-bg-color: transparent;
$nav-line-sub-nav-selected-text-color: #128566;
$nav-line-sub-nav-active-color: #128566;
$nav-line-item-opened-bg-color: transparent;
$nav-line-item-opened-text-color: #128566;
$nav-line-group-text-color: #A6A6A6;
$nav-line-group-text-style: normal;

// ------------------------ list ------------------------ //

$list-size-s-title-font-size: 14px;
$list-size-s-title-font-weight: bold;
$list-size-s-item-padding-lr: 16px;
$list-size-s-item-padding-tb: 16px;
$list-size-s-item-media-margin: 16px;
$list-size-s-item-content-line-height: 1.5;
$list-size-s-item-title-font-size: 12px;
$list-size-m-item-padding-lr: 16px;
$list-size-m-item-media-margin: 24px;
$list-size-m-item-content-font-size: 12px;
$list-size-m-item-content-line-height: 1.5;
$list-size-m-item-title-font-size: 14px;
$list-size-m-item-title-line-height: 1.5;
$list-content-color: #595959;
$list-extra-color: #A6A6A6;
$list-size-s-item-content-font-size: 12px;
$list-size-s-item-title-font-weight: normal;
$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-tb: 16px;
$list-size-m-item-title-font-weight: normal;
$list-divider-color: #d9d9d9;
$list-title-color: #252525;

// ------------------------ tab ------------------------ //

$tab-nav-tab-icon-size-m: 16px;
$tab-nav-tab-icon-size-s: 16px;
$tab-nav-arrow-left-positon-right: 22px;
$tab-nav-arrow-right-positon-right: 6px;
$tab-item-padding-lr-size-m: 16px;
$tab-pure-text-color-disabled: #BEBEBE;
$tab-pure-divider-border-color: transparent;
$tab-wrapped-border-line-width: 1px;
$tab-wrapped-tab-corner-radius: 4px;
$tab-wrapped-tab-margin-right: 1px;
$tab-wrapped-ink-bar-color: transparent;
$tab-wrapped-bg-color: #F3F3F3;
$tab-capsule-text-color: #595959;
$tab-capsule-text-color-hover: #595959;
$tab-capsule-text-color-selected: #128566;
$tab-capsule-bg-color: #F3F3F3;
$tab-capsule-bg-color-hover: #FFFFFF;
$tab-capsule-bg-color-selected: #FFFFFF;
$tab-capsule-tab-border-line-color: transparent;
$tab-capsule-tab-border-line-color-hover: #128566;
$tab-capsule-corner-radius: 4px;
$tab-text-item-sep-height: 12px;
$tab-nav-scroll-padding-right-m: 44px;
$tab-nav-scroll-padding-right-s: 44px;
$tab-nav-close-icon-size-m: 16px;
$tab-nav-close-icon-size-s: 16px;
$tab-item-padding-tb-size-s: 6px;
$tab-item-padding-lr-size-s: 12px;
$tab-item-text-size-m: 14px;
$tab-item-text-size-s: 12px;
$tab-close-icon-color: #404040;
$tab-close-icon-color-disabled: #BEBEBE;
$tab-nav-arrow-color-normal: #BEBEBE;
$tab-nav-arrow-color-hover: #252525;
$tab-pure-divider-line-width: 2px;
$tab-wrapped-border-line-color: #F3F3F3;
$tab-wrapped-text-color: #404040;
$tab-wrapped-text-color-hover: #252525;
$tab-wrapped-bg-color-hover: #e5e5e5;
$tab-wrapped-border-line-color-hover: #E5E5E5;
$tab-wrapped-bg-color-disabled: transparent;
$tab-wrapped-bg-color-selected: transparent;
$tab-item-padding-tb-size-m: 9px;
$tab-pure-text-color-hover: #252525;
$tab-wrapped-tab-margin-bottom: 1px;
$tab-nav-arrow-down-positon-right: 22px;
$tab-pure-ink-bar-width: 1px;
$tab-wrapped-ink-bar-width: 1px;
$tab-nav-close-icon-padding-l-size-m: 8px;
$tab-nav-close-icon-padding-l-size-s: 8px;
$tab-close-icon-color-hover: #252525;
$tab-close-icon-color-selected: #128566;
$tab-item-font-weight-selected: normal;
$tab-nav-arrow-color-disabled: #d9d9d9;
$tab-pure-text-color-normal: #595959;
$tab-pure-bg-color: transparent;
$tab-pure-text-color-selected: #128566;
$tab-pure-ink-bar-color: #128566;
$tab-pure-divider-shadow: none;
$tab-wrapped-border-line-style: solid;
$tab-wrapped-border-side-width: 1px;
$tab-wrapped-bar-bg-color: transparent;
$tab-wrapped-nav-item-border-color-active: #128566;
$tab-wrapped-content-border-line-width: 1px;
$tab-wrapped-content-border-line-style: solid;
$tab-wrapped-content-border-line-color: #d9d9d9;
$tab-wrapped-text-color-selected: #128566;
$tab-wrapped-text-color-disabled: #BEBEBE;
$tab-capsule-text-color-disabled: #BEBEBE;
$tab-capsule-bg-color-disabled: #F3F3F3;
$tab-capsule-tab-border-line-color-active: #128566;
$tab-capsule-tab-border-line-color-disabled: #E5E5E5;
$tab-capsule-tab-border-line-width: 1px;
$tab-capsule-tab-border-line-style: solid;
$tab-text-item-sep-width: 1px;
$tab-text-item-sep-color: #d9d9d9;
$tab-text-text-color-normal: #595959;
$tab-text-text-color-hover: #252525;
$tab-text-text-color-selected: #128566;
$tab-text-text-color-disabled: #BEBEBE;
$tab-icon-dropdown-content: "";
$tab-icon-prev-content: "";
$tab-icon-next-content: "";

// ------------------------ calendar ------------------------ //

$calendar-fullscreen-header-margin-bottom: 8px;
$calendar-fullscreen-table-head-font-size: 12px;
$calendar-fullscreen-table-cell-boder-top-width: 2px;
$calendar-fullscreen-table-cell-hover-background: #ddfaf2;
$calendar-card-header-margin-bottom: 8px;
$calendar-card-table-head-font-size: 12px;
$calendar-card-table-cell-font-size: 12px;
$calendar-card-table-cell-date-border-radius: 4px;
$calendar-card-table-cell-date-width: 36px;
$calendar-card-table-cell-date-height: 36px;
$calendar-card-table-cell-month-border-radius: 4px;
$calendar-card-table-cell-month-width: 84px;
$calendar-card-table-cell-month-height: 36px;
$calendar-card-table-cell-year-border-radius: 4px;
$calendar-card-table-cell-year-width: 84px;
$calendar-card-table-cell-year-height: 36px;
$calendar-card-table-cell-normal-background: #f9f9f9;
$calendar-card-table-cell-normal-color: #1a1a1a;
$calendar-card-table-cell-normal-border-color: #f9f9f9;
$calendar-card-table-cell-hover-background: #e5e5e5;
$calendar-card-table-cell-hover-color: #1a1a1a;
$calendar-card-table-cell-hover-border-color: #e5e5e5;
$calendar-card-table-cell-select-font-weight: normal;
$calendar-card-table-cell-other-background: #f9f9f9;
$calendar-card-table-cell-other-border-color: #f9f9f9;
$calendar-card-table-cell-current-font-weight: normal;
$calendar-card-table-cell-inrange-color: #1a1a1a;
$calendar-panel-header-margin-bottom: 14px;
$calendar-panel-header-background: #f9f9f9;
$calendar-panel-header-border-bottom-color: #f9f9f9;
$calendar-btn-date-margin-lr: 0px;
$calendar-btn-arrow-size: 16px;
$calendar-btn-date-color: #252525;
$calendar-btn-date-color-hover: #252525;
$calendar-panel-header-height: 48px;
$calendar-card-table-cell-other-color: #A6A6A6;
$calendar-card-table-cell-disabled-background: transparent;
$calendar-card-table-cell-disabled-border-color: transparent;
$calendar-card-table-cell-current-background: transparent;
$calendar-btn-arrow-color: #737373;
$calendar-btn-arrow-color-hover: #737373;
$calendar-fullscreen-table-head-font-weight: bold;
$calendar-fullscreen-table-head-padding-r: 12px;
$calendar-fullscreen-table-head-padding-b: 4px;
$calendar-fullscreen-table-cell-font-size: 14px;
$calendar-fullscreen-table-cell-margin-tb: 0px;
$calendar-fullscreen-table-cell-margin-lr: 4px;
$calendar-fullscreen-table-cell-padding-tb: 4px;
$calendar-fullscreen-table-cell-padding-lr: 8px;
$calendar-fullscreen-table-cell-min-height: 80px;
$calendar-fullscreen-table-head-color: #252525;
$calendar-fullscreen-table-cell-normal-background: #FFFFFF;
$calendar-fullscreen-table-cell-normal-color: #252525;
$calendar-fullscreen-table-cell-normal-border-color: #d9d9d9;
$calendar-fullscreen-table-cell-hover-color: #128566;
$calendar-fullscreen-table-cell-hover-border-color: #128566;
$calendar-fullscreen-table-cell-select-background: #ddfaf2;
$calendar-fullscreen-table-cell-select-color: #128566;
$calendar-fullscreen-table-cell-select-border-color: #128566;
$calendar-fullscreen-table-cell-select-font-weight: bold;
$calendar-fullscreen-table-cell-current-background: #FFFFFF;
$calendar-fullscreen-table-cell-current-color: #128566;
$calendar-fullscreen-table-cell-current-border-color: #128566;
$calendar-fullscreen-table-cell-current-font-weight: bold;
$calendar-fullscreen-table-cell-other-background: transparent;
$calendar-fullscreen-table-cell-other-color: #BEBEBE;
$calendar-fullscreen-table-cell-other-border-color: transparent;
$calendar-fullscreen-table-cell-disabled-background: #F3F3F3;
$calendar-fullscreen-table-cell-disabled-color: #BEBEBE;
$calendar-fullscreen-table-cell-disabled-border-color: #E5E5E5;
$calendar-card-table-head-font-weight: normal;
$calendar-card-table-head-color: #A6A6A6;
$calendar-card-table-cell-corner: 0;
$calendar-card-table-cell-select-background: #128566;
$calendar-card-table-cell-select-color: #FFFFFF;
$calendar-card-table-cell-select-border-color: #128566;
$calendar-card-table-cell-disabled-color: #BEBEBE;
$calendar-card-table-cell-current-color: #128566;
$calendar-card-table-cell-current-border-color: transparent;
$calendar-card-table-cell-inrange-background: #ddfaf2;
$calendar-card-table-cell-inrange-border-color: #ddfaf2;
$calendar-panel-header-border-bottom-width: 1px;
$calendar-btn-date-font-weight: bold;
$calendar-btn-arrow-single-offset-lr: 28px;
$calendar-btn-arrow-double-offset-lr: 8px;
$calendar-btn-arrow-content-prev: "";
$calendar-btn-arrow-content-next: "";
$calendar-btn-arrow-content-prev-super: "";
$calendar-btn-arrow-content-next-super: "";

// ------------------------ breadcrumb ------------------------ //

$breadcrumb-size-m-font-size: 12px;
$breadcrumb-size-ellipsis-font-size: 12px;
$breadcrumb-size-m-icon-size: 16px;
$breadcrumb-size-m-icon-margin: 0px;
$breadcrumb-text-current-color: #BEBEBE;
$breadcrumb-icon-color: #595959;
$breadcrumb-icon-sep-content: "";
$breadcrumb-text-color: #595959;
$breadcrumb-text-current-weight: normal;
$breadcrumb-text-ellipsis-color: #595959;
$breadcrumb-text-keyword-color: #128566;
$breadcrumb-text-color-hover: #128566;
$breadcrumb-text-current-color-hover: #128566;
$breadcrumb-text-keyword-color-hover: #128566;

// ------------------------ date-picker ------------------------ //

$date-picker-panel-background: #f9f9f9;
$date-picker-calendar-icon: "";
$date-picker-panel-footer-padding-lr: 20px;
$date-picker-panel-footer-padding-tb: 8px;
$date-picker-panel-time-panel-separator-color: #d9d9d9;

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

$timeline-item-title-font-size: 14px;
$timeline-item-title-font-weight: normal;
$timeline-item-body-font-size: 12px;
$timeline-item-folder-font-size: 12px;
$timeline-item-title-color: #595959;
$timeline-item-body-color: #A6A6A6;
$timeline-item-done-background: #737373;
$timeline-item-error-background: #C82727;
$timeline-item-node-size: 16px;
$timeline-item-custom-node-size: 40px;
$timeline-item-custom-node-font-size: 10px;
$timeline-item-node-padding: 4px;
$timeline-item-dot-size: 8px;
$timeline-item-icon-size: 12px;
$timeline-item-tail-size: 1px;
$timeline-item-left-content-width: 80px;
$timeline-item-content-margin-left: 12px;
$timeline-item-body-margin-top: 8px;
$timeline-item-title-margin-top: 4px;
$timeline-item-time-margin-top: 4px;
$timeline-item-time-margin-bottom: 12px;
$timeline-item-left-body-font-size: 10px;
$timeline-item-time-font-size: 10px;
$timeline-item-folder-margin-top: 4px;
$timeline-item-folder-margin-bottom: 4px;
$timeline-item-left-body-color: #A6A6A6;
$timeline-item-time-color: #A6A6A6;
$timeline-item-tail-color: #d9d9d9;
$timeline-item-done-dot-size: 8px;
$timeline-item-done-color: #FFFFFF;
$timeline-item-process-dot-size: 8px;
$timeline-item-process-background: #128566;
$timeline-item-process-color: #FFFFFF;
$timeline-item-success-dot-size: 8px;
$timeline-item-success-background: #219644;
$timeline-item-success-color: #FFFFFF;
$timeline-item-error-dot-size: 8px;
$timeline-item-error-color: #FFFFFF;

// ------------------------ slider ------------------------ //

$slick-dots-position-bottom: 16px;
$slick-dots-margin-lr: 8px;
$slick-arrow-width-m: 20px;
$slick-arrow-height-m: 20px;
$slick-dots-background-color-hover: #FFFFFF;
$slick-dots-background-color-selected: #FFFFFF;
$slick-dots-background-opacity-normal: 0.3;
$slick-dots-background-opacity-hover: 0.8;
$slick-arrow-icon-color-normal-outer: #737373;
$slick-arrow-icon-color-hover-outer: #737373;
$slick-arrow-icon-color-disabled: #FFFFFF;
$slick-arrow-icon-color-disabled-outer: #bebebe;
$slick-arrow-bg-color-normal: transparent;
$slick-arrow-bg-color-hover: transparent;
$slick-arrow-bg-color-disabled: transparent;
$slick-arrow-bg-opacity-normal: 0.8;
$slick-arrow-bg-opacity-hover: 0.8;
$slick-arrow-bg-opacity-disabled: 0.3;
$slick-arrow-bg-opacity-normal-outer: 1;
$slick-arrow-bg-opacity-hover-outer: 1;
$slick-arrow-bg-opacity-disabled-outer: 0.99;
$slick-ver-arrow-width-m: 20px;
$slick-ver-arrow-height-m: 20px;
$slick-arrow-width-l: 32px;
$slick-arrow-height-l: 32px;
$slick-arrow-icon-l: 32px;
$slick-arrow-position-lr-m: 24px;
$slick-arrow-position-lr-l: 24px;
$slick-ver-arrow-position-tb-m: 24px;
$slick-ver-arrow-position-tb-l: 24px;
$slick-track-padding-lr: 24px;
$slick-ver-arrow-width-l: 32px;
$slick-ver-arrow-height-l: 32px;
$slick-dots-position-right: 20px;
$slick-dots-width: 8px;
$slick-dots-height: 8px;
$slick-dots-margin-tb: 0px;
$slick-arrow-icon-m: 20px;
$slick-ver-track-padding-tb: 24px;
$slick-dots-background-color-normal: #000000;
$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-hover: #FFFFFF;
$slick-arrow-bg-color-normal-outer: transparent;
$slick-arrow-bg-color-hover-outer: transparent;
$slick-arrow-bg-color-disabled-outer: transparent;
$slick-arrow-corner-radius-outer: 0px;

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

$cascader-select: "cascader-select";

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

$rating-small-text-margin-left: 8px;
$rating-small-icon-size: 12px;
$rating-small-font-size: 10px;
$rating-medium-text-margin-left: 12px;
$rating-medium-icon-size: 16px;
$rating-medium-font-size: 12px;
$rating-large-text-margin-left: 16px;
$rating-large-icon-size: 20px;
$rating-large-font-size: 16px;
$rating-normal-underlay-color: #bebebe;
$rating-normal-overlay-color: #128566;
$rating-normal-overlay-hover-color: #128566;
$rating-grade-low-overlay-color: #595959;
$rating-grade-low-overlay-hover-color: #A6A6A6;
$rating-grade-high-overlay-color: #128566;
$rating-grade-high-overlay-hover-color: #128566;
$rating-grade-icon-content: "";

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

$paragraph-text-color: #252525;
$paragraph-s-font-size: 12px;
$paragraph-m-font-size: 14px;
$paragraph-s-line-height: 1.5;
$paragraph-l-line-height: 1.7;

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

$loading-icon-size: 32px;
$loading-dot-color: #128566;
$loading-large-size: 48px;
$loading-large-dot-size: 12px;
$loading-medium-size: 32px;
$loading-medium-dot-size: 8px;

// ------------------------ badge ------------------------ //

$badge-size-dot-width: 8px;
$badge-size-list-margin: 0px;
$badge-size-count-config-height: 16px;
$badge-size-count-padding-lr: 4px;
$badge-size-custom-padding-lr: 4px;
$badge-size-count-font: 10px;
$badge-color-bg: #BD2424;
$badge-size-count-border-radius: 8px;
$badge-dot-color-bg: #BD2424;
$badge-size-dot-border-radius: 8px;
$badge-size-custom-border-radius: 2px;

// ------------------------ divider ------------------------ //

$divider-hoz-size: 1px;
$divider-hoz-color: #d9d9d9;
$divider-hoz-text-center-paddingLeft: 16px;
$divider-hoz-text-left-paddingLeft: 16px;
$divider-hoz-text-marginTop: 16px;
$divider-hoz-marginTop: 16px;
$divider-hoz-text-size: 16px;
$divider-hoz-text-weight: normal;
$divider-hoz-text-color: #252525;
$divider-ver-size: 1px;
$divider-ver-color: #d9d9d9;
$divider-ver-marginLeft: 8px;

// ------------------------ tree-select ------------------------ //

$tree-select-padding-vertical: 8px;
$tree-select-padding-horizontal: 20px;
$tree-select-background: #FFFFFF;

// ------------------------ avatar ------------------------ //

$avatar-size-large: 52px;
$avatar-size-medium: 40px;
$avatar-size-small: 28px;
$avatar-border-radius: 2px;