`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n[type=\"search\"]::-webkit-search-cancel-button, [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}","// Variables\n//\n// Copy settings from this file into the provided `_custom.scss` to override\n\n\n// Table of Contents\n//\n// Prefix\n// Colors\n// Options\n// Spacing\n// Size\n// Animation\n// Shadow\n// Body\n// Links\n// Grid breakpoints\n// Grid containers\n// Grid columns\n// Font\n\n// Components\n// Z-index master list\n\n// Tables\n// Buttons\n// Forms\n// Dropdowns\n// Select\n// Navs\n// Navbar\n// Pagination\n// Form states and alerts\n// Cards\n// Tooltips\n// Popovers\n// Badges\n// Tag\n// Modals\n// Alerts\n// Progress bars\n// List group\n// Image thumbnails\n// Figures\n// Breadcrumbs\n// Carousel\n// Close\n// Code\n// Switch\n// Slider\n// Checkbox\n// Radio\n// Input-number\n// Rate\n// Steps\n// Date-picker\n// Upload\n// Timeline\n// Editor\n// Calendar\n// Avastar\n// Cascader\n// Transfer\n// Menu\n// Tree\n// Notice\n// Mes\n\n// General variable structure\n//\n// Variable format should follow the `$component-modifier-state-property` order.\n\n\n// Prefix\n$icon-prefix :'aidicon';\n$css-prefix :'';\n\n// Colors\n//\n// Grayscale and brand colors.\n\n@import \"mixins/color.scss\";\n\n\n// 品牌色\n$brand-primary: #147BD1 !default;\n$brand-primary-10: rgba($brand-primary, .1); // 主色辅色\n$brand-primary-5: rgba($brand-primary, .05); // 主色辅色\n\n// 中性色\n$white: #fff;\n$black: #000;\n\n// $gray-darker: gray-color($brand-primary,#deffff,#000,2%,16%); //背景色深色\n// $gray-dark: gray-color($brand-primary,#dff,#0f0f0f,2%,27%); //正文颜色\n// $gray: gray-color($brand-primary,#f5ffff,#0f0f0f,2%,53%); //文字灰色\n// //$gray-light: rgba($gray,.7); //文字颜色\n// $gray-lighter: gray-color($brand-primary,#faffff,#262626,2%,75%); //disabled颜色，输入框图标颜色, placeholder颜色\n// $gray-lightest: gray-color($brand-primary,#faffff,#262626,2%,88%); //边框颜色\n// $gray-lightest-18: gray-color($brand-primary,#fbffff,#262626,2%,92%); //背景色，分割线\n// $gray-lightest-10: gray-color($brand-primary,#fafcfc,#262626,2%,96%); //背景色\n// $gray-lightest-5: gray-color($brand-primary,#feffff,#262626,2%,98%); //背景色\n\n\n$gray-light-2: rgba($black, .02); // 背景色\n$gray-light-4: rgba($black, .04); // 背景色\n$gray-light-9: rgba($black, .09); // 分割线\n$gray-light-15: rgba($black, .15); // 边框色\n$gray-light-25: rgba($black, .25); // 不可用状态\n$gray-light-45: rgba($black, .45); // 文字浅色\n$gray-light-65: rgba($black, .65); // 正文颜色\n$gray-light-85: rgba($black, .85); // 文字深色\n\n$gray-darker: #191919; // 背景深色\n\n\n// 安全色\n$brand-success: #6DC41F !default;\n$brand-success-10: rgba($brand-success, .1);\n$brand-info: #147BD1 !default;\n$brand-warning: #EDA30F !default;\n$brand-warning-10: rgba($brand-warning, .1);\n$brand-danger: #D11429 !default;\n$brand-danger-10: rgba($brand-danger, .1);\n\n\n//color status\n$color-status: (\n primary: $brand-primary,\n success: $brand-success,\n info: $brand-info,\n warning: $brand-warning,\n danger: $brand-danger\n);\n\n//状态颜色\n$default-bg: $gray-light-4;\n$disabled-bg: $gray-light-25;\n$divider-bg: $gray-light-9;\n$list-hover-bg: rgba($brand-primary,0.05);\n$list-active-bg: rgba($brand-primary,0.1);\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n$enable-print-styles: true;\n$enable-ie9: true;\n$enable-brand-primary: true !default;\n$enable-gradients: false !default;\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n// 以4px为基数\n$spacer: 16px;\n$spacer-series: (\n 0: 0,\n 4: 4px,\n 8: 8px,\n 12: 12px,\n 16: 16px,\n 20: 20px,\n 24: 24px,\n 28: 28px,\n 32: 32px,\n 36: 36px,\n 40: 40px\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n);\n\n// Animation\n$animation-time: .3s;\n$animation-time-lg: .6s;\n$transition-time: .2s;\n\n// Shadow\n$shadow-color : rgba(0, 0, 0, .15);\n$shadow-card : 0 4px 12px $shadow-color;\n$shadow-up : 0 -2px 8px $shadow-color;\n$shadow-down : 0 2px 8px $shadow-color;\n$shadow-left : -2px 0 8px $shadow-color;\n$shadow-right : 2px 0 8px $shadow-color;\n$shadow-base : 0 0 8px $shadow-color;\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-light-65 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $brand-primary;\n$link-decoration: none;\n$link-hover-color: lighten($link-color, 4.9%); //modify\n$link-active-color: darken($link-color, 4.9%);//add\n$link-hover-decoration: none;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n \"\": 0, // 默认为移动端，class不加断点前缀\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n);\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12;\n$grid-gutter-width-base: 30px;\n$grid-gutter-widths: (\n xs: $grid-gutter-width-base,\n sm: $grid-gutter-width-base,\n md: $grid-gutter-width-base,\n lg: $grid-gutter-width-base,\n xl: $grid-gutter-width-base\n);\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n$font-family-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Helvetica Neue\", Helvetica, Arial, sans-serif,\n\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n$font-family-monospace: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n\n\n$font-size-base: 16px; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base + 4px; // 20px\n$font-size-sm: $font-size-base - 2px; // 14px\n$font-size-xs: $font-size-base - 4px; // 12px\n\n$font-weight-normal: 400;\n$font-weight-bold: 500;\n$font-weight-light: 300;\n\n$font-size-h1: 40px;\n$font-size-h2: 32px;\n$font-size-h3: 28px;\n$font-size-h4: 24px;\n$font-size-h5: 20px;\n$font-size-h6: 16px;\n\n$headings-margin-bottom: 8px;\n$headings-font-family: $font-family-serif;//modify\n$headings-font-weight: 400;\n$headings-line-height: 1.1;\n$headings-color: inherit;\n$headings-margin-bottom: 4px;\n\n\n$blockquote-small-color: $gray-light-45;\n$blockquote-font-size: ($font-size-base * 1.25);\n$blockquote-border-color: $gray-light-25;\n$blockquote-border-width: 4px;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: (4 / 3);\n$line-height-sm: 1.5;\n$line-height-base: 1.5;\n\n$border-width: 1px;\n\n$border-radius: 4px;\n\n$component-active-color: $white;\n$component-active-bg: rgba($brand-primary,.1);\n\n$transition-base: all $transition-time ease-in-out;\n$transition-fade: opacity .15s linear;\n$transition-collapse: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;\n$horizontal-transition-collapse: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;\n\n$hr-border-color: rgba($black,.1);\n$hr-border-width: $border-width;\n\n$mark-padding: .2em;\n\n$dt-font-weight: $font-weight-bold;\n\n$kbd-box-shadow: inset 0 -2px 0 rgba($black,.25);\n$nested-kbd-font-weight: $font-weight-bold;\n\n$list-inline-padding: 5px;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown-backdrop: 1050;\n$zindex-dropdown: 1060;\n$zindex-sticky: 1020;\n$zindex-fixed: 1030;\n$zindex-modal-backdrop: 1050;\n$zindex-modal: 1050;\n$zindex-popover: 1060;\n$zindex-tooltip: 1070;\n$zindex-message: 1090;\n$zindex-notification: 1090;\n$zindex-loading: 1100;\n$zindex-loading-fullscreen: 2000;\n$zindex-loading-bar: 2000;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n$table-prefix-cls: $css-prefix + \"table\";\n\n$table-color: $body-color;\n$table-font-size: $font-size-sm;\n$table-empty-text-color: $gray-light-25;\n$table-sm-font-size: $font-size-xs;\n$table-lg-font-size: $font-size-base;\n$table-cell-x-padding: 16px;\n$table-cell-height: 48px;\n$table-lg-cell-height: 60px;\n$table-sm-cell-height: 40px;\n$table-cell-bg: $white;\n$table-cell-padding: 12px;\n$table-sm-cell-padding: 5px;\n$table-both-ends-padding: 30px;\n\n$table-bg: $white;\n$table-bg-accent: $gray-light-2;\n$table-bg-accent-height: 300px;\n$table-bg-hover: $list-hover-bg;\n$table-bg-active: $list-active-bg;\n\n\n$table-border-width: $border-width;\n$table-border-color: $gray-light-9;\n$table-border: 1px solid $table-border-color;\n\n$table-head-bg: $gray-light-2;\n$table-head-color: $gray-light-85;\n\n$table-transition: .2s ease-in-out;\n$table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12);\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n$btn-prefix-cls: $css-prefix + \"btn\";\n\n$btn-padding-x: 16px;\n$btn-height: 32px;\n$btn-font-size: $font-size-sm;\n$btn-icon-font-size: $font-size-lg;\n$btn-active-box-shadow: inset 0 0 0 2px rgba($white, .3);\n\n$btn-primary-color: $white;\n$btn-primary-bg: $brand-primary;\n\n$btn-secondary-bg: $white;\n$btn-secondary-color: $body-color;\n$btn-secondary-border: $gray-light-15;\n$btn-secondary-active-box-shadow:inset 0 0 0 2px rgba($brand-primary, .3);\n\n$btn-info-color: $white;\n$btn-info-bg: $brand-info;\n\n$btn-success-color: $white;\n$btn-success-bg: $brand-success;\n\n$btn-warning-color: $white;\n$btn-warning-bg: $brand-warning;\n\n$btn-danger-color: $white;\n$btn-danger-bg: $brand-danger;\n\n$btn-outline-normal-color: $gray-light-65;\n$btn-outline-normal-border: $gray-light-15;\n\n$btn-outline-primary-color: $brand-primary;\n$btn-outline-primary-border: $brand-primary;\n\n$btn-outline-info-color: $brand-info;\n$btn-outline-info-border: $brand-info;\n\n$btn-outline-success-color: $brand-success;\n$btn-outline-success-border: $brand-success;\n\n$btn-outline-danger-color: $brand-danger;\n$btn-outline-danger-border: $brand-danger;\n\n$btn-outline-warning-color: $brand-warning;\n$btn-outline-warning-border: $brand-warning;\n\n$btn-outline-white-color: $white;\n$btn-outline-white-border: $white;\n\n$btn-link-disabled-color: $gray-light-45;\n\n$btn-block-margin-y: 8px;\n\n$btn-sm-padding-x: 12px;\n$btn-sm-height: 24px;\n$btn-sm-font-size: $font-size-xs;\n$btn-sm-icon-font-size: $font-size-base;\n\n$btn-lg-padding-x: 16px;\n$btn-lg-height: 40px;\n$btn-lg-font-size: $font-size-base;\n$btn-lg-icon-font-size: 24px;\n\n$btn-transition: $transition-base;\n\n\n// Forms\n$form-prefix-cls: $css-prefix + \"form\";\n\n$cursor-disabled: not-allowed !important;\n\n$input-prefix-cls: $css-prefix + \"input\";\n\n$input-icon-color: $gray-light-25;\n$input-bg-disabled: $gray-light-4;\n$input-border-color: $gray-light-15;\n$input-border-disabled: $gray-light-9;\n$input-color-placeholder: $gray-light-25;\n\n\n$input-padding-x: 12px;\n$input-padding-y: 10px;\n$input-line-height: 1.4;\n\n$input-bg: $white;\n\n\n$input-color: $body-color;\n$input-btn-border-width: $border-width; // For form controls and buttons\n$input-box-shadow: inset 0 1px 1px rgba($black,.075);\n\n$input-bg-focus: $input-bg;\n$input-border-focus: $brand-primary;\n$input-border-focus-neutrals: $gray-light-45;\n$input-border-hover: $brand-primary;\n$input-border-hover-neutrals: $gray-light-45;\n$input-box-shadow-focus: 0 0 0 1px rgba($brand-primary, 1);\n$input-box-shadow-focus-neutrals:0 0 0 1px $gray-light-9;\n$input-color-focus: $input-color;\n\n\n$input-padding-x-sm: 8px;\n$input-padding-y-sm: 7px;\n\n$input-padding-x-lg: 12px;\n$input-padding-y-lg: 13px;\n\n\n$input-font-size: $font-size-sm;\n$input-font-size-lg: $font-size-base;\n$input-font-size-sm: $font-size-xs;\n\n$input-icon-font-size: $font-size-sm;\n$input-icon-font-size-lg: $font-size-base;\n$input-icon-font-size-sm: $font-size-xs;\n\n$input-icon-width: 30px;\n$input-icon-width-lg: 32px;\n$input-icon-width-sm: 28px;\n\n$input-height: 32px;\n$input-height-lg: 40px;\n$input-height-sm: 24px;\n\n\n$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n\n$form-text-margin-top: 4px;\n$form-feedback-margin-top: $form-text-margin-top;\n\n$form-check-margin-bottom: 8px;\n$form-check-input-gutter: 20px;\n$form-check-input-margin-y: 4px;\n$form-check-input-margin-x: 4px;\n\n$form-check-inline-margin-x: 12px;\n\n$form-group-margin-bottom: 24px;\n$form-group-label-font-size: 14px;\n$form-group-label-font-size-sm: 12px;\n$form-group-label-font-size-lg: 16px;\n$form-inline-group-gutter: 10px;\n$form-inline-group-label-gutter: 5px;\n\n$input-group-addon-bg: $gray-light-4;\n$input-group-addon-border-color: $input-border-color;\n$input-group-addon-focus-border-color: $brand-primary;\n$input-group-addon-color: $input-icon-color;\n\n\n// Form validation icons\n$form-icon-success-color: $brand-success;\n\n$form-icon-warning-color: $brand-warning;\n\n$form-icon-danger-color: $brand-danger;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n$dropdown-prefix-cls: $css-prefix + \"dropdown\";\n\n$dropdown-item-min-width: 64px;\n$dropdown-padding-y: 0;\n$dropdown-margin-top: 6px;\n$dropdown-bg: $white;\n$dropdown-border-color: transparent;\n$dropdown-border-width: $border-width;\n$dropdown-divider-bg: $divider-bg;\n$dropdown-box-shadow: 0 2px 10px 0 rgba($black,.08);\n\n$dropdown-link-color: $body-color;\n$dropdown-link-check-icon-color: $brand-primary;\n$dropdown-link-hover-color: $body-color;\n$dropdown-link-hover-bg: $list-hover-bg;\n\n$dropdown-link-active-color: $component-active-color;\n$dropdown-link-active-bg: $component-active-bg;\n\n$dropdown-link-disabled-color: $gray-light-45;\n\n$dropdown-item-padding-x: 10px;\n$dropdown-item-padding-y: 10px;\n\n$dropdown-group-title-padding-y: 8px;\n$dropdown-group-title-font-size: $font-size-xs;\n$dropdown-group-title-color: $gray-light-25;\n\n$dropdown-header-color: $gray-light-45;\n\n//list\n//\n$list-prefix-cls: $css-prefix + \"list\";\n$lsit-padding-y: 0;\n$lsit-bg: $white;\n$lsit-border-width: $border-width;\n$lsit-border-color: transparent;\n$list-box-shadow: 0 2px 10px 0 rgba($black,.08);\n$list-group-item-title-padding-y: 8px;\n$list-group-item-title-font-size: $font-size-xs;\n$list-group-item-title-color: $gray-light-25;\n$list-item-hover-color: $body-color;\n$list-item-padding-x: 12px;\n$list-item-padding-y: 8px;\n$list-item-min-width: 64px;\n$list-item-color: $body-color;\n$list-item-disabled-color: $gray-light-45;\n$list-item-checked-bg: $gray-light-4;\n$list-item-height: 32px;\n\n//select\n//\n$select-prefix-cls: $css-prefix + \"select\";\n\n$select-selection-icon-font-size: 14px;\n$select-sm-selection-icon-font-size: 12px;\n$select-lg-selection-icon-font-size: 16px;\n\n$select-clear-icon-font-size: 14px;\n$select-sm-clear-icon-font-size: 12px;\n$select-lg-clear-icon-font-size: 16px;\n\n$select-selection-icon-spacer: 4px;\n$select-padding-x: 6px;\n$select-padding-x-lg: 12px;\n\n\n\n// Navs for tabs\n$nav-prefix-cls: $css-prefix + \"nav\";\n\n$nav-item-margin: 4px;\n$nav-item-inline-spacer: 16px;\n$nav-link-padding-x: 16px;\n\n$nav-item-margin: .2rem;\n$nav-item-inline-spacer: 1rem;\n$nav-link-padding-x: 1rem;\n$nav-link-padding-y: 0;\n$nav-link-hover-bg: $gray-light-25;\n$nav-link-disabled-color: $gray-light-45;\n\n$nav-tabs-height: 60px;\n$nav-tabs-sm-height: 40px;\n$nav-tabs-link-color: $body-color;\n$nav-tabs-link-hover-color: $link-color;\n$nav-tabs-link-active-color: $link-color;\n$nav-tabs-link-border-width: 2px;\n$nav-tabs-link-active-border-color: $brand-primary;\n$nav-tabs-close-color: $gray-light-45;\n$nav-tabs-close-hover-color: $body-color;\n\n$nav-pills-height: 60px;\n$nav-pills-sm-height: 50px;\n$nav-pills-bg: $gray-light-2;\n$nav-pills-link-color: $body-color;\n$nav-pills-link-hover-color: $link-color;\n$nav-pills-link-active-color: $body-color;\n$nav-pills-link-active-bg: $body-bg;\n$nav-pills-separate-line-color: $gray-light-9;\n$nav-pills-text-cutoff-mask-width: 50px;\n$nav-pills-close-color: $gray-light-45;\n$nav-pills-close-hover-color: $body-color;\n\n// Navs for tabs\n// $nav-prefix-cls: $css-prefix + \"nav\";\n\n// $nav-item-margin: .2rem;\n// $nav-item-inline-spacer: 1rem;\n// $nav-link-padding-x: 1rem;\n// $nav-link-padding-y: 0;\n// $nav-link-hover-bg: $gray-lighter;\n// $nav-link-disabled-color: $gray;\n\n// $nav-tabs-height: 60px;\n// $nav-tabs-sm-height: 40px;\n// $nav-tabs-link-color: $body-color;\n// $nav-tabs-link-hover-color: $link-color;\n// $nav-tabs-link-active-color: $link-color;\n// $nav-tabs-link-border-width: 2px;\n// $nav-tabs-link-active-border-color: $brand-primary;\n// $nav-tabs-close-color: $gray;\n// $nav-tabs-close-hover-color: $body-color;\n\n// $nav-pills-height: 60px;\n// $nav-pills-sm-height: 50px;\n// $nav-pills-bg: $gray-lightest-5;\n// $nav-pills-link-color: $body-color;\n// $nav-pills-link-hover-color: $link-color;\n// $nav-pills-link-active-color: $body-color;\n// $nav-pills-link-active-bg: $body-bg;\n// $nav-pills-separate-line-color: $gray-lightest-18;\n// $nav-pills-text-cutoff-mask-width: 50px;\n// $nav-pills-close-color: $gray;\n// $nav-pills-close-hover-color: $body-color;\n\n// Navbar\n$navbar-prefix-cls: $css-prefix + \"navbar\";\n\n$navbar-padding-x: $spacer;\n$navbar-padding-y: ($spacer / 2);\n\n$navbar-brand-font-size: $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $navbar-brand-font-size * $line-height-base;\n$navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2);\n$navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2;\n\n$navbar-toggler-padding-x: 12px;\n$navbar-toggler-padding-y: 4px;\n$navbar-toggler-font-size: $font-size-lg;\n$navbar-toggler-border-radius: $border-radius;\n\n$navbar-inverse-color: rgba($white,.5);\n$navbar-inverse-hover-color: rgba($white,.75);\n$navbar-inverse-active-color: rgba($white,1);\n$navbar-inverse-disabled-color: rgba($white,.25);\n$navbar-inverse-toggler-border: rgba($white,.1);\n\n$navbar-light-color: rgba($black,.5);\n$navbar-light-hover-color: rgba($black,.7);\n$navbar-light-active-color: rgba($black,.9);\n$navbar-light-disabled-color: rgba($black,.3);\n$navbar-light-toggler-border: rgba($black,.1);\n\n\n// tabs\n$tabs-prefix-cls: $css-prefix + \"tabs\";\n$tabs-vertical-nav-tabs-height: 40px;\n$tabs-vertical-sm-nav-tabs-height: 32px;\n\n// Pagination\n$pagination-prefix-cls: $css-prefix + \"pagination\";\n\n$pagination-font-size: $font-size-xs;\n$pagination-font-size-lg: $font-size-sm;\n$pagination-font-size-sm: $font-size-xs;\n\n$pagination-space: 8px;\n$pagination-space-lg: 8px;\n$pagination-space-sm: 8px;\n\n$pagination-width: 32px;\n$pagination-height: 32px;\n\n$pagination-width-lg: 40px;\n$pagination-height-lg: 40px;\n\n$pagination-width-sm: 24px;\n$pagination-height-sm: 24px;\n\n$pagination-input-width: 48px;\n\n$pagination-icon-font-size: 20px;\n$pagination-icon-font-size-lg: 24px;\n$pagination-icon-font-size-sm: 16px;\n\n$pagination-color: $body-color;\n$pagination-bg: $white;\n$pagination-border-width: $border-width;\n$pagination-border-color: $gray-light-15;\n\n$pagination-hover-color: $brand-primary;\n$pagination-hover-bg: $white;\n$pagination-hover-border: $brand-primary;\n\n$pagination-active-color: $brand-primary;\n$pagination-active-bg: $white;\n$pagination-active-border: $brand-primary;\n\n$pagination-disabled-color: $gray-light-25;\n$pagination-disabled-bg: $white;\n$pagination-disabled-border: $gray-light-15;\n\n\n// Form states and alerts\n//\n// Define colors for form feedback states and, by default, alerts.\n\n$state-success-text: #64B138;\n$state-success-bg: rgba($brand-success,.1);\n$state-success-border: darken($state-success-bg, 5%);\n\n$state-info-text: #15A6CE;\n$state-info-bg: rgba($brand-info,.1);\n$state-info-border: darken($state-info-bg, 7%);\n\n$state-warning-text: #D7B028;\n$state-warning-bg: rgba($brand-warning,.1);\n$mark-bg: $state-warning-bg;\n$state-warning-border: darken($state-warning-bg, 5%);\n\n$state-danger-text: #D12645;\n$state-danger-bg: rgba($brand-danger,.1);\n$state-danger-border: darken($state-danger-bg, 5%);\n\n\n// Cards\n$card-prefix-cls: $css-prefix + \"card\";\n\n$card-spacer-x: 20px;\n$card-spacer-y: 20px;\n$card-border-width: 1px;\n$card-border-radius: $border-radius;\n$card-border-color: $gray-light-9;\n$card-border-radius-inner: $card-border-radius - $card-border-width;\n$card-cap-bg: $gray-light-2;\n$card-bg: $white;\n\n$card-link-hover-color: $white;\n\n$card-img-overlay-padding: 20px;\n\n$card-deck-margin: ($grid-gutter-width-base / 2);\n\n$card-columns-count: 3;\n$card-columns-gap: 20px;\n$card-columns-margin: $card-spacer-y;\n\n\n$card-header-color: $gray-light-85;\n$card-header-font-size: $font-size-sm;\n\n$card-title-font-size: $font-size-lg;\n$card-title-spacer-y: 6px;\n$cart-text-color: $gray-light-45;\n$cart-text-font-size: $font-size-sm;\n\n$card-footer-font-size: $font-size-sm;\n$card-footer-spacer-x: 10px;\n$card-footer-spacer-y: 10px;\n\n$card-header-spacer-y: 20px;\n$card-header-pills-link-bg: $gray-light-4;\n$card-header-pills-link-height: 32px;\n$card-header-pills-link-color: $body-color;\n$card-header-pills-link-active-color: $white;\n$card-header-pills-link-disabled-color: $gray-light-25;\n$card-header-pills-link-font-size: $font-size-xs;\n$card-header-pills-item-gutter-x: 5px;\n\n\n// Tooltips\n$tooltip-prefix-cls: $css-prefix + \"tooltip\";\n\n$tooltip-max-width: 200px;\n$tooltip-color: $white;\n$tooltip-bg: rgba($black,.7);\n// $tooltip-padding-y: 8px;\n$tooltip-padding-y: 6px;\n$tooltip-padding-x: 12px;\n// $tooltip-margin: 3px;\n$tooltip-margin: 4px;\n\n// $tooltip-arrow-width: 5px;\n$tooltip-arrow-width: 4px;\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-distance: $tooltip-arrow-width + $tooltip-margin;\n\n\n// Popovers\n$popover-prefix-cls: $css-prefix + \"popover\";\n\n$popover-bg: $white;\n$popover-color: $body-color;\n$popover-min-width: 150px;\n$popover-max-width: 300px;\n$popover-border-width: $border-width;\n$popover-border-color: $gray-light-9;\n// $popover-box-shadow: 0 10px 40px rgba(0,0,0,.12);\n$popover-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);\n\n$popover-arrow-width: 10px;\n$popover-arrow-color: $popover-bg;\n// $popover-arrow-outer-width: $popover-arrow-width + 1;\n$popover-arrow-outer-width: 7px;\n$popover-arrow-outer-color: $popover-border-color;\n\n// $popover-content-padding-x: 14px;\n// $popover-content-padding-y: 14px;\n$popover-content-padding-x: 10px;\n$popover-content-padding-y: 10px;\n\n$popover-title-height: 32px;\n$popover-title-bg: $white;\n$popover-title-font-size: $font-size-xs;\n$popover-title-padding-x: 10px;\n$popover-title-padding-y: 6px;\n\n$popover-body-font-size: $font-size-xs;\n\n\n\n// Badges\n$badge-prefix-cls: $css-prefix + \"badge\";\n\n$badge-default-bg: $gray-light-45;\n$badge-color: $white;\n$badge-link-hover-color: $white;\n$badge-font-size: $font-size-xs;\n$badge-font-weight: normal;\n$badge-height: 20px;\n$badge-padding-x: 6px;\n\n//$badge-pill-padding-x: .6em;\n//$badge-pill-border-radius: 10rem;\n\n$badge-dot-height: 8px;\n$badge-dot-width: 8px;\n\n\n// Tag\n$tag-prefix-cls: $css-prefix + \"tag\";\n\n$tag-color: $gray-light-65;\n$tag-bg: $gray-light-4;\n$tag-border: 1px solid $gray-light-9;\n$tag-height: 20px;\n$tag-margin-x: 4px;\n$tag-margin-y: 2px;\n$tag-padding-x: 8px;\n$tag-title-font-size: $font-size-xs;\n$tag-title-close-font-size: $font-size-sm;\n\n$tag-text-padding-x: 10px;\n\n$tag-pill-border-radius: $tag-height;\n\n$tag-status-height: 22px;\n$tag-status-bg: $default-bg;\n$tag-status-title-font-size: $font-size-sm;\n$tag-status-title-font-color: $disabled-bg;\n$tag-status-padding: 12px;\n$tag-status-prefix-icon-spacer-x: 6px;\n$tag-status-prefix-icon-width: $tag-title-font-size / 2;\n$tag-status-prefix-icon-height: $tag-title-font-size / 2;\n$tag-status-prefix-icon-box-shadow:0 2px 5px rgba($gray-light-45,.2);\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-prefix-cls: $css-prefix + \"modal\";\n\n$modal-inner-padding: 30px;\n$modal-inner-padding-x: 20px;\n$modal-inner-padding-y: 30px;\n$modal-dialog-margin: 30px;\n$modal-dialog-sm-up-margin-y: 30px;\n$modal-title-line-height: $line-height-base;\n$modal-title-font-size: $font-size-base;\n$modal-close-size: $font-size-lg;\n$modal-content-bg: $white;\n$modal-content-border-color: rgba($black,.2);\n$modal-content-border-width: $border-width;\n$modal-content-xs-box-shadow: 0 2px 10px 0 rgba($black,.1);\n$modal-content-sm-up-box-shadow: 0 2px 10px 0 rgba($black,.1);\n$modal-backdrop-bg: $black;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: $gray-light-25;\n$modal-footer-border-color: $modal-header-border-color;\n$modal-footer-padding-x: 20px;\n$modal-footer-padding-y: 10px;\n$modal-confirm-footer-padding-x: 20px;\n$modal-confirm-footer-padding-y: 30px;\n$modal-confirm-footer-height: 62px;\n$modal-footer-height: 50px;\n$modal-footer-border-width: $modal-content-border-width;\n$modal-header-border-width: $modal-content-border-width;\n$modal-header-padding-x: 20px;\n$modal-header-padding-y: 13px;\n$modal-header-bg: $brand-primary;\n$modal-header-height: 50px;\n$modal-lg: 800px;\n$modal-md: 500px;\n$modal-sm: 300px;\n$modal-transition: transform .3s ease-out;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-prefix-cls: $css-prefix + \"alert\";\n\n$alert-padding-x: 24px;\n$alert-padding-y: 9px;\n$alert-with-desc-padding-y: 16px;\n$alert-margin-bottom: 20px;\n$alert-border-radius: $border-radius;\n$alert-border-width: $border-width;\n$alert-text-color: $gray-light-65;\n$alert-font-size: $font-size-sm;\n$alert-line-height: 22px;\n\n$alert-content-margin-x: 10px;\n\n$alert-desc-font-size: 16px;\n$alert-desc-padding-y: 4px;\n\n$alert-icon-font-size: 24px;\n$alert-close-icon-font-size: 20px;\n$alert-close-icon-cursor: pointer;\n\n//第一个参数为背景色，第二个参数为边框色\n$alert-style-panel: (\n 'success': rgba(119,208,66,0.1),\n 'warning': rgba(250,173,20, 0.1),\n 'danger': rgba(245,34,45, 0.1),\n 'info': rgba(11,105,255, 0.1),\n);\n\n// Progress bars\n$progress-prefix-cls: $css-prefix + \"progress\";\n\n$progress-height: 8px;\n$progress-font-size: 12px;\n$progress-icon-font-size: 14px;\n$progress-bg: $gray-light-4;\n$progress-border-radius: $progress-height;\n$progress-box-shadow: inset 0 2px 2px rgba($black,.1);\n$progress-bar-color: $white;\n$progress-bar-bg: $brand-primary;\n$progress-bar-animation-timing: 1s linear infinite;\n$progress-height-sm: 6px;\n$progress-font-size-sm: $font-size-xs;\n$progress-icon-font-size-sm: 12px;\n\n\n$progress-circle-bg-color: $gray-light-4;\n\n$progress-circle-svg-width: 100px;\n$progress-circle-svg-height: 100px;\n$progress-circle-border-width: 4px;\n$progress-circle-text-font-size: $font-size-base;\n$progress-circle-icon-font-size: 20px;\n$progress-circle-percent-font-size: 16px;\n$progress-circle-radius: $progress-circle-svg-width / 2 - $progress-circle-border-width;\n$progress-circle-perimeter: 3.1415926 * (2 * $progress-circle-radius);\n\n$progress-circle-svg-width-sm: 60px;\n$progress-circle-svg-height-sm: 60px;\n$progress-circle-border-width-sm: 3px;\n$progress-circle-text-font-size-sm: $font-size-base;\n$progress-circle-icon-font-size-sm: 20px;\n$progress-circle-percent-font-size-sm: $font-size-xs;\n$progress-circle-radius-sm: $progress-circle-svg-width-sm / 2 - $progress-circle-border-width-sm;\n$progress-circle-perimeter-sm: 3.1415926 * (2 * $progress-circle-radius-sm);\n\n\n// List group\n$list-group-prefix-cls: $css-prefix + \"list-group\";\n\n$list-group-color: $body-color;\n$list-group-bg: $white;\n$list-group-border-color: $gray-light-9;\n$list-group-border-width: $border-width;\n$list-group-border-radius: $border-radius;\n$list-group-font-size: $font-size-sm;\n\n$list-group-item-padding-x: 20px;\n$list-group-item-padding-y: 14px;\n\n$list-group-hover-bg: $list-hover-bg;\n$list-group-active-color: $component-active-color;\n$list-group-active-border: $gray-light-9;\n\n$list-group-disabled-color: $gray-light-25;\n$list-group-disabled-bg: $list-group-bg;\n\n$list-group-link-color: $body-color;\n$list-group-link-hover-color: $list-group-link-color;\n\n$list-group-link-active-color: $list-group-color;\n\n$list-group-item-action-border-color: rgba(#96B0B2,.2);\n\n\n\n// Image thumbnails\n$thumbnail-prefix-cls: $css-prefix + \"thumbnail\";\n\n$thumbnail-padding: 4px;\n$thumbnail-bg: $body-bg;\n$thumbnail-border-width: $border-width;\n$thumbnail-border-color: $gray-light-9;\n$thumbnail-border-radius: $border-radius;\n$thumbnail-box-shadow: 0 1px 2px rgba($black,.075);\n$thumbnail-transition: all .2s ease-in-out;\n\n\n// Figures\n\n$figure-caption-font-size: 90%;\n$figure-caption-color: $gray-light-45;\n\n\n// Breadcrumbs\n\n$breadcrumb-prefix-cls: $css-prefix + \"breadcrumb\";\n\n$breadcrumb-padding-y: 12px;\n$breadcrumb-padding-x: 16px;\n$breadcrumb-item-padding: 4px;\n$breadcrumb-font-size: $font-size-sm;\n$breadcrumb-text-color: $body-color;\n\n$breadcrumb-bg: $body-bg;\n$breadcrumb-divider-color: $gray-light-25;\n$breadcrumb-active-color: $brand-primary;\n$breadcrumb-hover-color: $brand-primary;\n$breadcrumb-divider: \"/\";\n$breadcrumb-icon-text-spacer: 4px;\n\n\n// Carousel\n$carousel-prefix-cls: $css-prefix + \"carousel\";\n\n$carousel-control-color: $white;\n$carousel-control-width: 10%;\n$carousel-control-opacity: .5;\n\n$carousel-indicator-width: 14px;\n$carousel-indicator-height: 3px;\n$carousel-indicator-spacer: 4px;\n$carousel-indicator-active-width: 22px;\n$carousel-indicator-active-height: 3px;\n$carousel-indicator-active-bg: $white;\n$carousel-indicator-border-radius: 4px;\n\n$carousel-caption-width: 80%;\n$carousel-caption-color: $white;\n\n$carousel-control-icon-width: 48px;\n\n$carousel-caption-spacer-y: 10px;\n$carousel-title-font-size: 30px;\n$carousel-description-font-size: 16px;\n\n\n// Close\n$close-prefix-cls: $css-prefix + \"close\";\n\n$close-font-size: $font-size-base * 1.5;\n$close-font-weight: $font-weight-bold;\n$close-color: $black;\n$close-text-shadow: 0 1px 0 $white;\n\n// Code\n$code-prefix-cls: $css-prefix + \"code\";\n\n$code-font-size: 90%;\n$code-padding-x: 7px;\n$code-padding-y: 4px;\n$code-color: #bd4147;\n$code-bg: $gray-light-15;\n\n$kbd-color: $white;\n$kbd-bg: $body-color;\n\n$pre-color: $body-color;\n$pre-scrollable-max-height: 340px;\n\n\n// Switch\n$switch-prefix-cls: $css-prefix + \"switch\";\n\n$switch-font-size: $font-size-base;\n$switch-lg-font-size: $font-size-base + 6px;\n$switch-sm-font-size: $font-size-sm;\n$switch-xs-font-size: $font-size-xs;\n\n$switch-color: $gray-light-15;\n\n$switch-height: 32px;\n$switch-xs-height: 20px;\n$switch-sm-height: 24px;\n$switch-lg-height: 40px;\n\n$switch-width: 54px;\n$switch-xs-width: 30px;\n$switch-sm-width: 40px;\n$switch-lg-width: 68px;\n\n$switch-cursor: pointer;\n$switch-disabled-bg: mix(rgba(255,255,255,.45),$gray-light-15,50);\n$switch-bg: $gray-light-15;\n$switch-transition: $transition-base;\n\n$switch-border-radius: $border-radius;\n$switch-round-border-radius: 20px;\n\n$switch-border-color: transparent;\n$switch-border-size: 1px;\n$switch-border-style: solid;\n\n$switch-checked-color: $white;\n$switch-checked-bg: $brand-primary;\n$switch-checked-border: inherit;\n\n$switch-inner-color: $white;\n\n$switch-inner-padding-x: 10px;\n$switch-lg-inner-padding-x: 12px;\n$switch-sm-inner-padding-x: 5px;\n$switch-xs-inner-padding-x: 5px;\n\n$switch-inner-font-size: ($switch-font-size *.75);\n$switch-inner-margin-left: 24px;\n$switch-inner-margin-right: 6px;\n\n$switch-toggle-space: 3px;\n$switch-toggle-space-sm: 2px;\n\n$switch-toggle-width: 26px;\n$switch-lg-toggle-width: 34px;\n$switch-sm-toggle-width: 20px;\n$switch-xs-toggle-width: 16px;\n\n$switch-toggle-height: 26px;\n$switch-lg-toggle-height: 34px;\n$switch-sm-toggle-height: 20px;\n$switch-xs-toggle-height: 16px;\n\n$switch-checked-toggle-left: calc(100% - #{$switch-toggle-width} - #{$switch-toggle-space});\n$switch-lg-checked-toggle-left: calc(100% - #{$switch-lg-toggle-width} - #{$switch-toggle-space});\n$switch-sm-checked-toggle-left: calc(100% - #{$switch-sm-toggle-width} - #{$switch-toggle-space-sm});\n$switch-xs-checked-toggle-left: calc(100% - #{$switch-xs-toggle-width} - #{$switch-toggle-space-sm});\n$switch-checked-disabled-bg: mix(rgb(255,255,255),$brand-primary,45);\n\n$switch-toggle-radius: 3px;\n$switch-round-toggle-radius: 18px;\n\n$switch-toggle-bg: $white;\n$switch-toggle-text-space: 10px;\n\n$switch-round-width: 50px;\n$switch-round-sm-width: 38px;\n$switch-round-xs-width: 30px;\n\n\n// Slider\n$slider-prefix-cls: $css-prefix + \"slider\";\n\n$slider-lg-height: 8px;\n$slider-height: 6px;\n$slider-sm-height: 3px;\n\n$slider-bg: $gray-light-15;\n$slider-cursor: pointer;\n$slider-border-radius: 6px;\n$slider-transition: background-color $animation-time ease;\n\n$slider-track-bg: $brand-primary;\n\n$slider-rail-bg: $brand-primary;\n\n$slider-handle-border-color: $brand-primary;\n\n$slider-handle-size: 8px;\n$slider-lg-handle-size: 12px;\n$slider-sm-handle-size: 5px;\n\n$slider-handle-margin-l: -7px;\n\n$slider-handle-border-width: 3px;\n$slider-lg-handle-border-width: 4px;\n$slider-sm-handle-border-width: 3px;\n\n$slider-handle-bg: $white;\n$slider-handle-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.06);\n$slider-handle-transition: all .3s linear;\n\n$slider-mark-font-size: $font-size-xs;\n$slider-sm-mark-font-size: $font-size-xs - 3;\n\n$slider-stop-scale-height: 8px;\n$slider-stop-scale-margin-top: 10px;\n\n// Checkbox\n$checkbox-prefix-cls: $css-prefix + \"form-checkbox\";\n\n$checkbox-size: 16px;\n$checkbox-sm-size: 12px;\n$checkbox-lg-size: 18px;\n\n$checkbox-cursor: pointer;\n$checkbox-padding: 0 0 0 ($checkbox-size + 8);\n\n$checkbox-iconfont-size: 13px;\n$checkbox-font-size: $font-size-sm;\n$checkbox-lg-font-size: $font-size-base;\n$checkbox-sm-font-size: $font-size-xs;\n\n$checkbox-padding-l: 3px;\n$checkbox-lg-padding-l: 4px;\n$checkbox-sm-padding-l: 2px;\n\n\n$checkbox-bg: $white;\n$checkbox-disabled-bg: $gray-light-4;\n$checkbox-disabled-border: $gray-light-9;\n\n$checkbox-border-color: $input-border-color;\n$checkbox-hover-border-color: $brand-primary;\n$checkbox-border-radius: 2px;\n\n$checkbox-checked-color: $white;\n$checkbox-checked-bg: $brand-primary;\n$checkbox-checked-disabled-bg: $gray-light-15;\n$checkbox-checked-disabled-border: transparent;\n\n$checkbox-group-inline-space: 32px;\n\n$checkbox-btn-checked-bg-size: 22px;\n$checkbox-btn-checked-bg-color: $brand-primary;\n$checkbox-btn-checked-border-color: $brand-primary;\n$checkbox-btn-checked-icon-font-size:$font-size-xs;\n$checkbox-btn-padding: $input-padding-x;\n$checkbox-btn-padding-lg: $input-padding-x-lg;\n$checkbox-btn-padding-sm: $input-padding-x-sm;\n\n$checkbox-group-space: 10px;\n$checkbox-group-space-lg:12px;\n$checkbox-group-space-sm:8px;\n\n\n// Radio\n$radio-prefix-cls: $css-prefix + \"form-radio\";\n$radio-group-prefix-cls: $css-prefix + \"radio-group\";\n\n$radio-size: 16px;\n$radio-sm-size: 14px;\n$radio-lg-size: 20px;\n\n$radio-cursor: pointer;\n\n$radio-font-size: $font-size-sm;\n$radio-lg-font-size: $font-size-base;\n$radio-sm-font-size: $font-size-xs;\n\n$radio-padding-l: 8px;\n$radio-lg-padding-l: 11px;\n$radio-sm-padding-l: 8px;\n\n$radio-bg: $white;\n$radio-disabled-bg: $gray-light-4 !important;\n\n$radio-disabled-border: $gray-light-9 !important;\n$radio-border-color: $input-border-color;\n$radio-hover-border-color: $brand-primary;\n$radio-border-radius: 50%;\n\n$radio-checked-color: $white;\n$radio-checked-bg: $brand-primary;\n$radio-checked-disabled-bg: $gray-light-45!important;\n\n$radio-group-inline-space: 32px;\n\n// Input-number\n$input-number-prefix-cls: $css-prefix + \"form-input-number\";\n\n$input-number-width: 100px;\n$input-number-height: $input-height;\n$input-number-font-size: $input-font-size;\n$input-number-color: $body-color;\n$input-number-control-bg: $gray-light-4;\n$input-number-control-width: 24px;\n\n$input-lg-number-width: 100px;\n$input-lg-number-height: $input-height-lg;\n$input-lg-number-font-size: $input-font-size-lg;\n\n$input-sm-number-width: 100px;\n$input-sm-number-height: $input-height-sm;\n$input-sm-number-font-size: $input-font-size-sm;\n\n// Rate\n//$rate-size: 1.375rem 0.875rem;//star-size text-size\n//$rate-sm-size: 1rem 0.75rem;\n//$rate-star-color: $gray-light-15;\n//$rate-text-color: $gray-light-45;\n//$rate-active-color: $brand-warning;\n//$rate-star-spacing: 2px;\n\n// Steps\n$steps-prefix-cls: $css-prefix + \"steps\";\n\n$steps-tail-bg: $gray-light-9;\n$steps-tail-size: 1px;\n\n$steps-horizontal-item-space: 16px;\n\n$steps-horizontal-item-width: 140px;\n\n$steps-vertical-item-space: 8px;\n\n$steps-main-bg: transparent;\n\n$steps-head-border-width: 1px;\n$steps-head-border-color: $gray-light-15;\n$steps-head-color: $gray-light-25;\n$steps-head-size: 36px;\n$steps-head-font-size: $font-size-base;\n\n$steps-main-title-color: $gray-light-45;\n$steps-main-title-font-size: $font-size-base;\n$steps-main-description-font-size: $font-size-sm;\n\n$steps-finish-head-border-color:$brand-primary;\n$steps-finish-head-icon-color: $brand-primary;\n$steps-finish-tail-size: 1px;\n$steps-finish-tail-bg: $brand-primary;\n$steps-finish-title-color: $gray-light-65;\n$steps-finish-description-color: $gray-light-45;\n\n$steps-process-head-border-color:transparent;\n$steps-process-head-bg: $brand-primary;\n$steps-process-head-icon-color: $white;\n$steps-process-title-color: $gray-light-85;\n$steps-process-description-color: $gray-light-65;\n\n$steps-wait-head-border-color: $gray-light-15;\n$steps-wait-head-icon-color: $gray-light-25;\n$steps-wait-title-color: $gray-light-45;\n$steps-wait-description-color: $gray-light-45;\n\n$steps-error-head-border-color: $brand-danger;\n$steps-error-head-icon-color: $brand-danger;\n$steps-error-title-color: $brand-danger;\n$steps-error-description-color: $brand-danger;\n\n$steps-sm-head-size: 24px;\n$steps-sm-main-title-font-size:$font-size-sm;\n\n$step-label-vertical-head-size: 10px;\n$steps-label-vertical-item-space: 2px;\n$steps-label-vertica-tail-size: 2px;\n\n// skeleton\n$skeleton-prefix-cls : $css-prefix + \"skeleton\";\n\n\n// Date-picker\n$date-pick-prefix-cls: $css-prefix + \"date-pick\";\n\n$date-panel-width: 284px;\n$date-panel-height: 312px;\n$datePicker-weekDays-font-size: $font-size-xs;\n\n$datePicker-padding-x: 14px;\n$datePicker-padding-y: 12px;\n\n$datePicker-footer-padding: 8px;\n\n$datePicker-date-spacer: 7px 8px;\n$datePicker-date-width: 24px;\n$datePicker-date-height: 24px;\n// $datePicker-date-width: 22px;\n// $datePicker-date-height: 22px;\n\n$datePicker-date-font-size: $font-size-xs;\n// $datePicker-date-border-radius: 50%;\n$datePicker-date-border-radius: 4px;\n\n$datePicker-header-color: $white;\n$datePicker-header-font-size: $font-size-sm;\n$datePicker-header-height: 48px;\n\n$datePicker-other-panel-width: $date-panel-width + $border-width;\n$datePicker-other-panel-date-padding: 0;\n$datePicker-other-panel-date-width: 40px;\n$datePicker-other-panel-date-border-radius: $datePicker-date-height;\n\n$time-spinner-height: 190px;\n$time-spinner-time-border-radius: 50%;\n\n// Upload\n$upload-prefix-cls: $css-prefix + \"upload\";\n\n$upload-picture-card-width: 96px;\n$upload-picture-card-height: 96px;\n$upload-list-picture-thumbnail-width: 48px;\n$upload-list-picture-thumbnail-height:48px;\n$upload-item-space: 8px;\n$upload-item-icon-size: 14px;\n\n// Upload\n$upload-head-prefix-cls: $css-prefix + \"upload-head\";\n\n// Timeline\n$timeline-prefix-cls: $css-prefix + \"timeline\";\n\n$timeline-font-size: $font-size-base;\n$timeline-color: $body-color;\n\n\n$timeline-item-icon-width: 10px;\n$timeline-item-icon-border: 2px solid $brand-primary;\n$timeline-item-icon-border-radius: 50%;\n\n$timeline-item-space-left: 10px;\n\n$timeline-item-tail-color: $divider-bg;\n$timeline-item-tail-space-left: ($timeline-item-icon-width/2);\n\n$timeline-item-time-width: 60px;\n\n$timeline-item-content-padding-top: 0px;\n$timeline-item-content-padding-right: 1px;\n$timeline-item-content-padding-bottom: 0px;\n$timeline-item-content-padding-left: 22px;\n\n$timeline-horizontal-space-left: ($timeline-item-time-width + $timeline-item-content-padding-left - $timeline-item-icon-width) ;\n$timeline-horizontal-time-align: right;\n\n// Editor\n//$editor-color: $body-color;\n//$editor-border: 1px solid $input-border-color;\n//$editor-border-radius: 4px 4px 0 0;\n//\n//$editor-toolbar-padding-x: 20px;\n//$editor-toolbar-padding-y: 18px;\n//$editor-toolbar-icon-font-size: 20px;\n//$editor-toolbar-icon-color: $gray-light-45;\n//$editor-toolbar-icon-hover-active-color: $brand-primary;\n//$editor-toolbar-icon-width: $editor-toolbar-icon-font-size;\n//$editor-toolbar-icon-height: $editor-toolbar-icon-font-size;\n//$editor-toolbar-icon-group-space-x: 24px;\n//$editor-toolbar-icon-space-x: 10px;\n//$editor-toolbar-icon-space-y: 10px;\n\n// Calendar\n$full-calendar-header-title: $font-size-lg;\n$full-calendar-border-color: $gray-light-9;\n\n\n\n// Avastar\n$avatar-prefix-cls: $css-prefix + \"avatar\";\n\n$avatar-height: 32px;\n$avatar-width: 32px;\n$avatar-text-color: $brand-primary;\n$avatar-dot-height: 8px;\n$avatar-dot-width: 8px;\n$avatar-text-font-size: 16px;\n$avatar-height-large: 40px;\n$avatar-width-large: 40px;\n$avatar-text-font-size-large: 16px;\n\n\n\n// Cascader\n$cascader-prefix-cls: $css-prefix + \"cascader\";\n\n$cascader-min-width: 100px;\n$cascader-margin-right: 10px;\n$cascader-loading-color: $brand-primary;\n\n// Transfer\n$transfer-prefix-cls: $css-prefix + \"transfer\";\n\n$transfer-spacer-x: 12px;\n$transfer-spacer-y: 8px;\n$transfer-header-padding-y: 5px;\n$transfer-operation-spacer: 8px;\n\n\n// new Cascader\n$cascading-prefix-cls: $css-prefix + \"cascading\";\n$cascading-picker-prefix-cls: $css-prefix + \"cascading-picker\";\n$cascading-menus-prefix-cls: $css-prefix + \"cascading-menus\";\n$cascading-popver-content-prefix-cls: $css-prefix + \"cascading-popver-content\";\n$multiCascader-multil-content-prefix-cls: $css-prefix + \"cascading-multiCascader-multil-content\";\n$cascading-width: 300px;\n$cascading-font-size-lg: 16px;\n$cascading-font-size: 14px;\n$cascading-font-size-sm: 12px;\n\n// Transfer\n$transfer-prefix-cls: $css-prefix + \"transfer\";\n\n$transfer-spacer-x: 12px;\n$transfer-spacer-y: 8px;\n$transfer-operation-spacer: 8px;\n\n\n// Menu\n$menu-prefix-cls: $css-prefix + \"menu\";\n$menu-bg: $white;\n$submenu-bg: $white;\n$menu-border-color: $gray-light-9;\n\n$menu-item-font-size: $font-size-sm;\n$menu-item-icon-font-size: $font-size-base;\n$menu-horizontal-item-icon-font-size: $font-size-lg;\n$menu-item-transition: all .2s ease-in-out;\n$menu-item-icon-space-x: 4px;\n$menu-item-icon-collapse-space-x: 8px;\n$menu-item-border: 3px solid transparent;\n$menu-item-group-color: $gray-light-25;\n\n\n$menu-item-color: $body-color;\n$menu-item-border-color: transparent;\n\n$menu-item-hover-color: $brand-primary;\n$menu-item-hover-bg: transparent;\n\n$menu-item-active-color: $brand-primary;\n$menu-item-active-bg: $component-active-bg;\n$menu-item-active-border-color: $brand-primary;\n\n$menu-light-horizontal-item-hover-bg: transparent;\n$menu-light-horizontal-item-active-bg: transparent;\n$menu-light-horizontal-item-hover-color: $brand-primary;\n$menu-light-horizontal-item-active-color: $brand-primary;\n$menu-light-active-submenu-color: $brand-primary;\n\n$menu-dark-bg: #191919;\n$menu-dark-submenu-bg: rgba(0,0,0,.18);\n$menu-dark-active-submenu-color: $brand-primary;\n$menu-dark-item-color: rgba($white,.65);\n$menu-dark-border-color: transparent;\n$menu-dark-item-group-color: rgba($white,.4);\n\n\n$menu-dark-item-hover-color: $white;\n$menu-dark-item-hover-bg: transparent;\n\n$menu-dark-item-active-color: $white;\n$menu-dark-item-active-bg: $brand-primary;\n$menu-dark-item-active-border-color: $brand-primary;\n\n$menu-ghost-bg: transparent;\n$menu-ghost-submenu-bg: transparent;\n$menu-ghost-item-color: $white;\n$menu-ghost-border-color: rgba($white,.15);\n$menu-ghost-item-group-color: rgba($white,.4);\n\n\n$menu-ghost-item-hover-color: $white;\n$menu-ghost-item-hover-bg: rgba($white,.15);\n\n$menu-ghost-item-active-color: $white;\n$menu-ghost-item-active-bg: rgba($white,.15);\n$menu-ghost-item-active-border-color: $white;\n\n\n$menu-horizontal-height: 60px;\n$menu-horizontal-padding-x: 20px;\n\n$menu-vertical-height: 40px;\n$menu-vertical-padding-x: 20px;\n$menu-vertical-padding-y: 0;\n\n$menu-folded-vertical-height: 50px;\n$menu-folded-item-icon-font-size: 24px;\n\n\n// Tree\n//---\n$tree-prefix-cls: $css-prefix + \"tree\";\n\n$tree-node-height: 30px;\n$tree-node-text-padding-y: 4px;\n$tree-node-text-padding-x: 4px;\n$tree-node-icon-size: 14px;\n$tree-node-text-check-bg: $list-hover-bg;\n$tree-node-text-hover-bg: $list-hover-bg;\n\n\n// Notice\n//---\n$notice-prefix-cls: $css-prefix + \"notice\";\n\n$notice-width: 335px;\n$notice-spacer-right: 24px;\n$notice-spacer-bottom: 10px;\n$notice-padding-x: 16px;\n$notice-padding-y: 12px 16px;\n\n$notice-close-icon-color: $gray-light-65;\n$notice-close-icon-hover-color: $body-color;\n$notice-close-icon-font-size: $font-size-base;\n\n$notice-title-font-size: $font-size-base;\n$notice-title-spacer-bottom: 6px;\n\n$notice-desc-font-size: 14px;\n$notice-desc-color: $body-color;\n\n$notice-icon-size: 24px;\n$notice-icon-spacer-right: 10px;\n\n// Message\n//--\n$message-prefix-cls: $css-prefix + \"message\";\n$message-height: 21px;\n$message-font-size: 14px;\n$message-top: 16px;\n$message-content-padding-x:12px;\n$message-content-padding-y:8px;\n$message-content-bg-color: $white;\n$message-icon-spacer-x: 10px;\n$message-icon-font-size: 16px;\n\n//Backtop\n$backtop-prefix-cls: $css-prefix + \"back-top\";\n\n// slipbox\n$slipbox-prefix-cls: $css-prefix + \"slipbox\";\n$slipbox-wraper-min-width: 350px;\n$slipbox-wraper-max-width: 33.3%;\n$slipbox-wraper-top: 60px;\n$slipbox-header-height: 70px;\n$slipbox-header-padding: 18px;\n$slipbox-header-fontSize: $slipbox-header-padding;\n$slipbox-header-color: $gray-darker;\n$slipbox-header-border-color: $gray-light-9;\n\n\n// navs\n$navs-prefix-cls: $css-prefix + \"navs\";\n$navs-bg: $white;\n$submenu-bg: $white;\n$navs-border-color: $gray-light-9;\n\n$navs-item-font-size: $font-size-sm;\n$navs-item-icon-font-size: $font-size-base;\n$navs-horizontal-item-icon-font-size: $font-size-lg;\n$navs-item-transition: all .2s ease-in-out;\n$navs-item-icon-space-x: 4px;\n$navs-item-icon-collapse-space-x: 8px;\n$navs-item-border: 2px solid transparent;\n$navs-item-group-color: $gray-light-25;\n\n\n$navs-item-color: $body-color;\n$navs-item-border-color: transparent;\n\n$navs-item-hover-color: $body-color;\n$navs-item-hover-bg: $list-hover-bg;\n\n$navs-item-active-color: $brand-primary;\n$navs-item-active-bg: transparent;\n$navs-item-active-border-color: $brand-primary;\n\n$navs-light-horizontal-item-hover-bg: transparent;\n$navs-light-horizontal-item-active-bg: transparent;\n$navs-light-horizontal-item-hover-color: $brand-primary;\n$navs-light-horizontal-item-active-color: $brand-primary;\n\n$navs-dark-bg: #191919;\n$navs-dark-submenu-bg: rgba(0,0,0,.18);\n$navs-dark-item-color: rgba($white,.65);\n$navs-dark-border-color: transparent;\n$navs-dark-item-group-color: rgba($white,.4);\n\n\n$navs-dark-item-hover-color: rgba($white,.65);\n$navs-dark-item-hover-bg: rgba($brand-primary,.2);\n\n$navs-dark-item-active-color: $white;\n$navs-dark-item-active-bg: rgba($brand-primary,.3);\n$navs-dark-item-active-border-color: $brand-primary;\n\n$navs-ghost-bg: transparent;\n$navs-ghost-submenu-bg: transparent;\n$navs-ghost-item-color: $white;\n$navs-ghost-border-color: rgba($white,.15);\n$navs-ghost-item-group-color: rgba($white,.4);\n\n\n$navs-ghost-item-hover-color: $white;\n$navs-ghost-item-hover-bg: rgba($white,.15);\n\n$navs-ghost-item-active-color: $white;\n$navs-ghost-item-active-bg: rgba($white,.15);\n$navs-ghost-item-active-border-color: rgba($white,.15);\n\n\n$navs-horizontal-height: 40px;\n$navs-horizontal-padding-x: 20px;\n\n$navs-vertical-height: 40px;\n$navs-vertical-padding-x: 20px;\n$navs-vertical-padding-y: 0;\n\n$navs-folded-vertical-height: 50px;\n$navs-folded-item-icon-font-size: 24px;\n$navs-pills-link-color: $body-color;\n$navs-pills-link-hover-color: $link-color;\n$navs-pills-link-active-color: $body-color;\n$navs-pills-link-active-bg: $body-bg;\n$navs-tabs-link-active-border-color: $brand-primary;\n$navs-pills-height: 60px;\n$navs-tabs-link-border-width: 2px;\n$navs-tabs-height: 60px;\n$navs-tabs-close-color: $gray-light-45;\n$navs-tabs-close-hover-color: $body-color;\n$navs-pills-separate-line-color: $gray-light-9;\n$navs-pills-text-cutoff-mask-width: 50px;\n$navs-pills-close-color: $gray-light-45;\n$navs-pills-close-hover-color: $body-color;\n$navs-link-disabled-color: $gray-light-45;\n$navs-tabs-sm-height: 40px;\n$navs-pills-sm-height: 50px;\n\n/* NOTE: loading 组件 */\n$loading-prefix-cls: $css-prefix+\"loading\";\n\n/* NOTE: time-picker 组件 */\n$timePicker-prefix-cls: $css-prefix + \"time-picker\";\n$timePicker-width: 220px;\n\n\n// anchor\n$anchor-prefix-cls: $css-prefix + \"anchor\";\n$anchor-border-width: 2px;\n$anchor-ink-border-color: $gray-light-9;\n\n// Collapse\n$collapse-prefix-cls: $css-prefix + \"collapse\";\n$collapse-border-radius: 4px;\n$collapse-border-color: $gray-light-15;\n$collapse-header-bg: $gray-light-4;\n$collapse-header-padding-x: 12px;\n$collapse-header-padding-y: 9px;\n\n// SelectTree\n$select-tree-prefix-cls: $css-prefix + \"select-tree\";\n\n//scroll-bar\n$scroll-bar-prefix-cls: $css-prefix + \"scroll-bar\";\n\n// color-picker\n$color-picker-prefix-cls: $css-prefix + \"color-picker\";\n\n// empty\n$empty-prefix-cls: $css-prefix + \"empty\";\n$empty-image-size: 120px;\n$empty-image-size-sm: 60px;\n$empty-image-size-lg: 200px;\n$empty-desc-spacer: 12px;","//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $font-size-h1; }\nh2, .h2 { font-size: $font-size-h2; }\nh3, .h3 { font-size: $font-size-h3; }\nh4, .h4 { font-size: $font-size-h4; }\nh5, .h5 { font-size: $font-size-h5; }\nh6, .h6 { font-size: $font-size-h6; }\n\n//.lead {\n// font-size: $lead-font-size;\n// font-weight: $lead-font-weight;\n//}\n\n// Type display classes\n//.display-1 {\n// font-size: $display1-size;\n// font-weight: $display1-weight;\n// line-height: $display-line-height;\n//}\n//.display-2 {\n// font-size: $display2-size;\n// font-weight: $display2-weight;\n// line-height: $display-line-height;\n//}\n//.display-3 {\n// font-size: $display3-size;\n// font-weight: $display3-weight;\n// line-height: $display-line-height;\n//}\n//.display-4 {\n// font-size: $display4-size;\n// font-weight: $display4-weight;\n// line-height: $display-line-height;\n//}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: 16px;\n margin-bottom: 16px;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n padding: ($spacer / 2) $spacer;\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n border-left: $blockquote-border-width solid $blockquote-border-color;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\n\n// Opposite alignment of blockquote\n.blockquote-reverse {\n padding-right: $spacer;\n padding-left: 0;\n text-align: right;\n border-right: $blockquote-border-width solid $blockquote-border-color;\n border-left: 0;\n}\n\n.blockquote-reverse .blockquote-footer {\n &::before {\n content: \"\";\n }\n &::after {\n content: \"\\00A0 \\2014\"; // nbsp, em dash\n }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: http://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi) { // IE9-11 don't support dppx only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n background-image: url($file-1x);\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `![]()
`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include transition($thumbnail-transition);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n","// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n padding: $code-padding-y $code-padding-x;\n font-size: $code-font-size;\n color: $code-color;\n background-color: $code-bg;\n @include border-radius($border-radius);\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n padding: 0;\n color: inherit;\n background-color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $code-padding-y $code-padding-x;\n font-size: $code-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n margin-top: 0;\n margin-bottom: 16px;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n background-color: transparent;\n border-radius: 0;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutters: $grid-gutter-widths) {\n\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n width: $container-max-width;\n max-width: 100%;\n }\n }\n}\n\n@mixin make-gutters($gutters: $grid-gutter-widths) {\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n}\n\n@mixin make-row($gutters: $grid-gutter-widths) {\n\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n margin-right: ($gutter / -2);\n margin-left: ($gutter / -2);\n }\n }\n display: flex;\n flex-wrap: wrap;\n}\n\n@mixin make-col-ready($gutters: $grid-gutter-widths) {\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // width: percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n margin-left: percentage($size / $columns);\n}\n\n@mixin make-col-push($size, $columns: $grid-columns) {\n left: if($size > 0, percentage($size / $columns), auto);\n}\n\n@mixin make-col-pull($size, $columns: $grid-columns) {\n right: if($size > 0, percentage($size / $columns), auto);\n}\n\n@mixin make-col-modifier($type, $size, $columns) {\n // Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)\n @if $type == push {\n @include make-col-push($size, $columns);\n } @else if $type == pull {\n @include make-col-pull($size, $columns);\n } @else if $type == offset {\n @include make-col-offset($size, $columns);\n }\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n.container {\n @include make-container();\n @include make-container-max-widths();\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but without any defined\n// width for fluid, full width layouts.\n\n.container-fluid {\n @include make-container();\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n.row {\n @include make-row();\n}\n\n// Remove the negative margin from default .row, then the horizontal padding\n// from all immediate children columns (to prevent runaway style inheritance).\n.no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@include make-grid-columns();\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n@mixin make-grid-columns($columns: $grid-columns, $gutters: $grid-gutter-widths, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n @if $enable-ie9 {\n float: left\\9;\n }\n @include make-gutters($gutters);\n }\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n }\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n @each $modifier in (pull, push) {\n @for $i from 0 through $columns {\n .#{$modifier}#{$infix}-#{$i} {\n @include make-col-modifier($modifier, $i, $columns)\n }\n }\n }\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-xs-0\n .offset#{$infix}-#{$i} {\n @include make-col-modifier(offset, $i, $columns)\n }\n }\n }\n }\n }\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($name != \"\", $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.1.\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-max($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n}\n",".masonry {\n column-count: 1;\n column-gap: 0;\n counter-reset: item-counter;\n}\n@include media-breakpoint-up(sm){\n .masonry {\n column-count: 2;\n }\n}\n@include media-breakpoint-up(md) {\n .masonry {\n column-count: 3;\n }\n}\n@include media-breakpoint-up(lg) {\n .masonry {\n column-count: 4;\n }\n}\n@include media-breakpoint-up(xl) {\n .masonry {\n column-count: 5;\n }\n}\n\n.masonry__item {\n column-break-inside: avoid; /* Chrome, Safari, Opera */\n break-inside: avoid; /* IE 10+ */\n page-break-inside: avoid; /* Firefox */\n padding: 10px;\n counter-increment: item-counter;\n}",".#{$table-prefix-cls} {\n $root: #{&};\n position: relative;\n box-sizing: border-box;\n flex: 1;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n font-size: $table-font-size;\n color: $table-color;\n background-color: $table-bg;\n td.gutter,\n th.gutter {\n padding: 0;\n border-right-width: 0;\n border-bottom-width: 0;\n }\n &__body{\n tr.current-row > td {\n background-color: $table-bg-active;\n\n &:first-child {\n position: relative;\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3px;\n content: \"\";\n background-color: $brand-primary;\n }\n }\n }\n }\n\n // 数据为空\n &__empty-block{\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n min-height: 300px;\n text-align: center;\n }\n\n &__empty-text {\n // min-height doesn't work in IE10 and IE11 https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items\n // set empty text line height up to contrainer min-height as workaround.\n width: 50%;\n line-height: 60px;\n color: $table-empty-text-color;\n }\n // 展开行\n &__expand-column {\n .cell {\n padding: 0;\n text-align: center;\n }\n }\n\n &__expand-icon {\n position: relative;\n height: 20px;\n font-size: 16px;\n cursor: pointer;\n //color: #666;\n transition: transform .2s ease-in-out;\n &--expanded {\n transform: rotate(90deg);\n }\n > {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -5px;\n margin-left: -5px;\n }\n }\n\n &__expanded-cell {\n background-color: $table-cell-bg;\n\n // 纯属为了增加权重\n &[class*=\"cell\"] {\n padding: 20px 50px;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &__placeholder {\n display: inline-block;\n width: 20px;\n }\n\n &--fit {\n border-right: 0;\n border-bottom: 0;\n\n th.gutter,\n td.gutter {\n border-right-width: 1px;\n }\n }\n\n &--scrollable-x {\n .#{$table-prefix-cls}__body-wrapper {\n overflow-x: auto;\n }\n }\n &--scrollable-y {\n .#{$table-prefix-cls}__body-wrapper {\n overflow-y: auto;\n }\n }\n\n thead {\n font-weight: 500;\n color: $table-head-color;\n\n &.is-group {\n th {\n background: $table-head-bg;\n }\n }\n }\n\n th,\n td {\n position: relative;\n box-sizing: border-box;\n min-width: 0;\n height: $table-cell-height;\n padding: 0 $table-cell-x-padding;\n text-align: left;\n text-overflow: ellipsis;\n vertical-align: middle;\n @at-root {\n &.is-center {\n text-align: center;\n }\n }\n\n @at-root {\n &.is-right {\n text-align: right;\n }\n }\n\n &.gutter {\n width: 15px;\n padding: 0;\n border-right-width: 0;\n border-bottom-width: 0;\n }\n\n &.is-hidden {\n > * {\n visibility: hidden;\n }\n }\n }\n\n &--medium{\n th,\n td {\n padding: 10px 0;\n }\n }\n tr {\n background-color: $table-bg;\n\n input[type=\"checkbox\"] {\n margin: 0;\n }\n }\n th.is-leaf,\n th.is-sortable {\n //cursor: pointer;\n }\n td,\n th.is-leaf {\n border-bottom: $table-border;\n }\n th {\n overflow: hidden;\n white-space: nowrap;\n user-select: none;\n background-color: $table-bg;\n\n div {\n box-sizing: border-box;\n display: inline-block;\n //padding-right: 10px;\n //padding-left: 10px;\n overflow: hidden;\n line-height: 40px;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n > .cell {\n position: relative;\n box-sizing: border-box;\n display: inline-block;\n width: 100%;\n text-overflow: ellipsis;\n word-wrap: normal;\n vertical-align: middle;\n\n &.highlight {\n color: $brand-primary;\n }\n }\n\n &.required > div::before {\n display: inline-block;\n width: 8px;\n height: 8px;\n margin-right: 5px;\n vertical-align: middle;\n content: \"\";\n background: #ff4d51;\n border-radius: 50%;\n }\n }\n td {\n div {\n box-sizing: border-box;\n }\n\n &.gutter {\n width: 0;\n }\n &:hover {\n .cell--edit-action {\n display: inline-block;\n }\n }\n }\n td.td__edit {\n padding: 0;\n }\n .cell {\n box-sizing: border-box;\n //padding-right: 10px;\n //padding-left: 10px;\n overflow: hidden;\n line-height: 23px;\n text-overflow: ellipsis;\n word-break: break-all;\n white-space: normal;\n\n &--ellipsis {\n min-width: 50px;\n max-width: 100%;\n white-space: nowrap;\n }\n &--edit {\n padding: 0 $table-cell-x-padding;\n }\n &--editing {\n padding: 0;\n }\n &--editing,\n .cell_input-wrap {\n height: 100%;\n input {\n width: 100%;\n height: 100%;\n border: transparent;\n border-radius: 0;\n }\n }\n &--edit-action {\n display: none;\n float: right;\n cursor: pointer;\n }\n }\n\n // 拥有多级表头\n &--group,\n &--border {\n border: $table-border;\n thead {\n background: $table-head-bg;\n }\n\n @include table-share-rule(border-pseudo) {\n position: absolute;\n z-index: 1;\n content: \"\";\n background-color: $table-border-color;\n }\n\n // 表格右部伪 border\n &::after {\n @include table-share-rule(border-pseudo);\n top: 0;\n right: 0;\n width: 1px;\n height: 100%;\n }\n }\n // 表格底部伪 border，总是有的\n &::before {\n @include table-share-rule(border-pseudo);\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n }\n // table--border\n &--border {\n border-right: none;\n border-bottom: none;\n &.loading-parent--relative {\n border-color: transparent;\n }\n thead th {\n background: $table-head-bg;\n }\n //td {\n // border-top: $table-border;\n //}\n th,\n td {\n border-right: $table-border;\n\n &:first-child .cell {\n //padding-left: 10px;\n }\n }\n\n th,\n th.gutter:last-of-type {\n border-bottom: $table-border;\n }\n #{$root}__empty-block {\n border-right: $table-border;\n border-bottom: $table-border;\n }\n }\n\n // table--line\n &--line {\n th,\n td{\n border-bottom: $table-border-width solid $table-border-color;\n }\n th {\n background: $table-head-bg;\n }\n }\n &--hidden {\n visibility: hidden;\n }\n\n &__fixed,\n &__fixed-right {\n position: absolute;\n top: 0;\n left: 0;\n overflow-x: hidden;\n overflow-y: hidden;\n box-shadow: $table-fixed-box-shadow;\n\n &::before {\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: 4;\n width: 100%;\n height: 1px;\n content: \"\"; \n background-color: $table-border-color;\n }\n }\n &__fixed-right-patch {\n position: absolute;\n top: -1px;\n right: 0;\n background-color: $table-bg;\n border-bottom: $table-border;\n }\n &__fixed-right {\n top: 0;\n right: 0;\n left: auto;\n\n .#{$table-prefix-cls}__fixed-header-wrapper,\n .#{$table-prefix-cls}__fixed-body-wrapper,\n .#{$table-prefix-cls}__fixed-footer-wrapper {\n right: 0;\n left: auto;\n }\n }\n\n &__fixed-header-wrapper{\n position: absolute;\n top: 0;\n left: 0;\n z-index: 3;\n }\n\n &__fixed-footer-wrapper{\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: 3;\n\n & tbody td {\n color: $table-color;\n background-color: $table-bg-hover;\n border-top: $table-border;\n }\n }\n &__fixed-body-wrapper {\n position: absolute;\n top: 37px;\n left: 0;\n z-index: 3;\n overflow: hidden;\n }\n &__header-wrapper,\n &__body-wrapper,\n &__footer-wrapper {\n width: 100%;\n }\n &__footer-wrapper {\n margin-top: -1px;\n td {\n border-top: $table-border;\n }\n }\n &__header,\n &__body,\n &__footer {\n width: 100% !important;\n table-layout: fixed;\n border-collapse: separate;\n }\n\n &__header-wrapper,\n &__footer-wrapper {\n overflow: hidden;\n\n & tbody td {\n color: $table-color;\n background-color: $table-bg-hover;\n }\n }\n\n &__body-wrapper {\n position: relative;\n overflow: hidden;\n\n @include table-when(scrolling-none) {\n ~ .#{$table-prefix-cls}__fixed,\n ~ .#{$table-prefix-cls}__fixed-right {\n box-shadow: none;\n }\n }\n\n @include table-when(scrolling-left) {\n ~ .#{$table-prefix-cls}__fixed {\n box-shadow: none;\n }\n }\n\n @include table-when(scrolling-right) {\n ~ .#{$table-prefix-cls}__fixed-right {\n box-shadow: none;\n }\n }\n\n .#{$table-prefix-cls}--border {\n @include table-when(scrolling-right) {\n ~ .#{$table-prefix-cls}__fixed-right {\n border-left: $table-border;\n }\n }\n\n @include table-when(scrolling-left) {\n ~ .#{$table-prefix-cls}__fixed {\n border-right: $table-border;\n }\n }\n }\n }\n .caret-wrapper {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n height: 34px;\n width: 24px;\n vertical-align: middle;\n cursor: pointer;\n overflow: initial;\n position: relative;\n }\n\n .sort-caret {\n width: 0;\n height: 0;\n position: absolute;\n border: solid 5px transparent;\n left: 7px;\n\n &.ascending {\n top: 5px;\n border-bottom-color: $table-border-color;\n }\n\n &.descending {\n bottom: 7px;\n border-top-color: $table-border-color;\n }\n }\n\n .ascending .sort-caret.ascending {\n border-bottom-color: $brand-primary;\n }\n\n .descending .sort-caret.descending {\n border-top-color: $brand-primary;\n }\n\n .hidden-columns {\n visibility: hidden;\n position: absolute;\n z-index: -1;\n }\n //striped\n &--striped {\n tbody :nth-of-type(odd) td {\n background-color: $table-bg-accent;\n }\n }\n\n &__column-resize-proxy {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 200px;\n z-index: 10;\n width: 0;\n border-left: $table-border;\n }\n &__column-filter-trigger {\n display: inline-block;\n line-height: 34px;\n cursor: pointer;\n\n & i {\n font-size: $table-font-size;\n color: $table-color;\n transform: scale(.75);\n }\n }\n\n &--enable-row-transition{\n .#{$table-prefix-cls}__body td {\n transition: background-color .25s ease;\n }\n }\n &--enable-row-hover {\n .#{$table-prefix-cls}__body tr:hover > td {\n background-color: $table-bg-hover;\n }\n }\n &--fluid-height{\n .#{$table-prefix-cls}__fixed,\n .#{$table-prefix-cls}__fixed-right {\n bottom: 0;\n overflow: hidden;\n }\n }\n // size\n // table--sm\n &--sm {\n font-size: $table-sm-font-size;\n\n th,\n td {\n height: $table-sm-cell-height;\n }\n\n }\n\n // table--lg\n &--lg {\n font-size: $table-lg-font-size;\n\n th,\n td {\n height: $table-lg-cell-height;\n }\n }\n [class*=#{$table-prefix-cls}__row--level] {\n .#{$table-prefix-cls}__expand-icon {\n display: inline-block;\n width: 14px;\n margin-right: 5px;\n vertical-align: middle;\n }\n }\n &-filter{\n border: 1px solid #ebeef5;\n border-radius: 2px;\n background-color: #fff;\n box-shadow: $shadow-card;\n box-sizing: border-box;\n margin: 2px 0;\n .#{$table-prefix-cls}-filter__content{\n min-width: 180px;\n .#{$table-prefix-cls}-filter__checkbox-group{\n margin: 10px 0;\n label{\n display: block;\n margin-right: 10px;\n margin-bottom: 8px;\n margin-left: 10px;\n .form-checkbox__inner{\n display: inline-block;\n padding-left: 24px;\n line-height: 19px;\n font-size: 14px;\n }\n }\n }\n }\n .#{$table-prefix-cls}-filter__bottom{\n display:flex;\n height: 36px;\n line-height: 36px;\n border-top:1px solid $gray-light-9;\n justify-content: space-between;\n width: 100%;\n padding:0 10px;\n box-sizing: border-box;\n span{\n color:$brand-primary;\n }\n }\n }\n .#{$table-prefix-cls}__column-filter-trigger{\n i{\n font-size: 18px;\n color: $gray-light-45;\n margin-left: 4px;\n }\n }\n &__tree-icon {\n transform: scale(1.6);\n margin-top: -7px;\n }\n}","// scss-lint:disable QualifyingElement, VendorPrefix\n\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.#{$form-prefix-cls}-group {\n $root: #{&};\n margin-bottom: $form-group-margin-bottom;\n\n &.row {\n margin-right: -4px;\n margin-left: -4px;\n > [class*=\"col\"] {\n padding-right: 4px;\n padding-left: 4px;\n }\n }\n\n .#{$form-prefix-cls}-group {\n margin-bottom: 0 !important;\n }\n\n .#{$form-prefix-cls}--label-left &,\n .#{$form-prefix-cls}--label-right & {\n // Prevent shorter elements from growing to same height as others (e.g., radio、 checkbox、 switch、 form-group__label)\n align-items: center;\n }\n\n &__label {\n display: block;\n overflow: hidden;\n font-size: $form-group-label-font-size;\n font-weight: 400;\n color: $gray-light-65;\n white-space: nowrap;\n\n .#{$form-prefix-cls}--label-left &, .#{$form-prefix-cls}--label-right & {\n align-self: flex-start;\n margin-bottom: 0; // Override the `