{"version":3,"sources":["../node_modules/tinper-bee-core/scss/minxin-variables.scss","../src/Table.scss","TableDemo.scss","demolist/Demo0104.scss","demolist/Demo0302.scss","demolist/Demo0402.scss","demolist/Demo0501.scss","demolist/Demo0502.scss","demolist/Demo0603.scss","demolist/Demo1601.scss"],"names":[],"mappings":"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","file":"demo.css","sourcesContent":["\r\n\r\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\r\n\r\n@import \"minxin-colors\";\r\n\r\n\r\n\r\n@function strip-units($number) {\r\n  @return $number / ($number * 0 + 1);\r\n}\r\n$unit: 10px !default;\r\n//  IMAGES\r\n$image_path: '/images' !default;\r\n\r\n\r\n\r\n//默认颜色\r\n$trim-color-classes: false !default;\r\n\r\n@import \"minxin-themeColors\";\r\n\r\n//对比色\r\n$color-primary-contrast: $color-dark-contrast !default;\r\n$color-accent-contrast: $color-dark-contrast !default;\r\n//字体颜色\r\n$color-text: $palette-grey-900 !default;\r\n\r\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\r\n\r\n// -- Fonts 字体大小权重预定义\r\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\r\n$font-size: 1.6 * $unit !default;\r\n$font-size-tiny: 1.2 * $unit !default;\r\n$font-size-small: 1.4 * $unit !default;\r\n$font-size-normal: $font-size !default;\r\n$font-size-big: 1.8 * $unit !default;\r\n$font-weight-thin: 300 !default;\r\n$font-weight-normal: 400 !default;\r\n$font-weight-semi-bold: 500 !default;\r\n$font-weight-bold: 700 !default;\r\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\r\n// 白色背景下的文字颜色\r\n$font-color-base: #212121 !default;\r\n\r\n$font-weight-override:    false;\r\n$font-weight-light:       300;\r\n$font-weight-normal:      400;\r\n$font-weight-medium:      500;\r\n$font-weight-bold:        700;\r\n$font-weight-base:        $font-weight-normal;\r\n\r\n\r\n\r\n\r\n$gray-base:   unquote(\"rgb(#{$palette-grey-900})\") !default;\r\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\r\n$gray-darker:  unquote(\"rgb(#{$palette-grey-700})\") !default;\r\n$gray-dark:    unquote(\"rgb(#{$palette-grey-600})\") !default;\r\n$gray:        unquote(\"rgb(#{$palette-grey-500})\") !default;\r\n$gray-light:   unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n$gray-lighter:  unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\r\n// $border-color-base:       $gray-lighter;\r\n$border-color-base:       unquote(\"rgb(#{$border-color})\") !default;\r\n$line-height-base:        1.57142857;\r\n\r\n// 边框圆角\r\n$border-radius-base:        $border-radius;\r\n\r\n// 阴影\r\n\r\n$shadow-key-umbra-opacity: 0.2 !default;\r\n$shadow-key-penumbra-opacity: 0.14 !default;\r\n$shadow-ambient-shadow-opacity: 0.12 !default;\r\n\r\n$shadow-base: 0 1px 5px $gray-lighter;\r\n\r\n\r\n\r\n//-- Indexes\r\n$z-index-highest: 300;\r\n$z-index-higher: 200;\r\n$z-index-high: 100;\r\n$z-index-normal: 1;\r\n$z-index-low: -100;\r\n$z-index-lower: -200;\r\n\r\n$zindex-modal:            1700;\r\n$zindex-modal-background: 1600;\r\n$zIndex-notification: 1560;\r\n$zIndex-message: 1550;\r\n$zIndex-popconfirm: 1540;\r\n$zIndex-popover: 1540;\r\n$zIndex-tooltip: 1530;\r\n$zIndex-alert: 1510;\r\n$zindex-navbar-fixed:     1500;\r\n$zindex-menubar:          1400;\r\n$zindex-overlay:          1300;\r\n$zindex-dropdown:         1200;\r\n$zindex-navbar:           1200;\r\n$zindex-header:           1100;\r\n$zindex-footer:           1000;\r\n$zindex-backtop:2000;\r\n\r\n// 文本字体\r\n\r\n//todo\r\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n$target-elements-directly: true !default;\r\n\r\n\r\n$global-selected-color:  unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n\r\n\r\n// 控件\r\n$cursor-disabled:   not-allowed;\r\n\r\n\r\n$title-color:           $gray-darkest;\r\n//todo\r\n$subtitle-color:        $gray-darker;\r\n$text-color:            $gray-dark;\r\n\r\n$prompt-color:          $gray;\r\n//全局不同状态颜色\r\n//todo\r\n$active-color-base:  unquote(\"rgb(#{$palette-blue-800})\") !default;\r\n$normal-color-base:  unquote(\"rgb(#{$palette-blue-600})\") !default;\r\n$hover-color-base:   unquote(\"rgb(#{$palette-blue-400})\") !default;\r\n\r\n$bg-color-base:       $gray-lightest;\r\n\r\n//disable颜色\r\n$disabled-color-base: #909090;\r\n$disabled-border-color: $gray-lighter;\r\n$disabled-bg-color: $gray-lightest;\r\n\r\n// 全局链接颜色\r\n$link-color:            $normal-color-base;\r\n$link-hover-color:      $hover-color-base;\r\n$link-active-color:     $active-color-base;\r\n\r\n// 品牌色\r\n$brand-default: $gray-lighter;\r\n$brand-default-hover: $gray-lightest;\r\n$brand-default-active:  $gray-light;\r\n// $brand-default: unquote(\"rgb(#{$color-primary})\");\r\n// $brand-default-hover: unquote(\"rgb(#{$color-primary-light})\");\r\n// $brand-default-active: unquote(\"rgb(#{$color-primary-dark})\");\r\n\r\n$brand-primary : unquote(\"rgb(#{$primary-color})\") !default;\r\n$brand-primary-hover: unquote(\"rgb(#{$primary-color-light})\") !default;\r\n$brand-primary-active: unquote(\"rgb(#{$primary-color-dark})\") !default;\r\n\r\n$brand-secondary : unquote(\"rgb(#{$secondary-color})\") !default;\r\n$brand-secondary-hover: unquote(\"rgb(#{$secondary-color-light})\") !default;\r\n$brand-secondary-active: unquote(\"rgb(#{$secondary-color-dark})\") !default;\r\n\r\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\r\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\r\n\r\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\r\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\r\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\r\n\r\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\r\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\r\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\r\n\r\n\r\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\r\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\r\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\r\n\r\n$brand-danger:  unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\r\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\r\n\r\n$brand-dark:  $gray-darker;\r\n$brand-dark-hover: $gray-dark;\r\n$brand-dark-active: $gray-darkest;\r\n\r\n$brand-light : unquote(\"rgb(#{$color-dark-contrast})\") !default;\r\n$brand-light-hover: unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$brand-light-active: unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n\r\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n$brand-light-success: unquote(\"rgb(#{$palette-green-100})\") !default;\r\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-100})\") !default;\r\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-100})\") !default;\r\n$brand-light-news: unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n$brand-light-danger:  unquote(\"rgb(#{$palette-red-100})\") !default;\r\n\r\n//不同背景下对应的文字颜色\r\n\r\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\r\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\r\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\r\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$color-light: $gray-darker !default;\r\n\r\n//redius\r\n\r\n$default-border-radius: $border-radius;\r\n\r\n// hover时的背景色，包括select、dropdown、table、datepicker、tree、menu等组件\r\n$hover-bg-color-base: unquote(\"rgb(#{$item-hover-bg-color-base})\") !default;\r\n// // selected背景色，包括：select、menu等\r\n$selected-bg-color-base: unquote(\"rgb(#{$item-selected-bg-color-base})\") !default;\r\n\r\n// UButton\r\n\r\n// Button 基础背景色.\r\n// 默认按钮(<Button></Button>)\r\n$button-default-color: unquote(\"rgb(#{$default-color})\");\r\n$button-default-color-IE8: unquote(\"rgb(#{$default-color})\");\r\n\r\n// 边框按钮(shape:'border')\r\n$button-border-bg-color: unquote(\"rgb(#{$color-dark-contrast})\");\r\n\r\n// Button 不同状态下的背景色 ：hover、active、focus状态.\r\n$button-hover-color: unquote(\"rgb(#{$default-color-light})\");\r\n$button-active-color: unquote(\"rgb(#{$default-color-dark})\");\r\n$button-focus-color: unquote(\"rgb(#{$default-color-light})\");\r\n\r\n// Button 配置不同colors属性时的背景色.\r\n$button-primary-color:  $brand-primary;\r\n$button-primary-active-color:  $brand-primary-active;\r\n$button-primary-hover-color:  $brand-primary-hover;\r\n$button-secondary-color:  $brand-secondary;\r\n$button-secondary-active-color:  $brand-secondary-active;\r\n$button-secondary-hover-color:  $brand-secondary-hover;\r\n$button-success-color:  $brand-success;\r\n$button-success-active-color:  $brand-success-active;\r\n$button-success-hover-color:  $brand-success-hover;\r\n$button-info-color:  $brand-info;\r\n$button-info-active-color:  $brand-info-active;\r\n$button-info-hover-color:  $brand-info-hover;\r\n$button-warning-color: $brand-warning;\r\n$button-warning-active-color:  $brand-warning-active;\r\n$button-warning-hover-color:  $brand-warning-hover;\r\n$button-danger-color: $brand-danger;\r\n$button-danger-active-color:  $brand-danger-active;\r\n$button-danger-hover-color:  $brand-danger-hover;\r\n$button-dark-color:  $brand-dark;\r\n$button-dark-active-color:  $brand-dark-active;\r\n$button-dark-hover-color:  $brand-dark-hover;\r\n$button-light-color:  $brand-light;\r\n$button-light-active-color:  $brand-light-active;\r\n$button-light-hover-color:  $brand-light-hover;\r\n\r\n// Button 文字颜色.\r\n// 主按钮(colors:'primary')\r\n$button-primary-text-color: unquote(\"rgb(#{$text-color-base})\") !default;\r\n$button-text-color: $button-primary-text-color;\r\n// 次按钮(colors:'secondary')\r\n$button-second-text-color: unquote(\"rgb(#{$button-secondary-text-color})\") !default;\r\n// 默认按钮(<Button></Button>)\r\n$button-default-text-color: unquote(\"rgb(#{$palette-grey-900})\") !default;\r\n// 边框按钮(shape:'border')\r\n// $button-border-text-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n// Button 边框样式及颜色.\r\n$button-border-style: unquote(\"solid\") !default;\r\n$button-border-color: $border-color-base;\r\n$button-default-border-color: $button-default-color !default;\r\n\r\n// Button 不同状态下的边框颜色 ：hover、active、focus状态.\r\n$button-hover-border-color: $brand-default-hover;\r\n$button-active-border-color: $brand-default-active;\r\n$button-focus-border-color: $brand-default-active;\r\n\r\n// FAB colors and sizes.\r\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\r\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\r\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\r\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n\r\n// Icon button colors and sizes.\r\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\r\n$button-icon-focus-color: $button-focus-color !default;\r\n\r\n// Button 最小宽度、高度、内边距、外边距、行高、边框粗细、圆角.\r\n$button-min-width: 72/10 * $unit !default;\r\n$button-height: 36/10 * $unit !default;\r\n$button-padding: 4/10* $unit  13/10 * $unit !default;\r\n$button-padding-IE8: 4px 13px !default;\r\n$button-top-padding: 1310 * $unit !default;\r\n$button-left-padding: 6/10* $unit !default;\r\n$button-line-height:1.57142857;\r\n$button-margin: 4/10 * $unit !default;\r\n$button-border-radius: 3/10 * $unit !default;\r\n$button-border-width: 1/10 * $unit !default;\r\n\r\n$button-fab-size: 38/10 * $unit !default;\r\n$button-fab-size-mini: 30/10 * $unit !default;\r\n$button-fab-font-size: 14/10 * $unit !default;\r\n\r\n$button-icon-size: 32/10 * $unit !default;\r\n$button-icon-size-mini: 13/10 * $unit !default;\r\n\r\n$button-raised-font-size: 14/10 * $unit !default;\r\n\r\n// Button 大按钮\r\n$button-padding-y-lg:8px;\r\n$button-padding-x-lg:15px;\r\n$font-size-lg:1.4 * $unit;\r\n\r\n\r\n// Button 特大型按钮\r\n$button-padding-y-xg:10.5px;\r\n$button-padding-x-xg:18px;\r\n$font-size-xg:1.6 * $unit;\r\n\r\n\r\n// Button 小型按钮\r\n$button-padding-y-sm:3px;\r\n$button-padding-x-sm:5px;\r\n$font-size-sm:1.2 * $unit;\r\n\r\n\r\n\r\n// UText\r\n\r\n\r\n$form-control-border-radius: $border-radius-base;\r\n$form-control-default-font-size: 14px;\r\n$form-control-lg-font-size: 14px;\r\n$form-control-sm-font-size: 12px;\r\n$form-control-default-height: 32px;\r\n$form-control-lg-height: 40px;\r\n$form-control-sm-height: 26px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: $border-color-base;\r\n$form-control-disable-bg-color: #F7F9FB;\r\n$form-control-disable-color: $disabled-color-base;\r\n$form-control-disable-border-color: #DFE1E6;\r\n\r\n$input-text-background-color: transparent !default;\r\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\r\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\r\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\r\n$input-text-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$input-text-disabled-color: $input-text-bottom-border-color !default;\r\n$input-text-disabled-text-color: $input-text-label-color !default;\r\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\r\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\r\n\r\n\r\n$input-text-font-size: 14px !default;\r\n$input-text-width: 100% !default;\r\n$input-text-padding: 4px !default;\r\n$input-text-vertical-spacing: 20px !default;\r\n\r\n$input-text-button-size: 32px !default;\r\n$input-text-floating-label-fontsize: 12px !default;\r\n$input-text-expandable-icon-top: 16px !default;\r\n$input-text-height:36px !default;\r\n$input-text-normal-width:360px !default;\r\n$input-text-short-width:180px !default;\r\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\r\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default;\r\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\r\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default;\r\n\r\n\r\n/* FormGroup */\r\n\r\n$error-input-border:$brand-danger;\r\n$warning-input-border:$brand-warning;\r\n$success-input-border:$brand-success;\r\n$success-addon-bg: $brand-light-success;\r\n$warning-addon-bg: $brand-light-warning;\r\n$error-addon-bg: $brand-light-danger;\r\n$form-group-margin-top: 15px;\r\n$form-group-margin-bottom: 15px;\r\n\r\n/*  Navlayout  */\r\n\r\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\r\n\r\n// Drawer\r\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\r\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\r\n$layout-drawer-navigation-color: #757575 !default;\r\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\r\n\r\n// Header\r\n$layout-header-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\r\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\r\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\r\n\r\n// Tabs\r\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n$layout-nav-link-font-size: 13px !default;\r\n\r\n$layout-drawer-narrow: 240px !default;\r\n$layout-drawer-wide: 456px !default;\r\n$layout-drawer-width: $layout-drawer-narrow !default;\r\n\r\n$layout-header-icon-size: 32px !default;\r\n$layout-screen-size-threshold: 1024px !default;\r\n$layout-header-icon-margin: 24px !default;\r\n$layout-drawer-button-mobile-size: 44px !default;\r\n$layout-drawer-button-desktop-size: 34px !default;\r\n$layout-drawer-button-desktop-margin-top: 5px !default;\r\n$layout-drawer-button-mobile-margin-top: 10px !default;\r\n\r\n$layout-header-mobile-row-height: 56px !default;\r\n$layout-mobile-header-height: $layout-header-mobile-row-height;\r\n$layout-header-desktop-row-height: 44px !default;\r\n$layout-desktop-header-height: $layout-header-desktop-row-height;\r\n\r\n$layout-header-desktop-baseline: 80px !default;\r\n$layout-header-mobile-baseline: 72px !default;\r\n$layout-header-mobile-indent: 16px !default;\r\n$layout-header-desktop-indent: 40px !default;\r\n\r\n$layout-tab-font-size: 14px !default;\r\n$layout-tab-bar-height: 48px !default;\r\n$layout-tab-mobile-padding: 12px !default;\r\n$layout-tab-desktop-padding: 24px !default;\r\n$layout-tab-highlight-thickness: 2px !default;\r\n\r\n// gridlayout\r\n\r\n// Extra small screen / phone\r\n//$screen-xs:                  480px;\r\n\r\n$screen-xs-min:              480px;\r\n// Deprecated `@screen-phone` as of v3.0.1\r\n//@screen-phone:               @screen-xs-min;\r\n\r\n// Small screen / tablet\r\n// Deprecated `@screen-sm` as of v3.0.1\r\n//@screen-sm:                  768px;\r\n$screen-sm-min:              768px;\r\n// Deprecated `@screen-tablet` as of v3.0.1\r\n//@screen-tablet:              @screen-sm-min;\r\n\r\n// Medium screen / desktop\r\n// Deprecated `@screen-md` as of v3.0.1\r\n//@screen-md:                  992px;\r\n$screen-md-min:              992px;\r\n// Deprecated `@screen-desktop` as of v3.0.1\r\n//@screen-desktop:             @screen-md-min;\r\n\r\n// Large screen / wide desktop\r\n// Deprecated `@screen-lg` as of v3.0.1\r\n//@screen-lg:                  1200px;\r\n$screen-lg-min:              1200px;\r\n// Deprecated `@screen-lg-desktop` as of v3.0.1\r\n//@screen-lg-desktop:          @screen-lg-min;\r\n$screen-xs-max: ($screen-sm-min - 1 );\r\n\r\n$screen-sm-max: ($screen-sm-min -  1 );\r\n\r\n$screen-md-max: ($screen-lg-min - 1 );\r\n\r\n\r\n\r\n\r\n// Number of columns in the grid.\r\n$grid-columns:              12;\r\n// Padding between columns. Gets divided in half for the left and right.\r\n$grid-gutter-width:         30px;\r\n// Navbar collapse\r\n// Point at which the navbar becomes uncollapsed.\r\n$grid-float-breakpoint:     768px;\r\n// Point at which the navbar begins collapsing.\r\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\r\n\r\n\r\n// Small screen / tablet\r\n$container-tablet:             (720px + $grid-gutter-width);\r\n// For `@screen-sm-min` and up.\r\n$container-sm:                 $container-tablet;\r\n\r\n// Medium screen / desktop\r\n$container-desktop:            (940px + $grid-gutter-width);\r\n// For `@screen-md-min` and up.\r\n$container-md:                 $container-desktop;\r\n\r\n// Large screen / wide desktop\r\n$container-large-desktop:      (1140px + $grid-gutter-width);\r\n// For `@screen-lg-min` and up.\r\n$container-lg:                 $container-large-desktop;\r\n\r\n\r\n\r\n// menu\r\n\r\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$menu-expand-duration: 0.3s !default;\r\n$menu-fade-duration: 0.2s !default;\r\n\r\n// Default Item Colors\r\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\r\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\r\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\r\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\r\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\r\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\r\n\r\n// Disabled Button Colors\r\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n\r\n// Tile\r\n$tile-width: 100%;\r\n\r\n$tile-default-border-color: #e9e9e9;\r\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\r\n\r\n$tile-primary-border-color: $button-primary-color;\r\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\r\n\r\n$tile-danger-border-color: $button-danger-color;\r\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\r\n\r\n$tile-warning-border-color: $button-warning-color;\r\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\r\n\r\n$tile-success-border-color: $button-success-color;\r\n$tile-success-hover-shadow-color: $button-success-hover-color;\r\n\r\n$tile-info-border-color: $button-info-color;\r\n$tile-info-hover-shadow-color: $button-info-hover-color;\r\n\r\n// Alert\r\n$alert-news-bg:  $brand-light-news;\r\n$alert-success-bg:  $brand-light-success;\r\n$alert-info-bg:  $brand-light-info;\r\n$alert-warning-bg: $brand-light-warning;\r\n$alert-danger-bg: $brand-light-danger;\r\n\r\n\r\n$alert-dark-news-bg:  $brand-news;\r\n$alert-dark-success-bg:  $brand-success;\r\n$alert-dark-info-bg:  $brand-info;\r\n$alert-dark-warning-bg: $brand-warning;\r\n$alert-dark-danger-bg: $brand-danger;\r\n\r\n$alert-news-color: $color-news;\r\n$alert-success-color: $color-success;\r\n$alert-info-color: $color-info;\r\n$alert-warning-color: $color-warning;\r\n$alert-danger-color: $color-danger;\r\n\r\n$timeline-primary-color: $brand-primary;\r\n$timeline-news-color: $color-news;\r\n$timeline-success-color: $color-success;\r\n$timeline-info-color: $color-info;\r\n$timeline-warning-color: $color-warning;\r\n$timeline-danger-color: $color-danger;\r\n\r\n$alert-padding:10px;\r\n$alert-font-size:12px;\r\n$alert-border-radius: $border-radius;\r\n$alert-text-padding-left: 15px;\r\n$alert-text-padding-right: 15px;\r\n$alert-close-font-size: 21px;\r\n$alert-close-opacity: .2;\r\n$alert-close-font-weight: 700;\r\n\r\n//Checkbox\r\n\r\n$checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\r\n$checkbox-image-path: $image_path;\r\n\r\n$checkbox-label-font-size: 13px !default;\r\n$checkbox-label-height: 24px !default;\r\n$checkbox-button-size: 16px !default;\r\n$checkbox-inner-margin: 2px !default;\r\n$checkbox-padding: 8px !default;\r\n$checkbox-top-offset:\r\n        ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\r\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\r\n\r\n$checkbox-primary-bg:  $brand-primary;\r\n$checkbox-success-bg:  $brand-success;\r\n$checkbox-info-bg:  $brand-info;\r\n$checkbox-warning-bg: $brand-warning;\r\n$checkbox-danger-bg: $brand-danger;\r\n$checkbox-dark-bg:  $brand-dark;\r\n\r\n$progress-primary-bg:  $brand-primary;\r\n$progress-success-bg:  $brand-success;\r\n$progress-info-bg:  $brand-info;\r\n$progress-warning-bg: $brand-warning;\r\n$progress-danger-bg: $brand-danger;\r\n$progress-dark-bg:  $brand-dark;\r\n\r\n$primary-color-opacity:unquote(\"rgba(#{$primary-color}, 0.7)\") !default;\r\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\r\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\r\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\r\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\r\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\r\n\r\n\r\n$progress-sm-height: 10px;\r\n$progress-xs-height: 5px;\r\n$progress-xs-width: 170px;\r\n$progress-default-height: 20px;\r\n$progress-sm-lable-font-size: 10px;\r\n$progress-sm-lable-line-height: 10px;\r\n$progress-xs-lable-line-height: 8px;\r\n$progress-xs-lable-margin-left: 140px;\r\n$progress-xs-lable-font-size: 10px;\r\n$progress-xs-lable-color: #000;\r\n\r\n// Radio\r\n\r\n$radio-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$radio-disabled-color: $disabled-color-base !default;\r\n\r\n$radio-label-font-size: 13px !default;\r\n$radio-label-height: 32px !default;\r\n$radio-button-size: 16px !default;\r\n$radio-inner-margin: $radio-button-size / 4;\r\n$radio-padding: 8px !default;\r\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\r\n$radio-ripple-size: 42px !default;\r\n\r\n$radio-primary-bg:            $brand-primary;\r\n$radio-success-bg:            $brand-success;\r\n$radio-info-bg:               $brand-info;\r\n$radio-warning-bg:            $brand-warning;\r\n$radio-danger-bg:             $brand-danger;\r\n$radio-dark-bg:               $brand-dark;\r\n\r\n$radio-disabled-bg: #f7f7f7;\r\n$radio-diabled-border-color: #d9d9d9;\r\n\r\n$radio-border-color: #d9d9d9;\r\n$radio-bg-color: #fff;\r\n$radio-color:#212121;\r\n\r\n$radio-checked-bg-color: #fff;\r\n$radio-checked-color: $brand-primary;\r\n$radio-checked-border-color: $radio-checked-color;\r\n\r\n$radio-icon-height: 18px;\r\n$radio-icon-width: 18px;\r\n$radio-icon-checked-height: 8px;\r\n$radio-icon-checked-width: 8px;\r\n\r\n$radio-button-lg-height:42px;\r\n$radio-button-lg-line-height:26px;\r\n\r\n$radio-button-sm-height:22px;\r\n$radio-button-sm-line-height:20px;\r\n\r\n$radio-button-height: 28px;\r\n$radio-button-line-height: 26px;\r\n\r\n\r\n\r\n\r\n\r\n//loading\r\n\r\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\r\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\r\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n\r\n$loading-single-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n$loading-size: 28px !default;\r\n$loading-stroke-width: 3px !default;\r\n\r\n// Amount of circle the arc takes up.\r\n$loading-arc-size: 270deg !default;\r\n// Time it takes to expand and contract arc.\r\n$loading-arc-time: 1333ms !default;\r\n// How much the start location of the arc should rotate each time.\r\n$loading-arc-start-rot: 216deg !default;\r\n\r\n$loading-duration: 360 * $loading-arc-time / (\r\n    strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\r\n\r\n// datetimepicker\r\n$timepicker-border-gap-color:#ccc;\r\n$timepicker-font-size:14px;\r\n\r\n$date-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n// message\r\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$snackbar-background-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\r\n\r\n// DATA TABLE\r\n\r\n$data-table-font-size: 13px !default;\r\n$data-table-header-font-size: 12px !default;\r\n$data-table-header-sort-icon-size: 16px !default;\r\n\r\n$data-table-header-color: rgba(#000, 0.54) !default;\r\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\r\n$data-table-divider-color: rgba(#000, 0.12) !default;\r\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\r\n\r\n//$data-table-hover-color: #eeeeee !default;\r\n$data-table-hover-color: #E9F7FC !default;\r\n$data-table-selection-color: #C4EAF6 !default;\r\n\r\n$data-table-dividers: 1px solid $data-table-divider-color !default;\r\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\r\n\r\n$data-table-row-height: 48px !default;\r\n$data-table-last-row-height: 56px !default;\r\n$data-table-header-height: 56px !default;\r\n\r\n$data-table-column-spacing: 36px !default;\r\n$data-table-column-padding: $data-table-column-spacing / 2;\r\n\r\n$data-table-card-header-height: 64px !default;\r\n$data-table-card-title-top: 20px !default;\r\n$data-table-card-padding: 24px !default;\r\n$data-table-button-padding-right: 16px !default;\r\n$data-table-cell-top: $data-table-card-padding / 2;\r\n\r\n// $line-height-computed:    round(($font-size-small * $line-height-base));\r\n$line-height-computed:    round((14px * $line-height-base));\r\n$table-bg:                transparent;\r\n$table-cell-padding:            8px;\r\n$table-border-color:            $border-color-base;\r\n$table-bg-hover:                $bg-color-base;\r\n$table-bg-active:               $table-bg-hover;\r\n$table-bg-accent:               unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\r\n\r\n\r\n\r\n\r\n// tooltip\r\n$tooltip-max-width: 200px;\r\n$tooltip-color: #fff;\r\n$tooltip-bg: #42526E;\r\n$tooltip-inverse-border-color: #d9d9d9;\r\n$tooltip-inverse-color: rgb(51,51,51);\r\n$tooltip-arrow-color: $tooltip-bg;\r\n$tooltip-opacity: 1;\r\n\r\n\r\n// 进度条\r\n$bar-height: 4px !default;\r\n$progress-main-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\r\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\r\n$progress-image-path: $image_path;\r\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n\r\n// Tabs\r\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n\r\n\r\n$tab-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n\r\n\r\n\r\n//CARD\r\n\r\n$card-width: 330px !default;\r\n$card-height: 200px !default;\r\n$card-font-size: 13px !default;\r\n$card-title-font-size: 24px !default;\r\n$card-subtitle-font-size: 10px !default;\r\n$card-horizontal-padding: 16px !default;\r\n$card-vertical-padding: 16px !default;\r\n\r\n$card-title-perspective-origin-x: 165px !default;\r\n$card-title-perspective-origin-y: 56px !default;\r\n\r\n$card-title-transform-origin-x: 165px !default;\r\n$card-title-transform-origin-y: 56px !default;\r\n\r\n$card-title-text-transform-origin-x: 149px !default;\r\n$card-title-text-transform-origin-y: 48px !default;\r\n\r\n$card-supporting-text-font-size: 1.4 * $unit !default;\r\n$card-supporting-text-line-height: 18px !default;\r\n\r\n$card-actions-font-size: 13px !default;\r\n\r\n$card-title-text-font-weight: 300 !default;\r\n$card-z-index: 1 !default;\r\n\r\n// Cover image\r\n$card-cover-image-height: 186px !default;\r\n$card-background-image-url: '' !default;\r\n\r\n\r\n\r\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\r\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\r\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n$card-border-color: rgba(0,0,0,0.1) !default;\r\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n\r\n\r\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\r\n$input-border-focus:unquote(\"rgb(#{$primary-color})\");\r\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\r\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\r\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\r\n$form-input-height:36px;\r\n$form-input-height-sm:28px;\r\n$form-input-padding-left:12px;\r\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\r\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\r\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\r\n\r\n\r\n// BADGE\r\n$badge-font-size: 12px !default;\r\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\r\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\r\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\r\n$badge-size : 22px !default;\r\n$badge-padding: 2px !default;\r\n$badge-overlap: 12px !default;\r\n\r\n$badge-primary-color:#FFFFFF;\r\n$badge-primary-bg:$brand-primary;\r\n\r\n$badge-success-color:#FFFFFF;\r\n$badge-success-bg: $brand-success;\r\n\r\n$badge-info-color:#FFFFFF;\r\n$badge-info-bg:$brand-info;\r\n\r\n$badge-warning-color:#FFFFFF;\r\n$badge-warning-bg:$brand-warning;\r\n\r\n$badge-danger-color:#FFFFFF;\r\n$badge-danger-bg:$brand-danger;\r\n\r\n$badge-dark-color:#FFFFFF;\r\n$badge-dark-bg:$brand-dark;\r\n\r\n$badge-font-size: 12px;\r\n$badge-font-dataicon-size: 10px;\r\n$badge-default-dataicon-fontcolor: #757575;\r\n$badge-default-dataicon-bgcolor: #fff;\r\n$badge-default-dataicon-bordercolor: $border-color-base;\r\n\r\n// labels\r\n$tag-padding: .25em .6em .25em;\r\n$tag-border-radius:  0.3em;\r\n$tag-bg: #eeeeee;\r\n$tag-round-border-radius:   1em;\r\n$tag-default-color: #757575;\r\n$tag-default-bg:#e0e0e0;\r\n$tag-lg-font-size:          16px;\r\n$tag-sm-font-size:          10px;\r\n$tag-sm-padding:            .1em .5em .1em;\r\n$tag-default-hover-bg: $brand-default-hover;\r\n$tag-primary-hover-bg: $brand-primary-hover;\r\n$tag-success-hover-bg: $brand-success-hover;\r\n$tag-info-hover-bg:   $brand-info-hover;\r\n$tag-warning-hover-bg: $brand-warning-hover;\r\n$tag-danger-hover-bg: $brand-danger-hover;\r\n$tag-dark-hover-bg: $brand-dark-hover;\r\n$tag-default-bg:            $brand-default;\r\n$tag-primary-bg:            $brand-primary;\r\n$tag-success-bg:            $brand-success;\r\n$tag-info-bg:               $brand-info;\r\n$tag-warning-bg:            $brand-warning;\r\n$tag-danger-bg:             $brand-danger;\r\n$tag-dark-bg:               $brand-dark;\r\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\r\n\r\n\r\n// pagination\r\n$pagination-gap-hover-border:#7A869A;\r\n\r\n$pagination-link-padding:                   7px 13px;\r\n$pagination-lg-font-size:                   16px;\r\n$pagination-lg-padding-vertical:            9.5px;\r\n$pagination-lg-padding-horizontal:          15.5px;\r\n\r\n$pagination-small-font-size:                12px;\r\n$pagination-small-padding-vertical:         4px;\r\n$pagination-small-padding-horizontal:       9.5px;\r\n\r\n$pag-color: #666666;\r\n$pag-bg-color: #fff;\r\n$pag-border-color:#d7d7d7;\r\n$pag-hover-color: #666;\r\n$pag-hover-bg-color:$hover-bg-color-base;\r\n$pag-hover-border-color:#d7d7d7;\r\n$pag-active-color: #fff;\r\n$pag-active-bg-color:#7A869A;\r\n$pag-active-border-color:#7A869A;\r\n$pag-disabled-color: #777;\r\n$pag-disabled-bg-color:#fff;\r\n$pag-disabled-border-color:#ddd;\r\n\r\n$border-radius-base:        $border-radius;\r\n$border-radius-large:       4px;\r\n$border-radius-small:       2px;\r\n\r\n$line-height-large:         1.3333333; // extra decimals for Win 8.1 Chrome\r\n$line-height-small:         1.5;\r\n// widget\r\n\r\n$widget-padding-left:30px;\r\n$widget-padding-top:10px;\r\n\r\n//tooltips\r\n\r\n$tooltip-default-bg: $brand-default;\r\n$tooltip-primary-bg: $brand-primary;\r\n$tooltip-success-bg: $brand-success;\r\n$tooltip-info-bg: $brand-info;\r\n$tooltip-warning-bg: $brand-warning;\r\n$tooltip-danger-bg: $brand-danger;\r\n$tooltip-dark-bg: $brand-dark;\r\n\r\n//menu Button\r\n\r\n$menu-default-bg: $brand-default;\r\n$menu-primary-bg: $brand-primary;\r\n$menu-success-bg: $brand-success;\r\n$menu-info-bg: $brand-info;\r\n$menu-warning-bg: $brand-warning;\r\n$menu-danger-bg: $brand-danger;\r\n$menu-dark-bg: $brand-dark;\r\n$menu-default-bg-hover: $brand-default-hover;\r\n$menu-primary-bg-hover: $brand-primary-hover;\r\n$menu-success-bg-hover: $brand-success-hover;\r\n$menu-info-bg-hover: $brand-info-hover;\r\n$menu-warning-bg-hover: $brand-warning-hover;\r\n$menu-danger-bg-hover: $brand-danger-hover;\r\n$menu-dark-bg-hover: $brand-dark-hover;\r\n\r\n\r\n// breadcrumbs\r\n\r\n$breadcrumb-padding-vertical:   8px;\r\n$breadcrumb-padding-horizontal: 10px;\r\n$breadcrumb-separator:          \"/\\00a0\";\r\n$breadcrumb-bg:                 transparent;\r\n$breadcrumb-margin-bottom:            10px;\r\n\r\n$breadcrumb-color:              $brand-primary;\r\n$breadcrumb-active-color:       $text-color;\r\n\r\n$breadcrumb-icon-margin-right:        10px;\r\n$breadcrumb-arrow-separator:          \"\\00bb\\00a0\";\r\n\r\n$breadcrumb-bg-color: #f5f5f5;\r\n$breadcrumb-active-color: #777;\r\n$breadcrumb-separate-color: #ccc;\r\n\r\n// list-group\r\n$list-group-media-heading-font-size      : $font-size-small;//14px\r\n$list-group-link-disabled-color          : $disabled-color-base;\r\n\r\n$list-group-link-disabled-bg             : $gray-lightest;\r\n\r\n$list-group-active-color                 : $brand-primary;\r\n$list-group-link-active-color            : unquote(\"rgb(#{$color-white})\") !default;\r\n$list-group-link-active-bg               : $brand-primary;\r\n\r\n\r\n$list-group-item-icon-margin-right       : 10px;\r\n\r\n$list-group-bg-inherit-item-border       : rgba(0, 0, 0, 0.075);\r\n$list-group-bg-inherit-item-hover-bg     : rgba(0, 0, 0, 0.075);\r\n\r\n\r\n$list-group-border-radius:      $border-radius-base;\r\n\r\n\r\n\r\n$list-group-link-color:          $text-color;\r\n$list-group-link-hover-color:    $text-color;\r\n$list-group-link-heading-color:  $title-color;\r\n\r\n$list-group-hover-bg:           $bg-color-base;\r\n\r\n$list-group-disabled-bg:         transparent;\r\n\r\n$list-group-disabled-color:      $disabled-color-base;\r\n\r\n\r\n$list-group-disabled-text-color: $list-group-disabled-color;\r\n$list-group-active-bg:          transparent;\r\n$list-group-active-border:      $list-group-active-bg;\r\n// $list-group-active-text-color:  lighten($list-group-active-color, 40%);\r\n$list-group-active-text-color:  $list-group-active-color;\r\n\r\n$list-group-bg:                 #fff;\r\n$list-group-border:             transparent;\r\n// $list-group-bordered-border              : $border-color-base;\r\n// $list-group-bordered-active-color        : $component-active-color;\r\n// $list-group-bordered-active-bg           : $component-active-bg;\r\n// $list-group-bordered-active-border       : $list-group-bordered-active-bg;\r\n\r\n// $list-group-gap-item-margin-bottom       : 2px;\r\n\r\n//step\r\n$steps-margin-bottom: $line-height-computed;\r\n$step-padding-horizontal:20px;\r\n$step-padding-vertical: 12px;\r\n\r\n$step-vertical-padding-horizontal: 20px;\r\n$step-vertical-padding-vertical:18px;\r\n\r\n$step-color: $gray;\r\n$step-bg: $bg-color-base;\r\n$step-number-bg: $gray-lighter;\r\n$step-number-color: $inverse;\r\n\r\n$step-current-color: $inverse;\r\n$step-current-bg: $brand-primary;\r\n\r\n$step-done-color: $inverse;\r\n$step-done-bg:$brand-success;\r\n\r\n$step-error-color: $inverse;\r\n$step-error-bg: $brand-danger;\r\n\r\n$step-disabled-color:$gray-light;\r\n\r\n$step-font-size: inherit;\r\n$step-title-font-size: 20px;\r\n$step-icon-font-size:27px;\r\n$step-number-font-size:24px;\r\n$step-number-size: 40px;\r\n\r\n$step-lg-padding-horizontal:20px;\r\n$step-lg-padding-vertical:20px;\r\n$step-lg-font-size: 16px;\r\n$step-lg-title-font-size:22px;\r\n$step-lg-icon-font-size: 32px;\r\n$step-lg-number-font-size:28px;\r\n$step-lg-number-size:46px;\r\n\r\n$step-sm-font-size: 12px;\r\n$step-sm-title-font-size: 18px;\r\n$step-sm-icon-font-size: 24px;\r\n$step-sm-number-font-size: 24px;\r\n$step-sm-number-size: 30px;\r\n\r\n$step-xs-font-size: 10px;\r\n$step-xs-title-font-size: 16px;\r\n$step-xs-icon-font-size: 22px;\r\n$step-xs-number-font-size: 20px;\r\n$step-xs-number-size: 24px;\r\n\r\n// blog nav\r\n$blognav-active-color:unquote(\"rgb(#{$primary-color})\");\r\n// widget\r\n$widget-padding-left:30px;\r\n$widget-padding-top:10px;\r\n\r\n\r\n// couter 数据统计\r\n\r\n$counter-number-color:        $gray-darkest;\r\n$counter-number-font-size:    20px;\r\n$counter-icon-font-size:      $counter-number-font-size;\r\n\r\n$counter-lg-number-font-size: 40px;\r\n$counter-md-number-font-size: 30px;\r\n$counter-sm-number-font-size: 14px;\r\n\r\n$counter-lg-icon-font-size:   $counter-lg-number-font-size;\r\n$counter-md-icon-font-size:   $counter-md-number-font-size;\r\n$counter-sm-icon-font-size:   $counter-sm-number-font-size;\r\n\r\n$counter-inverse-color:       $inverse;\r\n\r\n\r\n// navbar\r\n\r\n\r\n$menu-active-color: #108ee9;\r\n$menu-border-active-color: #108ee9;\r\n$menu-selected-bg-color: #eaf8fe;\r\n$menu-group-titil-color: #999;\r\n$menu-group-title-padding-left: 32px;\r\n$menu-color: #666;\r\n$menu-border-color: #d9d9d9;\r\n\r\n$navbar-default-bg-color: #f8f8f8;\r\n$navbar-default-border-color: #e7e7e7;\r\n$navbar-default-color: #777;\r\n$navbar-default-hover-color: #333;\r\n$navbar-inverse-hover-color: #fff;\r\n$navbar-inverse-color: #9d9d9d;\r\n$navbar-inverse-bg-color: #222;\r\n$navbar-inverse-border-color: #080808;\r\n$navbar-border-radius: 4px;\r\n\r\n$navbar-side-container-border-color: #d9d9d9;\r\n$navbar-side-container-width: 242px;\r\n$navbar-side-container-border-shadow: #d9d9d9;\r\n\r\n// Basics of a navbar\r\n$navbar-height:                    50px;\r\n$navbar-margin-bottom:             $line-height-computed;\r\n$navbar-border-radius:             $border-radius-base;\r\n$navbar-padding-horizontal:        floor(($grid-gutter-width / 2));\r\n$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2);\r\n$navbar-collapse-max-height:       340px;\r\n\r\n$navbar-avatar-margin-horizontal:  (($navbar-height - 32px) / 2);\r\n\r\n$navbar-brand-padding-horizontal:  20px;\r\n$navbar-brand-logo-height:         32px;\r\n\r\n$navbar-default-color:                    $text-color;\r\n$navbar-default-bg:                       $inverse;\r\n$navbar-default-border:                   $border-color-base;\r\n\r\n// Navbar links\r\n$navbar-default-link-color:               $text-color;\r\n$navbar-default-link-hover-color:         $gray-darker;\r\n$navbar-default-link-hover-bg:            rgba(238,238,238, 30%);\r\n$navbar-default-link-active-color:        $navbar-default-link-hover-color;\r\n$navbar-default-link-active-bg:           rgba(238,238,238, 60%);\r\n$navbar-default-link-disabled-color:      $disabled-color-base;\r\n$navbar-default-link-disabled-bg:         transparent;\r\n\r\n// Navbar brand label\r\n$navbar-default-brand-color:              $title-color;\r\n$navbar-default-brand-hover-color:        $navbar-default-brand-color;\r\n$navbar-default-brand-hover-bg:           none;\r\n\r\n// Navbar toggle\r\n$navbar-default-toggle-hover-bg:          $navbar-default-link-hover-bg;\r\n$navbar-default-toggle-icon-bar-bg:       $navbar-default-color;\r\n$navbar-default-toggle-border-color:      transparent;\r\n\r\n\r\n// Inverted navbar\r\n// Reset inverted navbar basics\r\n$navbar-inverse-bg:                        $brand-primary;\r\n$navbar-inverse-border:                    rgba(0, 0, 0, .1);\r\n\r\n// Inverted navbar links\r\n$navbar-inverse-link-color:                $inverse;\r\n$navbar-inverse-link-hover-color:          $inverse;\r\n$navbar-inverse-link-hover-bg:             rgba(0, 0, 0, .1);\r\n$navbar-inverse-link-active-color:         $navbar-inverse-link-hover-color;\r\n$navbar-inverse-link-active-bg:            $navbar-inverse-link-hover-bg;\r\n$navbar-inverse-link-disabled-color:       $inverse;\r\n$navbar-inverse-link-disabled-bg:          transparent;\r\n\r\n// Inverted navbar brand label\r\n$navbar-inverse-brand-color:               $navbar-inverse-link-color;\r\n$navbar-inverse-brand-hover-color:         $inverse;\r\n$navbar-inverse-brand-hover-bg:            none;\r\n\r\n// Inverted navbar toggle\r\n$navbar-inverse-toggle-hover-bg:           $navbar-inverse-link-hover-bg;\r\n$navbar-inverse-toggle-icon-bar-bg:        $inverse;\r\n$navbar-inverse-toggle-border-color:       transparent;\r\n\r\n//hamburger\r\n$hamburger-size: 17px;\r\n\r\n\r\n//panel\r\n$panel-header-padding : 10px 15px;\r\n$panel-footer-padding : 10px 15px;\r\n$panel-body-padding : 15px 15px;\r\n$panel-header-bg-color : #f5f5f5;\r\n$panel-footer-bg-color : #f5f5f5;\r\n$panel-bg-color : #fff;\r\n$panel-default-color : #757575;\r\n$panel-inner-border-color: #ddd;\r\n\r\n\r\n//modal\r\n$modal-header-padding : 15px;\r\n$modal-body-padding : 15px;\r\n$modal-footer-padding : 15px;\r\n$modal-content-bg-color: #fff;\r\n$modal-backdrop-bg: #000;\r\n$modal-backdrop-opacity: .6;\r\n$modal-header-border-color: transparent;\r\n$modal-footer-border-color: transparent;\r\n$modal-xlg: 976px;\r\n$modal-lg: 800px;\r\n$modal-sm: 400px;\r\n$modal-default: 600px;\r\n$modal-border-radius: $border-radius-base;\r\n\r\n//notification\r\n\r\n$zIndex-notification: $zIndex-notification;\r\n$notification-top: 30px;\r\n$notification-bottom: 30px;\r\n$notification-right: 30px;\r\n$notification-width: 300px;\r\n$notification-text-margin-right: 15px;\r\n$notice-padding: 15px;\r\n$notice-background: $gray-darkest;\r\n$notice-bottom: 15px;\r\n\r\n//message\r\n\r\n$message-font-size: 12px;\r\n\r\n$message-right: 30px;\r\n$message-width: 300px;\r\n$message-text-margin-right: 15px;\r\n$message-padding: 0;\r\n$message-content-padding: 15px;\r\n$message-background: $gray-darkest;\r\n\r\n//popconfirm\r\n\r\n$popconfirm-max-width: 300px;\r\n\r\n$popconfirm-dark-bg: $gray-darkest;\r\n$popconfirm-fallback-dark-border-color: $gray-darkest;\r\n$popconfirm-margin: 10px;\r\n$popconfirm-title-bg: #fff;\r\n$popconfirm-border-color:$border-color-base;\r\n$popconfirm-arrow-width: 10px;\r\n$popconfirm-arrow-color: $border-color-base;\r\n$popconfirm-arrow-outer-width: 0;\r\n$popconfirm-arrow-outer-color: $border-color-base;\r\n$popconfirm-border-right-color: $border-color-base;\r\n$popconfirm-fallback-border-color: #fff;\r\n\r\n//select\r\n\r\n$select-bg-color: #fff;\r\n$select-border-color: $border-color-base;\r\n$select-border-radius: $border-radius-base;\r\n$select-color: $font-color-base;\r\n$select-font-size: 12px;\r\n$select-dropdown-color: #666;\r\n$select-dropdown-bg-color: #fff;\r\n$select-dropdown-hover-bg: $hover-bg-color-base;\r\n$select-dropdown-selected-bg: $selected-bg-color-base;\r\n$select-dropdown-selected-color: rgb(134, 119, 119);\r\n$select-dropwdown-item-padding: 7px 16px;\r\n$select-disabled-color: $disabled-color-base;\r\n$select-disabled-bg: #f7f7f7;\r\n$select-disabled-border-color: #d9d9d9;\r\n//dropdown\r\n\r\n$dropdown-item-hover-bg-color:  unquote(\"rgb(#{$palette-grey-100})\");\r\n$dropdown-item-divier-bg-color: $gray-lighter;\r\n$dropdown-border-color: $border-color-base;\r\n$dropdown-border-radius:3px;\r\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\r\n$dropdown-margin: 5px 0 0 0;\r\n$dropdown-menu-item-padding: 0px 16px 0 28px;\r\n$dropdown-menu-font-size: 12px;\r\n$dropdown-menu-item-height: 42px;\r\n$dropdown-menu-item-light-height: 42px;\r\n$dropdown-menu-title-font-size: 12px;\r\n$dropdown-menu-title-color: $disabled-color-base;\r\n$dropdown-menu-title-padding:8px 16px;\r\n$dropdown-menu-title-line-height: 1.5;\r\n\r\n//upload\r\n\r\n$upload-list-color: #108ee9;\r\n$upload-list-bg : #fff;\r\n$upload-list-hover-bg: #e7f4fd;\r\n$upload-list-error-color: #f50;\r\n$upload-thumbnail-height: 48px;\r\n$upload-thumbnail-width: 48px;\r\n$upload-thumbnail-img-height: 48px;\r\n$upload-thumbnail-img-width: 48px;\r\n\r\n//loading\r\n\r\n$loading-loadprimary: rgb(63, 81, 181);\r\n$loading-loadsuccess: #4caf50;\r\n$loading-loadwarn: rgb(255, 152, 0);\r\n$loading-lineanimating: (\r\n        1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n        2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n        3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n        4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n        5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\r\n);\r\n$loading-linebackcolor: (\r\n        1: #F44336,\r\n        2: #7ED321,\r\n        3: #0084FF,\r\n        4: #FF9800,\r\n        5: #D0021B\r\n);\r\n$loading-back-width: 120px;\r\n$loading-back-height:110px;\r\n$loading-desc-font-size: 16px;\r\n$loading-desc-color: #cecece;\r\n$loading-rotate-bor:#c2c3c5;\r\n\r\n//两种加载的尺寸 width height\r\n$loading-rotate-sm-size: 25px;\r\n$loading-rotate-size:40px;\r\n$loading-rotate-lg-size:60px;\r\n\r\n$loading-line-sm-width: 4px;\r\n$loading-line-sm-height:35px;\r\n$loading-line-width:6px;\r\n$loading-line-height:50px;\r\n$loading-line-lg-width:8px;\r\n$loading-line-lg-height:90px ;\r\n\r\n//居中位置top left\r\n$loading-center-top:50%;\r\n$loading-center-left:50%;\r\n\r\n$loading-rotate-center-sm: -15px ;\r\n$loading-rotate-center:-22px;\r\n$loading-rotate-center-lg:-35px ;\r\n\r\n$loading-line-center-sm-top: -22px;\r\n$loading-line-center-sm-left:-20px;\r\n$loading-line-center-top:-30px;\r\n$loading-line-center-left:-25px;\r\n$loading-line-center-lg-top:-50px;\r\n$loading-line-center-lg-left:-30px;\r\n\r\n\r\n//switch\r\n\r\n\r\n//color\r\n$switch-border-color: $gray-lighter;\r\n$switch-back-color: $gray-lighter;\r\n$switch-checked-borColor: $brand-primary;\r\n$switch-checked-backColor: $brand-primary;\r\n\r\n// border-radius of different state switch\r\n$switch-border-radius: 20px;\r\n$switch-border-radius-after: 18px;\r\n\r\n// width height line-height  of the three switches\r\n$switch-width: (default:44px, small:32px, large:60px);\r\n$switch-height: (default:22px, small:16px, large:30px);\r\n$switch-lineHeight: (default:20px, small:12px, large:12px);\r\n\r\n// style of u-switch-inner\r\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\r\n$switch-inner-left: (default:22px, small:16px, large:30px);\r\n$switch-inner-largeTop: 8px;\r\n\r\n// style of u-switch:active:after\r\n$switch-active-width: (default:24px, small:16px, large:32px);\r\n\r\n// style of u-switch:after\r\n$switch-after-widthHeight: 18px;\r\n$switch-after-widthHeight-sm: 14px;\r\n$switch-after-widthHeight-lg: 26px;\r\n$switch-after-top: 1px;\r\n$switch-after-top-sm: 0;\r\n$switch-after-top-lg: 1px;\r\n$switch-after-left: 0;\r\n$switch-after-left-sm: 0;\r\n$switch-after-left-lg: 0;\r\n\r\n// style of u-switch.is-checked\r\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\r\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\r\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\r\n\r\n$switch-primary-bg: $brand-primary;\r\n$switch-dark-bg: $brand-dark;\r\n$switch-success-bg: $brand-success;\r\n$switch-warning-bg: $brand-warning;\r\n$switch-danger-bg: $brand-danger;\r\n$switch-info-bg: $brand-info;\r\n\r\n//tabs\r\n\r\n$tabs-basic-back: #f5f5f5;\r\n$tabs-cls-color: #666;\r\n$tabs-cls-width: 900px;\r\n$tabs-simple-conHeight: 120px;\r\n$tabs-simple-conPad: 16px;\r\n$tabs-simple-conWidth: 100%;\r\n\r\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\r\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\r\n$tabs-marginBottom: -1px;\r\n\r\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\r\n$tabs-simple-tabBorder: 1px solid #fff;\r\n$tabs-simple-activeBorder: 1px solid $brand-primary;\r\n$tabs-simple-activeColor: #fff;\r\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\r\n$tabs-simple-activeTopRadius: 5px;\r\n$tabs-simple-fontWeight: bold;\r\n\r\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\r\n$tabs-fill-tab-maright: 5px;\r\n$tabs-fill-after-top: 0;\r\n$tabs-fill-after-left: 0;\r\n$tabs-fill-after-width: 100%;\r\n$tabs-fill-after-height: 100%;\r\n$tabs-fill-fontWeight: bold;\r\n\r\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\r\n$tabs-turn-after-top: 0;\r\n$tabs-turn-after-left: 0;\r\n$tabs-turn-after-width: 100%;\r\n$tabs-turn-after-height: 100%;\r\n$tabs-turn-beforeBot: 32px;\r\n$tabs-turn-beforeRight: 15px;\r\n$tabs-turn-fontWeight: bold;\r\n$tabs-moveleft-conHeight: 120px;\r\n$tabs-moveleft-conPad: 16px;\r\n\r\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\r\n$tabs-slide-child-bottom: 0;\r\n$tabs-slide-child-left: 0;\r\n$tabs-slide-child-height: 4px;\r\n$tabs-slide-child-back: $brand-primary;\r\n$tabs-slide-fontWeight: bold;\r\n\r\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\r\n$tabs-fade-conPad: 16px;\r\n$tabs-fade-conBor: 5px;\r\n\r\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\r\n$tabs-fadeup-top: -5px;\r\n$tabs-fadeup-left: 0;\r\n$tabs-fadeup-width: 100%;\r\n$tabs-fadeup-height: 100%;\r\n$tabs-fadeup-color: #666;\r\n$tabs-fadeup-conHeight: 120px;\r\n$tabs-fadeup-conPad: 16px;\r\n\r\n\r\n//rate\r\n$rate-star-default-color:$gray-lightest;\r\n$rate-star-active-color:$brand-primary;\r\n$rate-star-marginRight:8px;\r\n//backtop\r\n$back-top-padding:5px;\r\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\r\n$backtop-right:10px;\r\n$backtop-bottom:10px;\r\n$backtop-dom-right:40px;\r\n\r\n\r\n//dnd\r\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\r\n$dnd-list-padding:8px;\r\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\r\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\r\n$dnd-item-padding:16px;\r\n$dnd-item-margin:4px;\r\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\r\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;\r\n\r\n// bee-tree\r\n$tree-checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$tree-node-bg-color: $hover-bg-color-base !default;\r\n\r\n// bee-table\r\n$table-head-background-color: unquote(\"rgb(#{$table-header-background-color})\") !default;\r\n$table-head-text-color: unquote(\"rgb(#{$table-header-text-color})\") !default;\r\n\r\n// bee-transfer\r\n$transfer-border-gap-color:#d9d9d9;\r\n\r\n// bee-transfer\r\n$cascader-border-gap-color:#ccc;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n// @import \"../node_modules/bee-loading/src/Loading\";\n\n$text-color: $font-color-base;\n$font-size-base: 12px;\n$line-height: 1.33;\n// 主题定制border：\n$table-border-color: unquote(\"rgb(#{$table-border-color-base})\");\n// $table-head-background-color: #f7f7f7;\n// $table-head-text-color: #666;\n$vertical-padding: 12px;\n$horizontal-padding: 8px;\n$first-horizontal-padding: 12px;\n// $table-border-color: #e9e9e9;\n\n$table-hover-color: #E7F2FC;\n$table-move-in-color: $bg-color-base;\n$checkbox-height:14px;\n$table-th-bottom-border:#C1C7D0;\n\n$filter-form-control-height:26px;\n$table-head-font-weight: bold;\n$icon-color:#505F79;\n.u-table {\n  font-size: $font-size-base;\n  color: $text-color;\n  // transition: opacity 0.3s ease;\n  position: relative;\n  line-height: $line-height;\n  overflow: hidden;\n  &-body{\n    // overflow: hidden!important;\n    position: relative;\n  }\n  &-hiden-drag{\n    position: relative;\n    &-li{\n      position: absolute;\n      top: 0px;\n      left: 0px;\n      // height: 10px;//这个高度先注释掉了，加上后，在火狐浏览器上会站位置。滚动条拉到最右边有错行\n    }\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: left;\n  }\n\n  th {\n    // background: $table-head-background-color;\n    font-weight: $table-head-font-weight;\n    text-align: left;\n    // transition: background 0.3s ease;\n    line-height: 16px;\n    &[colspan] {\n      text-align: center;\n    }\n    ::last-child{\n      overflow: hidden;\n    }\n  }\n\n  td {\n    border-bottom: 1px solid $table-border-color;\n    line-height: $line-height;\n    a{\n      color: #2196F3;\n      &:hover{\n        color: #1565c0;\n      }\n      &:active{\n        color: #1565c0;\n      }\n    }\n  }\n  thead{\n    tr:last-child{\n      border-bottom: 1px solid $table-th-bottom-border;\n    }\n    tr>th:last-child{\n      border-right: none; \n    }\n  }\n  tr {\n    // transition: all 0.3s ease;\n    &:hover {\n      // background: $hover-bg-color-base;\n      td {\n        .uf-eye{\n          visibility: visible !important;\n        }\n      }\n    }\n    tr a{\n      color: #2196F3;\n      &:hover{\n        color: #1565c0;\n      }\n      &:active{\n        color: #1565c0;\n      }\n    }\n  }\n  tr.tr-row-hover {\n    background: $hover-bg-color-base;\n  }\n\n  th,\n  td {\n    padding: $vertical-padding $horizontal-padding;\n    word-break: break-all;\n    &.text-center{\n      text-align: center;\n    }\n    &.text-right{\n      text-align: right;\n    }\n  }\n  &-sm {\n    td {\n      padding: 8px $horizontal-padding;\n    }\n  }\n  &-lg {\n    td {\n      padding: 16px $horizontal-padding;\n    }\n  }\n  tr {\n    \n    &.filterable{\n      th{\n        padding-top: 5px !important;\n        padding-bottom: 5px !important;\n        .filterContext{\n          height: 35px;\n        }\n        .u-select-selection--single{\n          height: 26px;\n        }\n      }\n    }\n  }\n  &-row-hover {\n    background:unquote(\"rgb(#{$table-row-hover-bg-color})\");\n  }\n \n  &-scroll {\n    overflow: auto;\n  }\n  &-bordered {\n    table {\n      border: 1px solid $table-border-color;\n      box-sizing: border-box;\n      table-layout: fixed;\n      // width:auto;\n    }\n \n    .u-table-header>table {\n        border-bottom: 0;\n    }\n    .u-table-header~.u-table-body,.u-table-header~.u-table-body-outer{\n      table{\n        border-top: 0px ;\n      }\n    }\n\n    th {\n      border-bottom: 1px solid $table-border-color;\n      box-sizing: border-box;\n    }\n    th,\n    td {\n      border-right: 1px solid $table-border-color;\n      box-sizing: border-box;\n    }\n  }\n  &-drag-border{\n    tr {\n      th.th-can-not-drag{ //拖拽tag影响了表格整体宽度\n        overflow: hidden;\n      }\n    }\n  }\n  &-header {\n    overflow: hidden;\n    background: $table-head-background-color;\n    color: $table-head-text-color;\n  }\n\n  &.fixed-height td {\n    padding: 0px $horizontal-padding;\n  }\n\n  &-fixed-header &-body {\n    background: #fff;\n    position: relative;\n  }\n  &-fixed-left &-body-inner {\n    margin-right: -20px;\n    padding-right: 20px;\n  }\n\n   &-fixed-header &-fixed-left &-body-inner {\n    padding-right: 0px;\n  }\n\n  &-fixed-header &-body-inner {\n    height: 100%;\n    // overflow: scroll;\n  }\n\n\n  &-fixed-header &-scroll &-header {\n    overflow-x: scroll;\n    padding-bottom: 20px;\n    margin-bottom: -20px;\n    overflow-y: scroll;\n    box-sizing: border-box;\n  }\n\n  &-title {\n    padding: $vertical-padding $horizontal-padding;\n    border-top: 1px solid $table-border-color;\n  }\n\n  &-content {\n    position: relative;\n  }\n\n  &-footer {\n    padding: $vertical-padding $horizontal-padding;\n    border-bottom: 1px solid $table-border-color;\n    .u-table-scroll{\n      overflow-x: hidden;\n    }\n  }\n  &-footer & {\n    margin: (-$vertical-padding) (-$horizontal-padding);\n  }\n\n  &-placeholder {\n    padding: $vertical-padding 8px;\n    background: #fff;\n    border-bottom: 1px solid $table-border-color;\n    text-align: center;\n    position: relative;\n    .table-nodata{ font-size:48px; }\n  }\n\n  &-expand-icon-col {\n    width: 10px;\n  }\n  &-row,\n  &-expanded-row {\n    .u-table{\n      tr{\n        background: #fff;\n      }\n      tr.u-table-row-hover{\n        background:unquote(\"rgb(#{$table-row-hover-bg-color})\");\n      }\n    }\n    &-expand-icon {\n      cursor: pointer;\n      display: inline-block;\n      margin-right: 0px;\n      width: 16px;\n      height: 16px;\n      text-align: center;\n      line-height: 14px;\n      border: 1px solid $table-border-color;\n      user-select: none;\n      background: #fff;\n      margin-right: 10px;\n    }\n    &-spaced {\n      visibility: hidden;\n    }\n    &-spaced:after {\n      content: \".\";\n    }\n\n    &-expanded:after {\n      content: \"-\";\n    }\n\n    &-collapsed:after {\n      content: \"+\";\n    }\n  }\n  &-row{\n    &.selected{\n      background: #FFF7E7;\n    }\n  }\n  tr.u-table-expanded-row {\n    background: #DFE1E6;\n    &:hover {\n      background: #DFE1E6;\n    }\n    .u-table {\n      // padding: 0 40px 0 20px;\n      z-index: 1;\n    }\n  }\n  &-column-hidden {\n    display: none;\n  }\n  &-prev-columns-page,\n  &-next-columns-page {\n    cursor: pointer;\n    color: #666;\n    z-index: 1;\n    &:hover {\n      color: #2db7f5;\n    }\n    &-disabled {\n      cursor: not-allowed;\n      color: #999;\n      &:hover {\n        color: #999;\n      }\n    }\n  }\n  &-prev-columns-page {\n    margin-right: 8px;\n    &:before {\n      content: \"<\";\n    }\n  }\n  &-next-columns-page {\n    float: right;\n    &:before {\n      content: \">\";\n    }\n  }\n\n  &-fixed-left,\n  &-fixed-right {\n    position: absolute;\n    top: 0;\n    overflow: hidden;\n    z-index: 1;\n    table {\n      width: auto;\n      background: #fff;\n    }\n  }\n\n  &-fixed-left {\n    left: 0;\n    box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1);\n    &-body-inner {\n      margin-right: -20px;\n      padding-right: 20px;\n    }\n    &-fixed-header & &-body-inner {\n      padding-right: 0;\n    }\n  }\n\n  &-fixed-right {\n    right: 0;\n    box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1);\n\n    // hide expand row content in right fixed Table\n    // https://github.com/ant-design/ant-design/issues/1898\n    &-expanded-row {\n      color: transparent;\n      pointer-events: none;\n    }\n \n  }\n  \n  &-scroll-position-left &-fixed-left {\n    box-shadow: none;\n  }\n\n  &-scroll-position-right &-fixed-right {\n    box-shadow: none;\n  }\n\n  &-thead{\n    .filter-text,.filter-dropdown,.filter-date {\n      font-weight: normal;\n    }\n    .filter-wrap{\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      .filter-btns{\n        min-width: 58px;\n      }\n    }\n    th{\n      background: $table-head-background-color;\n      color: $table-head-text-color;\n      background-clip:padding-box;\n      //禁止选中文字\n      -moz-user-select: -moz-none;\n      -khtml-user-select: none;\n      -webkit-user-select: none; \n      /*\n        Introduced in IE 10. \n      */\n        -ms-user-select: none;\n        user-select: none;\n\n      // overflow: hidden;\n      // white-space: nowrap;\n      // text-overflow: ellipsis;\n      .bee-table-column-sorter {\n        position: relative;\n        margin-left: 4px;\n        height: 16px;\n        vertical-align: middle;\n        text-align: center;\n        display: inline-block;\n        margin-top: -3px;\n        i{\n          padding: 0px;\n          font-weight: 600;\n          color: $icon-color;\n        }\n       \n        & > .bee-table-column-sorter-down,\n        & > .bee-table-column-sorter-up, & > .bee-table-column-sorter-flat {\n          line-height: 16px;\n          display: block;\n          width: 34px;\n          cursor: pointer;\n        }\n       \n      }\n\n      .bee-table-column-sorter-down.on .uf-triangle-down,\n      .bee-table-column-sorter-down.on .uf-triangle-up,\n      .bee-table-column-sorter-up.on .uf-triangle-down,\n      .bee-table-column-sorter-up.on .uf-triangle-up {\n        color: #108ee9;\n      }\n      .bee-table-column-sorter .uf-triangle-down,\n      .bee-table-column-sorter .uf-triangle-up {\n        -webkit-filter: none;\n        filter: none;\n        font-size: 12px;\n      }\n      .bee-table-column-sorter .uf-triangle-down,\n      .bee-table-column-sorter .uf-triangle-up {\n        display: inline-block;\n        padding: 0;\n        font-size: 12px;\n        font-size: 8px\\9;\n        -webkit-transform: scale(0.66666667) rotate(0deg);\n        -ms-transform: scale(0.66666667) rotate(0deg);\n        transform: scale(0.66666667) rotate(0deg);\n        -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n        zoom: 1;\n        line-height: 4px;\n        height: 4px;\n        color: #999;\n        // -webkit-transition: all 0.3s;\n        // transition: all 0.3s;\n      }\n       &:hover{\n        .bee-table-column-sorter {\n            display: inline-block;\n        }\n      }\n    }\n    .th-drag{\n      cursor: move;\n    }\n    .th-drag:hover{\n      background: $hover-bg-color-base;\n\n    }\n    //为了区分是拖拽宽度还是交换列，先注释上面了\n    // .th-drag:hover{\n    //   background:#ccc;\n    // }\n    .th-drag-hover{ \n      background: #ccc;\n    }\n    &-th{\n      position: relative;\n\n      &-drag-gap{\n        height: 100%;\n        position: absolute;\n        right: -10px;\n        top: 0;\n        // background:transparent;\n        // width: 1px;\n        // background:#ccc;\n        width: 20px;\n        \n        box-sizing: border-box;\n        z-index: 1;\n\n        .online{\n          height: 100%;\n          width: 1px;\n          background:transparent;//兼容火狐浏览器，如果table设置border，\n          margin: 0 auto;\n        }\n        .online-hover{\n          background:#000000;\n        }\n      \n      }\n      &-drag-gap:hover{\n        cursor: col-resize;\n        .online{\n          background: #000000\n        }\n      }\n    }\n    &-th:last-child {\n      &-drag-gap{\n        border: none;\n      }\n    }\n  }\n\n\n  &-filter-column{\n    \n    &-pop-cont{\n      margin: 0px;\n      max-height: 300px;\n      overflow-y: scroll;\n      color:#212121;\n    }\n    &-clear-setting{ \n      // border-bottom: 1px solid #ccc;\n      cursor: pointer;\n      margin-bottom: 4px;\n    }\n    &-cont{\n      position: relative;\n    }\n    &-filter-icon{\n      position: absolute;\n      width: 30px;\n      height: 39px ;\n      line-height: 39px;\n      right: 0px ;\n      top:1px ;\n      z-index: 2;\n      background: $table-head-background-color;\n      text-align: center;\n      cursor: pointer;\n      i.uf{\n        padding: 0px;\n        color: $icon-color;\n      }\n    }\n    &-pop-cont-item{\n      margin-top: 8px;\n      font-size: 12px;\n      // line-height: 30px;\n      cursor: pointer;\n      .u-checkbox {\n        margin: 0px;\n\n      }\n    }\n    &-pop-cont-item span.drop-menu-title{\n      margin-left: -3px;\n      max-width: 132px;\n      width: auto !important;\n      min-width: 56px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      display: inline-block;\n      vertical-align: middle;\n    }\n    &-pop .u-modal-dialog{\n      border: 1px solid #ccc;\n      background: #fff;\n    }\n  }\n  //拖拽宽度代码\n  &-row-fixed-columns-in-body{\n    // visibility: hidden;\n    display:none;\n    pointer-events: none;\n  }\n  //固定列含有checkbox 样式复写\n  .u-checkbox {\n    height: $checkbox-height;\n    line-height:  $checkbox-height;\n    margin:0px;\n    display: block;\n    .u-checkbox-label{\n      line-height:  $checkbox-height;\n      padding-left: 16px;\n      &:before,&:after {\n        width:  $checkbox-height;\n        height:  $checkbox-height;\n      }\n    }\n  }\n  .u-table-scroll,.u-table-fixed-left{\n    tr{\n      td:first-child, th:first-child{\n        padding-left: $first-horizontal-padding\n      }\n    }\n  }\n  &.has-fixed-left{\n    .u-table-scroll{\n      tr{\n        td:first-child, th:first-child{\n          padding-left: $horizontal-padding\n        }\n      }\n    }\n  }\n  // 滚动条样式复写\n  ::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n  ::-webkit-scrollbar-button {\n    display: none;\n  }\n  ::-webkit-scrollbar-thumb {\n    background: #d5d5d5 !important;\n    border-radius: 5px;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: 4px;\n    background-color: #d5d5d5;\n    position: absolute;\n  }\n\n  ::-webkit-scrollbar-track {\n    display: none;\n  }\n\n  ::-webkit-scrollbar-track-piece {\n    display: none;\n  }\n}\n.u-table:focus{\n  outline: none;\n  // border-color: #9ecaed;\n  // box-shadow: 0 0 10px #9ecaed;\n  box-shadow: 0 0 0;\n}\n\n  .u-table-bordered {\n    .u-table-drag-gap{\n      background:#e9e9e9;\n    }\n  }\n.u-table.bordered {\n  table {\n    border-collapse: collapse;\n  }\n  th,\n  td {\n    border: 1px solid $table-border-color;\n  }\n}\n\n.move-enter,\n.move-appear {\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  animation-duration: 2.5s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.move-leave {\n  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  animation-duration: 0.5s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n  animation-name: moveLeftIn;\n  animation-play-state: running;\n}\n\n.move-leave.move-leave-active {\n  animation-name: moveRightOut;\n  animation-play-state: running;\n}\n\n@keyframes moveLeftIn {\n  0% {\n    transform-origin: 0 0;\n    transform: translateX(30px);\n    opacity: 0;\n    background: $table-move-in-color;\n  }\n  20% {\n    transform-origin: 0 0;\n    transform: translateX(0);\n    opacity: 1;\n  }\n  80% {\n    background: $table-move-in-color;\n  }\n  100% {\n    background: transparent;\n    opacity: 1;\n  }\n}\n\n@keyframes moveRightOut {\n  0% {\n    transform-origin: 0 0;\n    transform: translateX(0);\n    opacity: 1;\n  }\n  100% {\n    transform-origin: 0 0;\n    transform: translateX(-30px);\n    opacity: 0;\n  }\n}\n\n.formItem-style {\n  height: unset;\n  min-height: unset;\n  padding: 0;\n}\n.errMessage-style {\n  display: none;\n  border: none;\n  /* margin-top: 5px; */\n  /* margin-bottom: 5px; */\n  background: transparent;\n  color: #f22c1d;\n  /* padding-left: 12px; */\n  /* padding-right: 12px; */\n  margin: 0;\n  position: absolute;\n  padding: 0;\n  top: 3px;\n  right: 0;\n}\n\n.editable-cell {\n  position: relative;\n}\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n  padding-right: 24px;\n}\n.editable-cell-input-wrapper {\n  .u-form-item.formItem-style .u-label{\n    display: none;\n  }\n  .u-input-group .u-form-control{\n    height: 26px;\n    font-size: 12px;\n  }\n}\n\n.editable-cell-text-wrapper {\n  padding: 5px 24px 5px 5px;\n  height: 30px;\n}\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 20px;\n  cursor: pointer;\n}\n\n.editable-cell-icon {\n  line-height: 28px;\n  display: none;\n}\n\n.editable-cell-icon-check {\n  line-height: 28px;\n}\n\n.editable-cell:hover .editable-cell-icon {\n  display: inline-block;\n}\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n  color: #2db7f5;\n}\n\n.editable-add-btn {\n  margin-bottom: 8px;\n}\n\n.search-component {\n  margin-bottom: 20px;\n  .empty-search {\n    position: absolute;\n    right: 45px;\n    z-index: 20;\n    top: 5px;\n    color: #524e4e;\n    cursor: pointer;\n  }\n  &.u-input-group.simple {\n    float: right;\n  }\n  &.u-input-group.simple .u-form-control {\n    width: 251px;\n    background: #f5f5f5;\n    border-color: #f5f5f5;\n    border-radius: 20px;\n  }\n  &.u-input-group.simple .u-input-group-btn {\n    top: 3px;\n    right: 20px;\n    position: absolute;\n  }\n}\n\n\n.col-resize-container {\n  height: 0px;\n  position: relative;\n\n  & + .table-col-resizer:first-of-type {\n    table-layout: fixed;\n  }\n\n  .active-drag .icon{\n    visibility: visible;\n  }\n\n  .last-handle {\n    display: none;\n  }\n\n  .drag-handle {\n    margin-left: -5px;\n    position: absolute;\n    z-index: 5;\n    width: 10px;\n    cursor: col-resize;\n\n    .icon {\n      color: #40b0dc;\n      top: -1px;\n      position: absolute;\n      visibility: hidden;\n\n      &:first-child {\n        left: -2px\n      }\n      &:last-child {\n        left: 6px\n      }\n    }\n\n    &:hover{\n      .icon{\n        visibility: visible;\n      }\n      .col-resizer {\n        border: 1px solid;\n      }\n    }\n\n    &.disabled-drag {\n      cursor: default;\n      display: none;\n    }\n\n    .col-resizer {\n      position: absolute;\n      width: 1px;\n      height: 100%;\n      top: 0px;\n      left: 3px;\n    }\n  }\n}\n\n.u-filter-dropdown-menu-wrap {\n    z-index: 1800;\n    .u-dropdown-menu {\n        li.u-dropdown-menu-item {\n            line-height: $filter-form-control-height;\n            height: $filter-form-control-height;\n            padding: 0px 16px 0 16px;\n            cursor: pointer;\n        }\n    }\n}\n.filter-wrap {\n  .u-form-control{\n    height: $filter-form-control-height;\n  }\n  .u-input-number.u-input-group.simple .u-input-group-btn .icon-group {\n    height: $filter-form-control-height;\n  }\n}\n.u-row-hover{\n  position: absolute;\n  right: 24px;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n}\n\n.u-row-hover2{\n  position: absolute;\n  left: 100;\n}\n\n\n\n// 表格显示里面的内容显示在一行\n.header-dispaly-in-row{\n  &.u-table{\n    table{\n      table-layout: fixed;\n    }\n  }\n  th{\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    vertical-align: middle;\n    overflow: hidden;\n  }\n}\n.body-dispaly-in-row{\n  &.u-table{\n    table{\n      table-layout: fixed;\n    }\n    \n  }\n  td{\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    vertical-align: middle;\n    overflow: hidden;\n  }\n}\n.u-table-drag-hidden-cont{\n  position: absolute;\n  top:-1000px;\n}\n\n.u-editable-table .u-table {\n  .u-table-row-hover {\n    .editable-cell-text-wrapper {\n      padding-left: 4px;\n      border: 1px solid #c1c7d0;\n    }\n  }\n\n  .editable-cell-text-wrapper {\n    &:hover {\n      padding-left: 4px;\n      border: 1px solid #a5adba;\n    }\n  }\n\n  .editable-cell-input-wrapper {\n    &:focus {\n      outline: none;\n    }\n  }\n}\n\n.u-editable-table-tp {\n  .tooltip-arrow {\n    top: 1px !important;\n    border-bottom-color: #F44336 !important;\n  }\n\n  .tooltip-inner {\n    border-color: #F44336 !important;\n  }\n}\n","// @import \"../node_modules/tinper-bee-core/scss/index.scss\";\n// @import \"../node_modules/bee-panel/src/Panel.scss\";\n// @import \"../node_modules/bee-layout/src/Layout.scss\";\n// @import \"../node_modules/bee-button/src/Button.scss\";\n// @import \"../node_modules/bee-transition/src/Transition.scss\";\n// @import \"../node_modules/bee-popconfirm/src/Popconfirm.scss\";\n// @import \"../node_modules/bee-form-control/src/FormControl.scss\";\n// @import \"../node_modules/bee-pagination/src/Pagination.scss\";\n// @import \"../node_modules/bee-checkbox/src/Checkbox.scss\";\n// @import \"../node_modules/bee-select/src/Select.scss\";\n// @import \"../node_modules/bee-popover/src/Popover.scss\";\n// @import \"../node_modules/bee-tooltip/src/Tooltip.scss\";\n// @import \"../node_modules/bee-message/build/Message.css\";\n// @import \"../node_modules/bee-dropdown/build/Dropdown.css\";\n// @import \"../node_modules/bee-input-number/build/InputNumber.css\";\n// @import \"../node_modules/bee-modal/build/Modal.css\";\n@import \"../src/Table.scss\";\n\n\n//引入日期控件样式文件\n// @import \"../node_modules/bee-datepicker/src/datepicker.scss\";\n\n.selected{\n  background: #FFF7E7;\n}\n\n.demo25{\n  height: 100%;\n\n  .u-table-filter-column-filter-icon{\n    right: 15px;\n  }\n\n}\n.opt-btns .u-button{\n  margin: 0 4px;\n  color: #fff;\n  background: #505F79;\n  border-color: #505F79;\n  &:hover, &:active{\n    background: #344563;\n    border-color: #505F79;\n  }\n}",".demo04 {\n    &.u-table tr:nth-child(2n){\n        background: #f7f9fb;\n    }\n    &.u-table tr.u-table-row-hover, .u-table tr:hover{\n        background: #ebecf0;\n    }\n}",".demo22{\n    .opt-btns{\n        margin-bottom: 8px;\n    }\n}",".demo32{\n    .u-table-thead th {\n        padding-top: 0px;\n        padding-bottom: 0px;\n    }\n}",".demo0501 .u-table {\n  .u-row-hover {\n    .opt-btns {\n      button {\n        border-radius: 5px;\n\n        &:first-child {\n          margin-right: 10px;\n        }\n      }\n    }\n  }\n\n  .u-table-row {\n    td {\n      padding: 5px 8px;\n\n      input {\n        font-size: 12px;\n        padding-left: 5px;\n      }\n    }\n\n    .u-form-control,\n    .u-select-selection {\n      height: 30px;\n    }\n  }\n\n  .editable-cell-text-wrapper {\n    box-sizing: border-box;\n    line-height: 20px;\n    border-radius: 3px;\n    padding-left: 0\n  }\n\n  .required {\n    margin-left: 10px;\n    position: relative;\n\n    &::before {\n      content: \" \";\n      border: 2px solid #F44336;\n      width: 0;\n      height: 12px;\n      position: absolute;\n      top: 9px;\n      left: -8px;\n    }\n\n    span.u-input-group {\n      display: block\n    }\n  }\n\n  .required-icon {\n    position: absolute;\n    top: 2px;\n    color: #F44336;\n    font-size: 20px;\n  }\n\n  .ref-input-wrap {\n    width: 160px !important;\n  }\n}\n\n.u-editable-table-tp {\n  .tp-content {\n    color: #F44336;\n  }\n}",".u-editable-table .u-table {\n  .u-table-row {\n    td {\n      padding: 5px 8px;\n\n      input {\n        padding-left: 5px;\n        font-size: 12px;\n\n        &.error {\n          border-color: #F44336;\n        }\n      }\n    }\n\n    .editable-cell {\n      height: 30px;\n    }\n\n    &-hover {\n      .editable-cell-text-wrapper {\n        line-height: 19px;\n      }\n    }\n\n    .u-form-control,\n    .u-select-selection {\n      height: 30px;\n    }\n  }\n\n  .editable-cell-text-wrapper {\n    box-sizing: border-box;\n    line-height: 20px;\n    border-radius: 3px;\n  }\n\n  .editable-cell-input-wrapper {\n    padding-right: 0;\n  }\n\n  .verify-cell {\n    padding-right: 25px !important;\n  }\n\n  .require {\n    position: absolute;\n    top: 2px;\n    color: #F44336;\n    font-size: 20px;\n  }\n}\n\n.u-editable-table-tp {\n  .tp-content {\n    color: #F44336;\n  }\n}","th{\n    .drop-menu{\n        .uf{\n            font-size: 12px;\n            visibility: hidden;\n            margin-left: 15px;\n        }\n        \n    \n    }\n    &:hover{\n        .uf{\n                visibility: visible;\n        }\n    }\n\n}\n\n",".demo8{\n    .u-table {\n        margin-bottom: 11px;\n    }\n    .u-pagination{\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}"],"sourceRoot":"/source/"}