diff --git a/build/ColumnManager.js b/build/ColumnManager.js
deleted file mode 100644
index be93f87..0000000
--- a/build/ColumnManager.js
+++ /dev/null
@@ -1,313 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Column = require('./Column');
-
-var _Column2 = _interopRequireDefault(_Column);
-
-var _ColumnGroup = require('./ColumnGroup');
-
-var _ColumnGroup2 = _interopRequireDefault(_ColumnGroup);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-//行控制管理
-
-var ColumnManager = function () {
- function ColumnManager(columns, elements, originWidth) {
- _classCallCheck(this, ColumnManager);
-
- this._cached = {};
-
- this.columns = columns || this.normalize(elements);
- this.originWidth = originWidth;
- }
-
- ColumnManager.prototype.isAnyColumnsFixed = function isAnyColumnsFixed() {
- var _this = this;
-
- return this._cache('isAnyColumnsFixed', function () {
- return _this.columns.some(function (column) {
- return !!column.fixed;
- });
- });
- };
-
- ColumnManager.prototype.isAnyColumnsLeftFixed = function isAnyColumnsLeftFixed() {
- var _this2 = this;
-
- return this._cache('isAnyColumnsLeftFixed', function () {
- return _this2.columns.some(function (column) {
- return column.fixed === 'left' || column.fixed === true;
- });
- });
- };
-
- ColumnManager.prototype.isAnyColumnsRightFixed = function isAnyColumnsRightFixed() {
- var _this3 = this;
-
- return this._cache('isAnyColumnsRightFixed', function () {
- return _this3.columns.some(function (column) {
- return column.fixed === 'right';
- });
- });
- };
-
- ColumnManager.prototype.leftColumns = function leftColumns() {
- var _this4 = this;
-
- return this._cache('leftColumns', function () {
- return _this4.groupedColumns().filter(function (column) {
- return column.fixed === 'left' || column.fixed === true;
- });
- });
- };
-
- ColumnManager.prototype.rightColumns = function rightColumns() {
- var _this5 = this;
-
- return this._cache('rightColumns', function () {
- return _this5.groupedColumns().filter(function (column) {
- return column.fixed === 'right';
- });
- });
- };
-
- ColumnManager.prototype.centerColumns = function centerColumns() {
- var _this6 = this;
-
- return this._cache('centerColumns', function () {
- return _this6.groupedColumns().filter(function (column) {
- return !column.fixed;
- });
- });
- };
-
- ColumnManager.prototype.leafColumns = function leafColumns() {
- var _this7 = this;
-
- return this._cache('leafColumns', function () {
- return _this7._leafColumns(_this7.columns);
- });
- };
-
- ColumnManager.prototype.leftLeafColumns = function leftLeafColumns() {
- var _this8 = this;
-
- return this._cache('leftLeafColumns', function () {
- return _this8._leafColumns(_this8.leftColumns());
- });
- };
-
- ColumnManager.prototype.rightLeafColumns = function rightLeafColumns() {
- var _this9 = this;
-
- return this._cache('rightLeafColumns', function () {
- return _this9._leafColumns(_this9.rightColumns());
- });
- };
-
- ColumnManager.prototype.centerLeafColumns = function centerLeafColumns() {
- var _this10 = this;
-
- return this._cache('centerLeafColumns', function () {
- return _this10._leafColumns(_this10.centerColumns());
- });
- };
-
- // add appropriate rowspan and colspan to column
-
-
- ColumnManager.prototype.groupedColumns = function groupedColumns(type) {
- var _this11 = this;
-
- return this._cache('groupedColumns', function () {
- var _groupColumns = function _groupColumns(columns) {
- var currentRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
- var parentColumn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
- var rows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-
- // track how many rows we got
- rows[currentRow] = rows[currentRow] || [];
- var grouped = [];
- var setRowSpan = function setRowSpan(column) {
- var rowSpan = rows.length - currentRow;
- if (column && !column.children && // parent columns are supposed to be one row
- rowSpan > 1 && (!column.rowSpan || column.rowSpan < rowSpan)) {
- column.rowSpan = rowSpan;
- }
- };
- columns.forEach(function (column, index) {
- var defaultOpt = {
- ifshow: true
- };
- if (!_this11.originWidth) {
- defaultOpt.width = 200;
- }
- //获取非固定列
- if (type == 'nofixed' && column.fixed) {
- return false;
- }
- var newColumn = _extends({}, defaultOpt, column);
- rows[currentRow].push(newColumn);
- parentColumn.colSpan = parentColumn.colSpan || 0;
- if (newColumn.children && newColumn.children.length > 0) {
- newColumn.children = _groupColumns(newColumn.children, currentRow + 1, newColumn, rows);
- parentColumn.colSpan = parentColumn.colSpan + newColumn.colSpan;
- } else {
- parentColumn.colSpan++;
- }
- // update rowspan to all same row columns
- for (var i = 0; i < rows[currentRow].length - 1; ++i) {
- setRowSpan(rows[currentRow][i]);
- }
- // last column, update rowspan immediately
- if (index + 1 === columns.length) {
- setRowSpan(newColumn);
- }
- grouped.push(newColumn);
- });
- return grouped;
- };
- return _groupColumns(_this11.columns);
- });
- };
-
- ColumnManager.prototype.normalize = function normalize(elements) {
- var _this12 = this;
-
- var columns = [];
- _react2["default"].Children.forEach(elements, function (element) {
- if (!_this12.isColumnElement(element)) return;
- var column = _extends({}, element.props);
- if (element.key) {
- column.key = element.key;
- }
- if (element.type === _ColumnGroup2["default"]) {
- column.children = _this12.normalize(column.children);
- }
- columns.push(column);
- });
- return columns;
- };
-
- ColumnManager.prototype.isColumnElement = function isColumnElement(element) {
- return element && (element.type === _Column2["default"] || element.type === _ColumnGroup2["default"]);
- };
-
- ColumnManager.prototype.reset = function reset(columns, elements) {
- this.columns = columns || this.normalize(elements);
- this._cached = {};
- };
-
- ColumnManager.prototype.getColumnWidth = function getColumnWidth(contentWidth) {
- var columns = this.leafColumns();
- var res = { computeWidth: 0, lastShowIndex: -1 };
- columns.forEach(function (col, index) {
- //如果列显示
- if (col.ifshow) {
- var width = col.width;
- if (typeof width == 'string' && width.includes('%')) {
- width = contentWidth * parseInt(col.width) / 100;
- }
- res.computeWidth += parseInt(width);
- if (!col.fixed) {
- res.lastShowIndex = index;
- }
- }
- });
- return res;
- };
-
- ColumnManager.prototype.getLeftColumnsWidth = function getLeftColumnsWidth() {
- var _this13 = this;
-
- var contentWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-
- return this._cache('leftColumnsWidth', function () {
- var leftColumnsWidth = 0;
- _this13.groupedColumns().forEach(function (column) {
- if (column.fixed === 'left' || column.fixed === true) {
- var width = column.width;
- if (typeof width == 'string' && width.includes('%')) {
- width = contentWidth * parseInt(col.width) / 100;
- }
- leftColumnsWidth += parseInt(width);
- }
- });
- return leftColumnsWidth;
- });
- };
-
- ColumnManager.prototype.getRightColumnsWidth = function getRightColumnsWidth() {
- var _this14 = this;
-
- var contentWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-
- return this._cache('rightColumnsWidth', function () {
- var rightColumnsWidth = 0;
- _this14.groupedColumns().forEach(function (column) {
- if (column.fixed === 'right') {
- var width = column.width;
- if (typeof width == 'string' && width.includes('%')) {
- width = contentWidth * parseInt(col.width) / 100;
- }
- rightColumnsWidth += parseInt(width);
- }
- });
- return rightColumnsWidth;
- });
- };
-
- ColumnManager.prototype._cache = function _cache(name, fn) {
- if (name in this._cached) {
- return this._cached[name];
- }
- this._cached[name] = fn();
- return this._cached[name];
- };
-
- //todo 含有children的宽度计算
-
-
- ColumnManager.prototype._leafColumns = function _leafColumns(columns) {
- var _this15 = this;
-
- var leafColumns = [];
-
- columns.forEach(function (column) {
- if (!column.children) {
-
- var defaultOpt = {
- ifshow: true
- };
- if (!_this15.originWidth) {
- defaultOpt.width = 200;
- }
- var newColumn = _extends({}, defaultOpt, column);
- leafColumns.push(newColumn);
- } else {
- leafColumns.push.apply(leafColumns, _toConsumableArray(_this15._leafColumns(column.children)));
- }
- });
- return leafColumns;
- };
-
- return ColumnManager;
-}();
-
-exports["default"] = ColumnManager;
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/ExpandIcon.js b/build/ExpandIcon.js
deleted file mode 100644
index 99c58a9..0000000
--- a/build/ExpandIcon.js
+++ /dev/null
@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _shallowequal = require('shallowequal');
-
-var _shallowequal2 = _interopRequireDefault(_shallowequal);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-var propTypes = {
- record: _propTypes2["default"].object,
- clsPrefix: _propTypes2["default"].string,
- expandable: _propTypes2["default"].any,
- expanded: _propTypes2["default"].bool,
- needIndentSpaced: _propTypes2["default"].bool,
- onExpand: _propTypes2["default"].func
-};
-
-var ExpandIcon = function (_Component) {
- _inherits(ExpandIcon, _Component);
-
- function ExpandIcon(props) {
- _classCallCheck(this, ExpandIcon);
-
- return _possibleConstructorReturn(this, _Component.call(this, props));
- }
-
- ExpandIcon.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return !(0, _shallowequal2["default"])(nextProps, this.props);
- };
-
- ExpandIcon.prototype.render = function render() {
- var _props = this.props,
- expandable = _props.expandable,
- clsPrefix = _props.clsPrefix,
- onExpand = _props.onExpand,
- needIndentSpaced = _props.needIndentSpaced,
- expanded = _props.expanded,
- record = _props.record,
- isHiddenExpandIcon = _props.isHiddenExpandIcon;
-
- if (expandable && !isHiddenExpandIcon) {
- var expandClassName = expanded ? 'expanded' : 'collapsed';
- return _react2["default"].createElement('span', {
- className: clsPrefix + '-expand-icon ' + clsPrefix + '-' + expandClassName,
- onClick: function onClick(e) {
- return onExpand(!expanded, record, e);
- }
- });
- } else if (needIndentSpaced || isHiddenExpandIcon) {
- return _react2["default"].createElement('span', { className: clsPrefix + '-expand-icon ' + clsPrefix + '-spaced' });
- }
- return null;
- };
-
- return ExpandIcon;
-}(_react.Component);
-
-;
-
-ExpandIcon.propTypes = propTypes;
-
-exports["default"] = ExpandIcon;
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/FilterDropDown.js b/build/FilterDropDown.js
deleted file mode 100644
index 629e142..0000000
--- a/build/FilterDropDown.js
+++ /dev/null
@@ -1,317 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _beeDropdown = require('bee-dropdown');
-
-var _beeDropdown2 = _interopRequireDefault(_beeDropdown);
-
-var _beeMenus = require('bee-menus');
-
-var _beeMenus2 = _interopRequireDefault(_beeMenus);
-
-var _beeButton = require('bee-button');
-
-var _beeButton2 = _interopRequireDefault(_beeButton);
-
-var _beeIcon = require('bee-icon');
-
-var _beeIcon2 = _interopRequireDefault(_beeIcon);
-
-var _i18n = require('./lib/i18n');
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-var _tool = require('bee-locale/build/tool');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * 过滤行功能内的下拉条件
- */
-
-var Item = _beeMenus2["default"].Item;
-
-var FilterDropDown = function (_Component) {
- _inherits(FilterDropDown, _Component);
-
- function FilterDropDown() {
- _classCallCheck(this, FilterDropDown);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this));
-
- _this.onSelectDropdown = function (item) {
- var _this$props = _this.props,
- onSelectDropdown = _this$props.onSelectDropdown,
- filterDropdownType = _this$props.filterDropdownType;
-
- if (onSelectDropdown) {
- if (filterDropdownType == 'string') {
- _this.setState({
- selectValue: [item.key]
- }, function () {
- onSelectDropdown(item);
- });
- }
- if (filterDropdownType == 'number') {
- _this.setState({
- selectNumberValue: [item.key]
- }, function () {
- onSelectDropdown(item);
- });
- }
- }
- };
-
- _this.onClickClear = function () {
- var onClickClear = _this.props.onClickClear;
-
- if (onClickClear) {
- _this.setState({
- // selectValue: [],
- // selectNumberValue: []
- }, function () {
- onClickClear();
- });
- }
- };
-
- _this.getMenu = function () {
- var _this$state = _this.state,
- selectValue = _this$state.selectValue,
- selectNumberValue = _this$state.selectNumberValue;
- var _this$props2 = _this.props,
- filterDropdownType = _this$props2.filterDropdownType,
- filterDropdownIncludeKeys = _this$props2.filterDropdownIncludeKeys;
-
- var locale = (0, _tool.getComponentLocale)(_this.props, _this.context, 'Table', function () {
- return _i18n2["default"];
- });
- var stringEnum = {
- LIKE: 'include',
- ULIKE: 'exclusive',
- EQ: 'equal',
- UEQ: 'unequal',
- START: 'begin',
- END: 'end'
- };
- var numberEnum = {
- GT: 'greater_than',
- GTEQ: 'great_than_equal_to',
- LT: 'less_than',
- LTEQ: 'less_than_equal_to',
- EQ: 'be_equal_to',
- UEQ: 'not_equal_to'
- };
- if (filterDropdownIncludeKeys != undefined) {
- switch (filterDropdownType) {
- case 'string':
- return _react2["default"].createElement(
- _beeMenus2["default"],
- {
- onSelect: _this.onSelectDropdown,
- selectedKeys: selectValue
- },
- filterDropdownIncludeKeys.map(function (item) {
- return _react2["default"].createElement(
- Item,
- { key: item },
- locale[stringEnum[item]]
- );
- })
- );
- case 'number':
- return _react2["default"].createElement(
- _beeMenus2["default"],
- {
- onSelect: _this.onSelectDropdown,
- selectedKeys: selectNumberValue
- },
- filterDropdownIncludeKeys.map(function (item) {
- return _react2["default"].createElement(
- Item,
- { key: item },
- locale[numberEnum[item]]
- );
- })
- );
- default:
- return _react2["default"].createElement('div', null);
- }
- } else {
- switch (filterDropdownType) {
- case 'string':
- return _react2["default"].createElement(
- _beeMenus2["default"],
- {
- onSelect: _this.onSelectDropdown,
- selectedKeys: selectValue
- },
- _react2["default"].createElement(
- Item,
- { key: 'LIKE' },
- locale['include']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'ULIKE' },
- locale['exclusive']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'EQ' },
- locale['equal']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'UEQ' },
- locale['unequal']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'RLIKE' },
- locale['begin']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'LLIKE' },
- locale['end']
- )
- );
- case 'number':
- return _react2["default"].createElement(
- _beeMenus2["default"],
- {
- onSelect: _this.onSelectDropdown,
- selectedKeys: selectNumberValue
- },
- _react2["default"].createElement(
- Item,
- { key: 'GT' },
- locale['greater_than']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'GTEQ' },
- locale['great_than_equal_to']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'LT' },
- locale['less_than']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'LTEQ' },
- locale['less_than_equal_to']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'EQ' },
- locale['be_equal_to']
- ),
- _react2["default"].createElement(
- Item,
- { key: 'UEQ' },
- locale['not_equal_to']
- )
- );
- default:
- return _react2["default"].createElement('div', null);
- }
- }
- };
-
- _this.state = {
- selectValue: ['LIKE'],
- selectNumberValue: ['EQ']
- };
- return _this;
- }
- /**
- * 点击下拉菜单
- *
- * @param {*} s 选中的selectRecord
- */
-
-
- /**
- * 清除事件
- *
- */
-
-
- /**
- * 根据props来获得指定的Menu,分为String和Number
- *
- * @returns JSX Menu
- */
-
-
- FilterDropDown.prototype.render = function render() {
- var isShowCondition = this.props.isShowCondition;
-
-
- return _react2["default"].createElement(
- 'div',
- { className: 'filter-btns' },
- isShowCondition == 'show' && _react2["default"].createElement(
- _beeDropdown2["default"],
- {
- overlayClassName: 'u-filter-dropdown-menu-wrap',
- trigger: ['click'],
- overlay: this.getMenu(),
- animation: 'slide-up'
- },
- _react2["default"].createElement(
- _beeButton2["default"],
- {
- shape: 'border',
- style: { marginLeft: "3px", minWidth: "0px", width: "24px", padding: 0 }
- },
- _react2["default"].createElement(_beeIcon2["default"], { style: { padding: 0, color: '#585858' }, type: 'uf-filter' })
- )
- ),
- _react2["default"].createElement(
- _beeButton2["default"],
- {
- onClick: this.onClickClear,
- shape: 'border',
- style: { marginLeft: "1px", minWidth: "0px", width: "24px", padding: 0, "visibility": this.props.isShowClear || this.state.selectValue.length > 0 ? "visible" : "hidden" }
- },
- _react2["default"].createElement(_beeIcon2["default"], { style: { padding: 0, color: '#585858', "visibility": this.props.isShowClear || this.state.selectValue.length > 0 ? "visible" : "hidden" }, type: 'uf-filterno' })
- )
- );
- };
-
- return FilterDropDown;
-}(_react.Component);
-
-FilterDropDown.propTypes = {
- isShowCondition: _propTypes2["default"].string,
- filterDropdownType: _propTypes2["default"].oneOf(['string', 'number'])
-};
-
-FilterDropDown.defaultProps = {
- isShowCondition: 'show',
- filterDropdownType: 'string'
-};
-
-exports["default"] = FilterDropDown;
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/FilterType.js b/build/FilterType.js
deleted file mode 100644
index dbb10b7..0000000
--- a/build/FilterType.js
+++ /dev/null
@@ -1,420 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _zh_CN = require('rc-calendar/lib/locale/zh_CN');
-
-var _zh_CN2 = _interopRequireDefault(_zh_CN);
-
-var _beeFormControl = require('bee-form-control');
-
-var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
-
-var _beeSelect = require('bee-select');
-
-var _beeSelect2 = _interopRequireDefault(_beeSelect);
-
-var _beeInputNumber = require('bee-input-number');
-
-var _beeInputNumber2 = _interopRequireDefault(_beeInputNumber);
-
-var _beeDatepicker = require('bee-datepicker');
-
-var _beeDatepicker2 = _interopRequireDefault(_beeDatepicker);
-
-var _FilterDropDown = require('./FilterDropDown');
-
-var _FilterDropDown2 = _interopRequireDefault(_FilterDropDown);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-var RangePicker = _beeDatepicker2["default"].RangePicker;
-
-
-var propTypes = {
- filterDropdown: _propTypes2["default"].string
-};
-
-var FilterType = function (_Component) {
- _inherits(FilterType, _Component);
-
- function FilterType(props) {
- _classCallCheck(this, FilterType);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.clearFilter = function () {
- var _this$props = _this.props,
- onFilterClear = _this$props.onFilterClear,
- dataIndex = _this$props.dataIndex;
-
- if (_this.state.value !== "") {
- _this.setState({
- value: "", //清空值
- condition: _this.props.filterDropdownType == 'string' ? 'LIKE' : 'EQ' //切回默认查询条件
- }, function () {
- //调用清除方法参数为当前字段的field
- onFilterClear && onFilterClear(dataIndex);
- });
- }
- };
-
- _this.changeText = function (val) {
- _this.setState({
- value: val
- });
- };
-
- _this.changeTextCall = function (e) {
- var _this$props2 = _this.props,
- onFilterChange = _this$props2.onFilterChange,
- dataIndex = _this$props2.dataIndex;
-
- if (e.keyCode == 13) {
- e.target.value !== "" && onFilterChange(dataIndex, e.target.value, _this.state.condition);
- }
- };
-
- _this.changeValue = function () {
- _this.setState({
- value: ""
- });
- };
-
- _this.onSelectDropdown = function (item) {
- var _this$props3 = _this.props,
- onFilterChange = _this$props3.onFilterChange,
- dataIndex = _this$props3.dataIndex;
-
- _this.setState({
- condition: item.key
- }, function () {
- _this.state.value !== "" && onFilterChange && onFilterChange(dataIndex, _this.state.value, _this.state.condition);
- });
- };
-
- _this.changeNumber = function (value) {
- var _this$props4 = _this.props,
- onFilterChange = _this$props4.onFilterChange,
- dataIndex = _this$props4.dataIndex;
-
- _this.setState({
- value: value
- }, function () {
- onFilterChange(dataIndex, value, _this.state.condition);
- });
- };
-
- _this.clearNumber = function () {
- var onChange = _this.props.onChange;
-
- onChange && onChange("");
- _this.setState({
- value: ""
- });
- };
-
- _this.changeTextCallBlur = function (val) {
- var onChange = _this.props.onChange;
-
- onChange && onChange(val);
- };
-
- _this.changeSelect = function (value) {
- var _this$props5 = _this.props,
- onFilterChange = _this$props5.onFilterChange,
- dataIndex = _this$props5.dataIndex;
-
- if (onFilterChange) {
- onFilterChange(dataIndex, value, _this.state.condition);
- _this.setState({
- value: value
- });
- }
- };
-
- _this.clearSelectValue = function () {
- _this.setState({
- selectValue: ""
- }, function () {
- _this.changeSelect("");
- });
- };
-
- _this.clearDateValue = function () {
- _this.setState({
- dateValue: ""
- }, function () {
- _this.changeDate("");
- });
- };
-
- _this.changeDate = function (value) {
- var _this$props6 = _this.props,
- onFilterChange = _this$props6.onFilterChange,
- dataIndex = _this$props6.dataIndex;
-
- if (onFilterChange) {
- onFilterChange(dataIndex, value, _this.state.condition);
- _this.setState({
- value: value,
- open: false
- });
- }
- };
-
- _this.renderControl = function (rendertype) {
- var _this$props7 = _this.props,
- filterInputNumberOptions = _this$props7.filterInputNumberOptions,
- filterDropdownIncludeKeys = _this$props7.filterDropdownIncludeKeys,
- dataIndex = _this$props7.dataIndex,
- filterDropdown = _this$props7.filterDropdown,
- filterDropdownType = _this$props7.filterDropdownType,
- format = _this$props7.format,
- className = _this$props7.className,
- onChange = _this$props7.onChange,
- onSelectDropdown = _this$props7.onSelectDropdown,
- clsPrefix = _this$props7.clsPrefix,
- locale = _this$props7.locale;
-
- switch (rendertype) {
- case 'text':
- return _react2["default"].createElement(
- 'div',
- { className: clsPrefix + ' filter-wrap' },
- _react2["default"].createElement(_beeFormControl2["default"], {
- value: _this.state.value,
- className: className,
- onChange: _this.changeText,
- onKeyDown: _this.changeTextCall
- //onBlur={this.changeTextCallBlur}
- }),
- _react2["default"].createElement(_FilterDropDown2["default"], {
- locale: locale,
- dataIndex: dataIndex,
- dataText: _this.state.value,
- onSelectDropdown: _this.onSelectDropdown,
- onClickClear: _this.clearFilter,
- isShowClear: _this.state.value,
- isShowCondition: filterDropdown,
- filterDropdownType: filterDropdownType,
- filterDropdownIncludeKeys: filterDropdownIncludeKeys
- })
- );
- case 'number':
- return _react2["default"].createElement(
- 'div',
- { className: clsPrefix + ' filter-wrap' },
- _react2["default"].createElement(_beeInputNumber2["default"], _extends({}, filterInputNumberOptions, {
- className: className,
- value: _this.state.value,
- onChange: _this.changeNumber,
- iconStyle: 'one'
- })),
- _react2["default"].createElement(_FilterDropDown2["default"], {
- locale: locale,
- dataIndex: dataIndex,
- dataText: _this.state.value,
- onSelectDropdown: _this.onSelectDropdown,
- onClickClear: _this.clearFilter,
- isShowClear: _this.state.value != 0,
- isShowCondition: filterDropdown,
- filterDropdownType: filterDropdownType,
- filterDropdownIncludeKeys: filterDropdownIncludeKeys
- })
- );
- case 'dropdown':
- return _react2["default"].createElement(
- 'div',
- { className: clsPrefix + ' filter-wrap' },
- _react2["default"].createElement(_beeSelect2["default"], _extends({}, _this.props, {
- value: _this.state.value,
- onChange: _this.changeSelect
- })),
- _react2["default"].createElement(_FilterDropDown2["default"], {
- locale: locale,
- dataIndex: dataIndex,
- dataText: _this.state.value,
- onSelectDropdown: _this.onSelectDropdown,
- onClickClear: _this.clearFilter,
- isShowCondition: filterDropdown,
- isShowClear: _this.state.value,
- filterDropdownType: filterDropdownType,
- filterDropdownIncludeKeys: filterDropdownIncludeKeys
- })
- );
- case 'date':
- return _react2["default"].createElement(
- 'div',
- { className: clsPrefix + ' filter-wrap' },
- _react2["default"].createElement(_beeDatepicker2["default"], _extends({}, _this.props, {
- value: _this.state.value,
- onChange: _this.changeDate,
- open: _this.state.open,
- format: format,
- locale: _zh_CN2["default"]
- })),
- _react2["default"].createElement(_FilterDropDown2["default"], {
- locale: locale,
- dataIndex: dataIndex,
- dataText: _this.state.value,
- onSelectDropdown: _this.onSelectDropdown,
- onClickClear: _this.clearFilter,
- isShowCondition: filterDropdown,
- isShowClear: _this.state.value,
- filterDropdownType: filterDropdownType,
- filterDropdownIncludeKeys: filterDropdownIncludeKeys
- })
- );
- case 'daterange':
- return _react2["default"].createElement(
- 'div',
- { className: clsPrefix + ' filter-wrap' },
- _react2["default"].createElement(RangePicker, _extends({}, _this.props, {
- value: _this.state.value,
- onChange: _this.changeDate,
- open: _this.state.open,
- format: format,
- showTime: true,
- locale: _zh_CN2["default"],
- placeholder: '开始 ~ 结束',
- dateInputPlaceholder: ['开始', '结束'],
- showClear: true
- })),
- _react2["default"].createElement(_FilterDropDown2["default"], {
- locale: locale,
- dataIndex: dataIndex,
- dataText: _this.state.value,
- onSelectDropdown: _this.onSelectDropdown,
- onClickClear: _this.clearFilter,
- isShowCondition: filterDropdown,
- isShowClear: _this.state.value,
- filterDropdownIncludeKeys: filterDropdownIncludeKeys
- })
- );
- case 'bool':
- return _react2["default"].createElement(
- 'div',
- { className: clsPrefix + ' filter-wrap' },
- _react2["default"].createElement(Switch, {
- className: className,
- onChange: onChange
- }),
- _react2["default"].createElement(_FilterDropDown2["default"], { locale: locale,
- onSelectDropdown: onSelectDropdown,
- filterDropdownIncludeKeys: filterDropdownIncludeKeys
- })
- );
- default:
- return _react2["default"].createElement('div', null);
- }
- };
-
- _this.state = {
- value: "",
- text: "",
- selectValue: "",
- dateValue: "",
- open: false,
- condition: props.filterDropdownType == 'string' ? 'LIKE' : 'EQ',
- number: 0
- };
- return _this;
- }
-
- /**
- * 清除过滤条件
- *
- */
-
-
- /**
- * 设置输入文本的值
- *
- */
-
-
- /**
- * 输入框回车执行回调
- *
- */
-
- /**
- * 更改修改值
- *
- */
-
- /**
- * 下拉条件的回调
- *
- * @param {*} key 字段
- * @param {*} value 值1,2,3...6
- */
-
-
- /**
- * 修改数值型的值
- *
- */
-
- //清除数值
-
-
- //失去焦点后执行函数
-
- //设置下拉值
-
- //清除下拉值
-
- //清除日期值
-
- //设置日期值
-
- //组件渲染
- /**
- * 根据不同的类型生成对应的组件类型包含一些参数的适应
- *
- * @param {*} rendertype 参数类型,包括['text','dropdown','date','daterange','number']
- * @returns
- */
-
-
- FilterType.prototype.render = function render() {
- var rendertype = this.props.rendertype;
-
- return _react2["default"].createElement(
- 'div',
- { 'data-filter-type': 'filterContext' },
- this.renderControl(rendertype)
- );
- };
-
- return FilterType;
-}(_react.Component);
-
-FilterType.propTypes = propTypes;
-FilterType.defaultProps = {
- filterDropdown: 'show'
-};
-exports["default"] = FilterType;
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/Table.js b/build/Table.js
deleted file mode 100644
index ef1e5ec..0000000
--- a/build/Table.js
+++ /dev/null
@@ -1,1338 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _componentClasses = require('component-classes');
-
-var _componentClasses2 = _interopRequireDefault(_componentClasses);
-
-var _TableRow = require('./TableRow');
-
-var _TableRow2 = _interopRequireDefault(_TableRow);
-
-var _TableHeader = require('./TableHeader');
-
-var _TableHeader2 = _interopRequireDefault(_TableHeader);
-
-var _utils = require('./utils');
-
-var _shallowequal = require('shallowequal');
-
-var _shallowequal2 = _interopRequireDefault(_shallowequal);
-
-var _addEventListener = require('tinper-bee-core/lib/addEventListener');
-
-var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
-var _ColumnManager = require('./ColumnManager');
-
-var _ColumnManager2 = _interopRequireDefault(_ColumnManager);
-
-var _createStore = require('./createStore');
-
-var _createStore2 = _interopRequireDefault(_createStore);
-
-var _beeLoading = require('bee-loading');
-
-var _beeLoading2 = _interopRequireDefault(_beeLoading);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-var propTypes = {
- data: _propTypes2["default"].array,
- expandIconAsCell: _propTypes2["default"].bool,
- defaultExpandAllRows: _propTypes2["default"].bool,
- expandedRowKeys: _propTypes2["default"].array,
- defaultExpandedRowKeys: _propTypes2["default"].array,
- useFixedHeader: _propTypes2["default"].bool,
- columns: _propTypes2["default"].array,
- clsPrefix: _propTypes2["default"].string,
- bodyStyle: _propTypes2["default"].object,
- style: _propTypes2["default"].object,
- //特殊的渲染规则的key值
- rowKey: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].func]),
- rowClassName: _propTypes2["default"].func,
- expandedRowClassName: _propTypes2["default"].func,
- childrenColumnName: _propTypes2["default"].string,
- onExpand: _propTypes2["default"].func,
- onRowHover: _propTypes2["default"].func,
- onExpandedRowsChange: _propTypes2["default"].func,
- indentSize: _propTypes2["default"].number,
- onRowClick: _propTypes2["default"].func,
- onRowDoubleClick: _propTypes2["default"].func,
- expandIconColumnIndex: _propTypes2["default"].number,
- //是否显示表头
- showHeader: _propTypes2["default"].bool,
- title: _propTypes2["default"].func,
- footer: _propTypes2["default"].func,
- emptyText: _propTypes2["default"].func,
- scroll: _propTypes2["default"].object,
- rowRef: _propTypes2["default"].func,
- getBodyWrapper: _propTypes2["default"].func,
- children: _propTypes2["default"].node,
- draggable: _propTypes2["default"].bool,
- minColumnWidth: _propTypes2["default"].number,
- filterable: _propTypes2["default"].bool,
- filterDelay: _propTypes2["default"].number,
- onFilterChange: _propTypes2["default"].func,
- onFilterClear: _propTypes2["default"].func,
- syncHover: _propTypes2["default"].bool,
- tabIndex: _propTypes2["default"].string,
- hoverContent: _propTypes2["default"].func
-};
-
-var defaultProps = {
- data: [],
- useFixedHeader: false,
- expandIconAsCell: false,
- defaultExpandAllRows: false,
- defaultExpandedRowKeys: [],
- rowKey: 'key',
- rowClassName: function rowClassName() {
- return '';
- },
- expandedRowClassName: function expandedRowClassName() {
- return '';
- },
- onExpand: function onExpand() {},
- onExpandedRowsChange: function onExpandedRowsChange() {},
- onRowClick: function onRowClick() {},
- onRowDoubleClick: function onRowDoubleClick() {},
-
- clsPrefix: 'u-table',
- bodyStyle: {},
- style: {},
- childrenColumnName: 'children',
- indentSize: 15,
- expandIconColumnIndex: 0,
- showHeader: true,
- scroll: {},
- rowRef: function rowRef() {
- return null;
- },
- getBodyWrapper: function getBodyWrapper(body) {
- return body;
- },
- emptyText: function emptyText() {
- return 'No Data';
- },
- columns: [],
- minColumnWidth: 80,
- locale: {},
- syncHover: true,
- setRowHeight: function setRowHeight() {},
- setRowParentIndex: function setRowParentIndex() {},
- tabIndex: '0'
-};
-
-var Table = function (_Component) {
- _inherits(Table, _Component);
-
- function Table(props) {
- _classCallCheck(this, Table);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.renderDragHideTable = function () {
- var _this$props = _this.props,
- columns = _this$props.columns,
- dragborder = _this$props.dragborder,
- dragborderKey = _this$props.dragborderKey;
-
- if (!dragborder) return null;
- var sum = 0;
- return _react2["default"].createElement(
- 'div',
- { id: 'u-table-drag-hide-table-' + dragborderKey, className: _this.props.clsPrefix + '-hiden-drag' },
- columns.map(function (da, i) {
- sum += da.width ? da.width : 0;
- return _react2["default"].createElement('div', { className: _this.props.clsPrefix + '-hiden-drag-li', key: da + "_hiden_" + i, style: { left: sum + "px" } });
- })
- );
- };
-
- _this.onRowHoverMouseEnter = function () {
-
- _this.store.setState({
- currentHoverKey: _this.currentHoverKey
- });
- _this.hoverDom.style.display = 'block';
- };
-
- _this.onRowHoverMouseLeave = function () {};
-
- _this.onFocus = function (e) {
- _this.props.onKeyTab && _this.props.onKeyTab();
- };
-
- _this.onKeyDown = function (e) {
- var event = _utils.Event.getEvent(e);
- // event.preventDefault?event.preventDefault():event.returnValue = false;
- if (event.keyCode === 38) {
- //up
- event.preventDefault && event.preventDefault();
- _this.props.onKeyUp && _this.props.onKeyUp();
- } else if (event.keyCode === 40) {
- //down
- event.preventDefault && event.preventDefault();
- _this.props.onKeyDown && _this.props.onKeyDown();
- }
- _this.props.onTableKeyDown && _this.props.onTableKeyDown();
- };
-
- var expandedRowKeys = [];
- var rows = [].concat(_toConsumableArray(props.data));
- _this.columnManager = new _ColumnManager2["default"](props.columns, props.children, props.originWidth);
- _this.store = (0, _createStore2["default"])({ currentHoverKey: null });
-
- if (props.defaultExpandAllRows) {
- for (var i = 0; i < rows.length; i++) {
- var row = rows[i];
- expandedRowKeys.push(_this.getRowKey(row, i));
- rows = rows.concat(row[props.childrenColumnName] || []);
- }
- } else {
- expandedRowKeys = props.expandedRowKeys || props.defaultExpandedRowKeys;
- }
- _this.state = {
- expandedRowKeys: expandedRowKeys,
- data: props.data,
- currentHoverKey: null,
- scrollPosition: 'left',
- fixedColumnsHeadRowsHeight: [],
- fixedColumnsBodyRowsHeight: []
- };
-
- _this.onExpandedRowsChange = _this.onExpandedRowsChange.bind(_this);
- _this.onExpanded = _this.onExpanded.bind(_this);
- _this.onRowDestroy = _this.onRowDestroy.bind(_this);
- _this.getRowKey = _this.getRowKey.bind(_this);
- _this.getExpandedRows = _this.getExpandedRows.bind(_this);
- _this.getHeader = _this.getHeader.bind(_this);
- _this.getHeaderRows = _this.getHeaderRows.bind(_this);
- _this.getExpandedRow = _this.getExpandedRow.bind(_this);
- _this.getRowsByData = _this.getRowsByData.bind(_this);
- _this.getRows = _this.getRows.bind(_this);
- _this.getColGroup = _this.getColGroup.bind(_this);
- _this.getLeftFixedTable = _this.getLeftFixedTable.bind(_this);
- _this.getRightFixedTable = _this.getRightFixedTable.bind(_this);
- _this.getTable = _this.getTable.bind(_this);
- _this.getTitle = _this.getTitle.bind(_this);
- _this.getFooter = _this.getFooter.bind(_this);
- _this.getEmptyText = _this.getEmptyText.bind(_this);
- _this.getHeaderRowStyle = _this.getHeaderRowStyle.bind(_this);
- _this.syncFixedTableRowHeight = _this.syncFixedTableRowHeight.bind(_this);
- _this.resetScrollY = _this.resetScrollY.bind(_this);
- _this.findExpandedRow = _this.findExpandedRow.bind(_this);
- _this.isRowExpanded = _this.isRowExpanded.bind(_this);
- _this.detectScrollTarget = _this.detectScrollTarget.bind(_this);
- _this.handleBodyScroll = _this.handleBodyScroll.bind(_this);
- _this.handleRowHover = _this.handleRowHover.bind(_this);
- _this.computeTableWidth = _this.computeTableWidth.bind(_this);
- _this.onBodyMouseLeave = _this.onBodyMouseLeave.bind(_this);
- return _this;
- }
-
- Table.prototype.componentDidMount = function componentDidMount() {
- _utils.EventUtil.addHandler(this.contentTable, 'keydown', this.onKeyDown);
- _utils.EventUtil.addHandler(this.contentTable, 'focus', this.onFocus);
- setTimeout(this.resetScrollY, 300);
- //含有纵向滚动条
- if (this.props.scroll.y) {
- this.scrollbarWidth = (0, _utils.measureScrollbar)();
- }
- //后续也放在recevice里面
- if (!this.props.originWidth) {
- this.computeTableWidth();
- }
- if (this.columnManager.isAnyColumnsFixed()) {
- this.syncFixedTableRowHeight();
- this.resizeEvent = (0, _addEventListener2["default"])(window, 'resize', (0, _utils.debounce)(this.syncFixedTableRowHeight, 150));
- }
- };
-
- Table.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if ('data' in nextProps) {
- this.setState({
- data: nextProps.data
- });
- if (!nextProps.data || nextProps.data.length === 0) {
- this.resetScrollY();
- }
- }
- if ('expandedRowKeys' in nextProps) {
- this.setState({
- expandedRowKeys: nextProps.expandedRowKeys
- });
- }
- if (nextProps.columns && nextProps.columns !== this.props.columns) {
- this.columnManager.reset(nextProps.columns);
- if (nextProps.columns.length !== this.props.columns.length && this.refs && this.refs.bodyTable) {
- this.scrollTop = this.refs.bodyTable.scrollTop;
- }
- } else if (nextProps.children !== this.props.children) {
- this.columnManager.reset(null, nextProps.children);
- }
- //适配lazyload
- if (nextProps.scrollTop > -1) {
- // this.refs.bodyTable.scrollTop = nextProps.scrollTop;
- this.scrollTop = nextProps.scrollTop;
- }
- if (!nextProps.originWidth) {
- this.computeTableWidth();
- this.firstDid = true; //避免重复update
- }
- if (nextProps.resetScroll) {
- this.resetScrollY();
- }
-
- // console.log('this.scrollTop**********',this.scrollTop);
- };
-
- Table.prototype.componentDidUpdate = function componentDidUpdate() {
-
- if (this.columnManager.isAnyColumnsFixed()) {
- this.syncFixedTableRowHeight();
- }
- //适应模态框中表格、以及父容器宽度变化的情况
- if (typeof this.props.scroll.x !== 'number' && this.contentTable.getBoundingClientRect().width !== this.contentDomWidth && this.firstDid) {
- this.computeTableWidth();
- this.firstDid = false; //避免重复update
- }
- if (this.scrollTop > -1) {
- this.refs.fixedColumnsBodyLeft && (this.refs.fixedColumnsBodyLeft.scrollTop = this.scrollTop);
- this.refs.fixedColumnsBodyRight && (this.refs.fixedColumnsBodyRight.scrollTop = this.scrollTop);
- this.refs.bodyTable.scrollTop = this.scrollTop;
- this.scrollTop = -1;
- }
- };
-
- Table.prototype.componentWillUnmount = function componentWillUnmount() {
- _utils.EventUtil.removeHandler(this.contentTable, 'keydown', this.onKeyDown);
- _utils.EventUtil.removeHandler(this.contentTable, 'focus', this.onFocus);
- if (this.resizeEvent) {
- this.resizeEvent.remove();
- }
- };
-
- Table.prototype.computeTableWidth = function computeTableWidth() {
-
- //如果用户传了scroll.x按用户传的为主
- var setWidthParam = this.props.scroll.x;
-
- if (typeof setWidthParam == 'number') {
- var numSetWidthParam = parseInt(setWidthParam);
- this.contentWidth = numSetWidthParam;
- } else {
- // this.preContentDomWidth = this.contentDomWidth;
- //计算总表格宽度、根据表格宽度和各列的宽度和比较,重置最后一列
- this.contentDomWidth = this.contentTable.getBoundingClientRect().width; //表格容器宽度
-
- this.contentWidth = this.contentDomWidth; //默认与容器宽度一样
- }
- var computeObj = this.columnManager.getColumnWidth(this.contentWidth);
- var lastShowIndex = computeObj.lastShowIndex;
- this.computeWidth = computeObj.computeWidth;
-
- this.domWidthDiff = this.contentDomWidth - this.computeWidth;
- if (typeof setWidthParam == 'string' && setWidthParam.indexOf('%')) {
- this.contentWidth = this.contentWidth * parseInt(setWidthParam) / 100;
- this.domWidthDiff = this.contentDomWidth - this.contentWidth;
- }
-
- if (this.computeWidth < this.contentWidth) {
- var contentWidthDiff = this.scrollbarWidth ? this.contentWidth - this.computeWidth - this.scrollbarWidth : this.contentWidth - this.computeWidth;
- //bordered的表格需要减去边框的差值1
- if (this.props.bordered) {
- contentWidthDiff = contentWidthDiff - 1;
- }
- this.setState({ contentWidthDiff: contentWidthDiff, lastShowIndex: lastShowIndex });
- } else {
- this.contentWidth = this.computeWidth;
- this.setState({ contentWidthDiff: 0, lastShowIndex: lastShowIndex }); //重新渲染,为了显示滚动条
- }
- };
-
- Table.prototype.onExpandedRowsChange = function onExpandedRowsChange(expandedRowKeys) {
- if (!this.props.expandedRowKeys) {
- this.setState({ expandedRowKeys: expandedRowKeys });
- }
- this.props.onExpandedRowsChange(expandedRowKeys);
- };
-
- Table.prototype.onExpanded = function onExpanded(expanded, record, index, e) {
- if (e) {
- e.preventDefault();
- e.stopPropagation();
- }
- var info = this.findExpandedRow(record);
- if (typeof info !== 'undefined' && !expanded) {
- this.onRowDestroy(record, index);
- } else if (!info && expanded) {
- var expandedRows = this.getExpandedRows().concat();
- expandedRows.push(this.getRowKey(record, index));
- this.onExpandedRowsChange(expandedRows);
- }
- this.props.onExpand(expanded, record, index);
- };
-
- Table.prototype.onRowDestroy = function onRowDestroy(record, rowIndex) {
- var expandedRows = this.getExpandedRows().concat();
- var rowKey = this.getRowKey(record, rowIndex);
- var index = -1;
- expandedRows.forEach(function (r, i) {
- if (r === rowKey) {
- index = i;
- }
- });
- if (index !== -1) {
- expandedRows.splice(index, 1);
- }
- this.onExpandedRowsChange(expandedRows);
- };
-
- Table.prototype.getRowKey = function getRowKey(record, index) {
- var rowKey = this.props.rowKey;
- var key = typeof rowKey === 'function' ? rowKey(record, index) : record[rowKey];
- (0, _utils.warningOnce)(key !== undefined, 'Each record in table should have a unique `key` prop,' + 'or set `rowKey` to an unique primary key.');
- return key;
- };
-
- Table.prototype.getExpandedRows = function getExpandedRows() {
- return this.props.expandedRowKeys || this.state.expandedRowKeys;
- };
-
- Table.prototype.getHeader = function getHeader(columns, fixed) {
- var _props = this.props,
- filterDelay = _props.filterDelay,
- onFilterChange = _props.onFilterChange,
- onFilterClear = _props.onFilterClear,
- filterable = _props.filterable,
- showHeader = _props.showHeader,
- expandIconAsCell = _props.expandIconAsCell,
- clsPrefix = _props.clsPrefix,
- onDragStart = _props.onDragStart,
- onDragEnter = _props.onDragEnter,
- onDragOver = _props.onDragOver,
- onDrop = _props.onDrop,
- draggable = _props.draggable,
- onMouseDown = _props.onMouseDown,
- onMouseMove = _props.onMouseMove,
- onMouseUp = _props.onMouseUp,
- dragborder = _props.dragborder,
- onThMouseMove = _props.onThMouseMove,
- dragborderKey = _props.dragborderKey,
- minColumnWidth = _props.minColumnWidth,
- headerHeight = _props.headerHeight,
- afterDragColWidth = _props.afterDragColWidth,
- headerScroll = _props.headerScroll,
- bordered = _props.bordered,
- onDropBorder = _props.onDropBorder;
-
- var rows = this.getHeaderRows(columns);
- if (expandIconAsCell && fixed !== 'right') {
- rows[0].unshift({
- key: 'u-table-expandIconAsCell',
- className: clsPrefix + '-expand-icon-th',
- title: '',
- rowSpan: rows.length
- });
- }
-
- var trStyle = headerHeight && !fixed ? { height: headerHeight } : fixed ? this.getHeaderRowStyle(columns, rows) : null;
- var drop = draggable ? { onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, onDragEnter: onDragEnter, draggable: draggable } : {};
- var dragBorder = dragborder ? { onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onMouseUp, dragborder: dragborder, onThMouseMove: onThMouseMove, dragborderKey: dragborderKey, onDropBorder: onDropBorder } : {};
- var contentWidthDiff = 0;
- //非固定表格,宽度不够时自动扩充
- if (!fixed) {
- contentWidthDiff = this.state.contentWidthDiff;
- }
- return showHeader ? _react2["default"].createElement(_TableHeader2["default"], _extends({}, drop, dragBorder, {
- locale: this.props.locale,
- minColumnWidth: minColumnWidth,
- contentWidthDiff: contentWidthDiff,
- contentWidth: this.contentWidth,
- lastShowIndex: this.state.lastShowIndex,
- clsPrefix: clsPrefix,
- rows: rows,
- contentTable: this.contentTable,
- rowStyle: trStyle,
- fixed: fixed,
- filterable: filterable,
- onFilterChange: onFilterChange,
- onFilterClear: onFilterClear,
- filterDelay: filterDelay,
- afterDragColWidth: afterDragColWidth,
- contentDomWidth: this.contentDomWidth,
- scrollbarWidth: this.scrollbarWidth,
- headerScroll: headerScroll,
- bordered: bordered
- })) : null;
- };
-
- Table.prototype.getHeaderRows = function getHeaderRows(columns) {
- var _this2 = this;
-
- var currentRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
- var rows = arguments[2];
- var _state = this.state,
- _state$contentWidthDi = _state.contentWidthDiff,
- contentWidthDiff = _state$contentWidthDi === undefined ? 0 : _state$contentWidthDi,
- _state$lastShowIndex = _state.lastShowIndex,
- lastShowIndex = _state$lastShowIndex === undefined ? -1 : _state$lastShowIndex;
-
- var filterCol = [];
- rows = rows || [];
- rows[currentRow] = rows[currentRow] || [];
-
- columns.forEach(function (column, i) {
- if (column.rowSpan && rows.length < column.rowSpan) {
- while (rows.length < column.rowSpan) {
- rows.push([]);
- }
- }
- var width = column.width;
- if (typeof width == 'string' && width.indexOf('%') > -1 && _this2.contentWidth) {
- width = parseInt(_this2.contentWidth * parseInt(width) / 100);
- } else if (width) {
- width = parseInt(width);
- }
- if (lastShowIndex == i && width) {
- width = width + contentWidthDiff;
- }
- var cell = {
- key: column.key,
- className: column.className || '',
- children: column.title,
- drgHover: column.drgHover,
- fixed: column.fixed,
- width: width,
- dataindex: column.dataIndex,
- textAlign: column.textAlign
- };
- if (column.onHeadCellClick) {
- cell.onClick = column.onHeadCellClick;
- }
- if (column.children) {
- _this2.getHeaderRows(column.children, currentRow + 1, rows);
- }
- if ('colSpan' in column) {
- cell.colSpan = column.colSpan;
- }
- if ('rowSpan' in column) {
- cell.rowSpan = column.rowSpan;
- }
- if (cell.colSpan !== 0) {
- rows[currentRow].push(cell);
- }
- //判断是否启用过滤
- if (_this2.props.filterable) {
- //组装Filter需要的Col
- filterCol.push({
- key: column.key,
- children: "过滤渲染",
- width: column.width,
- filtertype: column.filterType, //下拉的类型 包括['text','dropdown','date','daterange','number']
- dataindex: column.dataIndex, //field
- datasource: _this2.props.data, //需要单独拿到数据处理
- format: column.format, //设置日期的格式
- filterdropdown: column.filterDropdown, //是否显示 show hide
- filterdropdownauto: column.filterDropdownAuto, //是否自定义数据
- filterdropdowndata: column.filterDropdownData, //自定义数据格式
- filterdropdownfocus: column.filterDropdownFocus, //焦点触发函数回调
- filterdropdowntype: column.filterDropdownType, //下拉的类型分为 String,Number 默认是String
- filterdropdownincludekeys: column.filterDropdownIncludeKeys, //下拉条件按照指定的keys去显示
- filterinputnumberoptions: column.filterInputNumberOptions //设置数值框内的详细属性
- });
- }
- });
- if (this.props.filterable) {
- rows.push(filterCol);
- }
- return rows.filter(function (row) {
- return row.length > 0;
- });
- };
-
- Table.prototype.getExpandedRow = function getExpandedRow(key, content, visible, className, fixed) {
- var _props2 = this.props,
- clsPrefix = _props2.clsPrefix,
- expandIconAsCell = _props2.expandIconAsCell;
-
- var colCount = void 0;
- if (fixed === 'left') {
- colCount = this.columnManager.leftLeafColumns().length;
- } else if (fixed === 'right') {
- colCount = this.columnManager.rightLeafColumns().length;
- } else {
- colCount = this.columnManager.leafColumns().length;
- }
-
- function contentContainer() {
- if (content && content.props && content.props.style) {
- return _react2["default"].createElement('div', { style: { height: content.props.style.height } });
- } else {
- return ' ';
- }
- }
-
- var columns = [{
- key: 'extra-row',
- render: function render() {
- return {
- props: {
- colSpan: colCount
- },
- children: !fixed ? content : contentContainer()
- };
- }
- }];
- if (expandIconAsCell && fixed !== 'right') {
- columns.unshift({
- key: 'expand-icon-placeholder',
- render: function render() {
- return null;
- }
- });
- }
- return _react2["default"].createElement(_TableRow2["default"], {
- columns: columns,
- visible: visible,
- className: className,
- key: key + '-extra-row',
- clsPrefix: clsPrefix + '-expanded-row',
- indent: 1,
- expandable: false,
- store: this.store,
- dragborderKey: this.props.dragborderKey
- });
- };
- /**
- *
- *
- * @param {*} data
- * @param {*} visible
- * @param {*} indent 层级
- * @param {*} columns
- * @param {*} fixed
- * @param {number} [rootIndex=-1] 祖级节点
- * @returns
- * @memberof Table
- */
-
-
- Table.prototype.getRowsByData = function getRowsByData(data, visible, indent, columns, fixed) {
- var rootIndex = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : -1;
-
- var props = this.props;
- var childrenColumnName = props.childrenColumnName;
- var expandedRowRender = props.expandedRowRender;
- var expandRowByClick = props.expandRowByClick;
- var fixedColumnsBodyRowsHeight = this.state.fixedColumnsBodyRowsHeight;
-
- var rst = [];
-
- var height = void 0;
- var rowClassName = props.rowClassName;
- var rowRef = props.rowRef;
- var expandedRowClassName = props.expandedRowClassName;
- var needIndentSpaced = props.data.some(function (record) {
- return record[childrenColumnName];
- });
- var onRowClick = props.onRowClick;
- var onRowDoubleClick = props.onRowDoubleClick;
-
- var expandIconAsCell = fixed !== 'right' ? props.expandIconAsCell : false;
- var expandIconColumnIndex = fixed !== 'right' ? props.expandIconColumnIndex : -1;
- if (props.lazyLoad && props.lazyLoad.preHeight && indent == 0) {
- rst.push(_react2["default"].createElement(_TableRow2["default"], { height: props.lazyLoad.preHeight, columns: [], className: '', store: this.store, visible: true }));
- }
- var lazyCurrentIndex = props.lazyLoad && props.lazyLoad.startIndex ? props.lazyLoad.startIndex : 0;
- var lazyParentIndex = props.lazyLoad && props.lazyLoad.startParentIndex ? props.lazyLoad.startParentIndex : 0;
- for (var i = 0; i < data.length; i++) {
- var isHiddenExpandIcon = void 0;
- var record = data[i];
- var key = this.getRowKey(record, i);
- var childrenColumn = record[childrenColumnName];
- var isRowExpanded = this.isRowExpanded(record, i);
- var expandedRowContent = void 0;
- var expandedContentHeight = 0;
- //fixedIndex一般是跟index是一个值的,只有是树结构时,会讲子节点的值也累计上
- var fixedIndex = i;
- //判断是否是tree结构
- if (this.treeType) {
- fixedIndex = this.treeRowIndex;
- }
- if (expandedRowRender && isRowExpanded) {
- expandedRowContent = expandedRowRender(record, fixedIndex + lazyCurrentIndex, indent);
- expandedContentHeight = parseInt(expandedRowContent.props && expandedRowContent.props.style && expandedRowContent.props.style.height ? expandedRowContent.props.style.height : 0);
- }
- //只有当使用expandedRowRender参数的时候才去识别isHiddenExpandIcon(隐藏行展开的icon)
- if (expandedRowRender && typeof props.haveExpandIcon == 'function') {
- isHiddenExpandIcon = props.haveExpandIcon(record, i);
- }
-
- var onHoverProps = {};
-
- onHoverProps.onHover = this.handleRowHover;
-
- if (props.height) {
- height = props.height;
- } else if (fixed) {
- height = fixedColumnsBodyRowsHeight[fixedIndex];
- }
-
- var leafColumns = void 0;
- if (fixed === 'left') {
- leafColumns = this.columnManager.leftLeafColumns();
- } else if (fixed === 'right') {
- leafColumns = this.columnManager.rightLeafColumns();
- } else {
- leafColumns = this.columnManager.leafColumns();
- }
- var className = rowClassName(record, fixedIndex + lazyCurrentIndex, indent);
-
- //合计代码如果是最后一行并且有合计功能时,最后一行为合计列
- if (i == data.length - 1 && props.showSum) {
- className = className + ' sumrow';
- }
-
- var paramRootIndex = rootIndex;
- //小于0说明为第一层节点,她的子孙节点要保存自己的根节点
- if (paramRootIndex < 0) {
- paramRootIndex = i + lazyParentIndex;
- }
- var index = i;
- if (rootIndex == -1) {
- index = i + lazyParentIndex;
- }
- rst.push(_react2["default"].createElement(_TableRow2["default"], _extends({
- indent: indent,
- indentSize: props.indentSize,
- needIndentSpaced: needIndentSpaced,
- className: className,
- record: record,
- expandIconAsCell: expandIconAsCell,
- onDestroy: this.onRowDestroy,
- index: index,
- visible: visible,
- expandRowByClick: expandRowByClick,
- onExpand: this.onExpanded,
- expandable: childrenColumn || expandedRowRender,
- expanded: isRowExpanded,
- clsPrefix: props.clsPrefix + '-row',
- childrenColumnName: childrenColumnName,
- columns: leafColumns,
- expandIconColumnIndex: expandIconColumnIndex,
- onRowClick: onRowClick,
- onRowDoubleClick: onRowDoubleClick,
- height: height,
- isHiddenExpandIcon: isHiddenExpandIcon
- }, onHoverProps, {
- key: key,
- hoverKey: key,
- ref: rowRef,
- store: this.store,
- fixed: fixed,
- expandedContentHeight: expandedContentHeight,
- setRowHeight: props.setRowHeight,
- setRowParentIndex: props.setRowParentIndex,
- treeType: childrenColumn || this.treeType ? true : false,
- fixedIndex: fixedIndex + lazyCurrentIndex,
- rootIndex: rootIndex,
- syncHover: props.syncHover
- })));
- this.treeRowIndex++;
- var subVisible = visible && isRowExpanded;
-
- if (expandedRowContent && isRowExpanded) {
- rst.push(this.getExpandedRow(key, expandedRowContent, subVisible, expandedRowClassName(record, i, indent), fixed));
- }
- if (childrenColumn) {
- this.treeType = true; //证明是tree表形式visible = {true}
- rst = rst.concat(this.getRowsByData(childrenColumn, subVisible, indent + 1, columns, fixed, paramRootIndex));
- }
- }
-
- if (props.lazyLoad && props.lazyLoad.sufHeight && indent == 0) {
- rst.push(_react2["default"].createElement(_TableRow2["default"], { height: props.lazyLoad.sufHeight, columns: [], className: '', store: this.store, visible: true }));
- }
- return rst;
- };
-
- Table.prototype.getRows = function getRows(columns, fixed) {
- //统计index,只有含有鼠表结构才有用,因为数表结构时,固定列的索引取值有问题
- this.treeRowIndex = 0;
- return this.getRowsByData(this.state.data, true, 0, columns, fixed);
- };
-
- Table.prototype.getColGroup = function getColGroup(columns, fixed) {
- var _this3 = this;
-
- var cols = [];
- var self = this;
-
- var _state2 = this.state,
- _state2$contentWidthD = _state2.contentWidthDiff,
- contentWidthDiff = _state2$contentWidthD === undefined ? 0 : _state2$contentWidthD,
- _state2$lastShowIndex = _state2.lastShowIndex,
- lastShowIndex = _state2$lastShowIndex === undefined ? 0 : _state2$lastShowIndex;
-
- if (this.props.expandIconAsCell && fixed !== 'right') {
- cols.push(_react2["default"].createElement('col', {
- className: this.props.clsPrefix + '-expand-icon-col',
- key: 'u-table-expand-icon-col'
- }));
- }
- var leafColumns = void 0;
- if (fixed === 'left') {
- contentWidthDiff = 0;
- leafColumns = this.columnManager.leftLeafColumns();
- } else if (fixed === 'right') {
- contentWidthDiff = 0;
- leafColumns = this.columnManager.rightLeafColumns();
- } else {
- leafColumns = this.columnManager.leafColumns();
- }
- cols = cols.concat(leafColumns.map(function (c, i, arr) {
- var fixedClass = '';
- var width = c.width;
- if (typeof width == 'string' && width.indexOf('%') > -1 && self.contentWidth) {
- width = parseInt(self.contentWidth * parseInt(width) / 100);
- } else if (width) {
- width = parseInt(width);
- }
- if (lastShowIndex == i && width) {
- width = width + contentWidthDiff;
- }
- if (!fixed && c.fixed) {
- fixedClass = ' ' + _this3.props.clsPrefix + '-row-fixed-columns-in-body';
- }
- return _react2["default"].createElement('col', { key: c.key, style: { width: width, minWidth: c.width }, className: fixedClass });
- }));
- return _react2["default"].createElement(
- 'colgroup',
- { id: 'bee-table-colgroup' },
- cols
- );
- };
-
- Table.prototype.getLeftFixedTable = function getLeftFixedTable() {
- return this.getTable({
- columns: this.columnManager.leftColumns(),
- fixed: 'left'
- });
- };
-
- Table.prototype.getRightFixedTable = function getRightFixedTable() {
- return this.getTable({
- columns: this.columnManager.rightColumns(),
- fixed: 'right'
- });
- };
-
- Table.prototype.getTable = function getTable() {
- var _this4 = this;
-
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- var columns = options.columns,
- fixed = options.fixed;
- var _props3 = this.props,
- clsPrefix = _props3.clsPrefix,
- _props3$scroll = _props3.scroll,
- scroll = _props3$scroll === undefined ? {} : _props3$scroll,
- getBodyWrapper = _props3.getBodyWrapper,
- footerScroll = _props3.footerScroll,
- headerScroll = _props3.headerScroll;
- var useFixedHeader = this.props.useFixedHeader;
-
- var bodyStyle = _extends({}, this.props.bodyStyle);
- var headStyle = {};
- var innerBodyStyle = {};
-
- var tableClassName = '';
- //表格元素的宽度大于容器的宽度也显示滚动条
- if (scroll.x || fixed || this.contentDomWidth < this.contentWidth) {
- tableClassName = clsPrefix + '-fixed';
- //没有数据并且含有顶部菜单时
- if (this.props.data.length == 0 && this.props.headerScroll) {
- bodyStyle.overflowX = 'hidden';
- }
- if (!footerScroll) {
- bodyStyle.overflowX = bodyStyle.overflowX || 'auto';
- }
- }
-
- if (scroll.y) {
- // maxHeight will make fixed-Table scrolling not working
- // so we only set maxHeight to body-Table here
- if (fixed) {
- // bodyStyle.height = bodyStyle.height || scroll.y;
- innerBodyStyle.maxHeight = bodyStyle.maxHeight || scroll.y;
- innerBodyStyle.overflowY = bodyStyle.overflowY || 'scroll';
- } else {
- bodyStyle.maxHeight = bodyStyle.maxHeight || scroll.y;
- }
- bodyStyle.overflowY = bodyStyle.overflowY || 'scroll';
- useFixedHeader = true;
-
- // Add negative margin bottom for scroll bar overflow bug
- var scrollbarWidth = this.scrollbarWidth;
- if (scrollbarWidth >= 0) {
- (fixed ? bodyStyle : headStyle).paddingBottom = '0px';
- //显示表头滚动条
- if (headerScroll) {
- if (fixed) {
-
- if (this.domWidthDiff <= 0) {
- headStyle.marginBottom = scrollbarWidth + 'px';
- bodyStyle.marginBottom = '-' + scrollbarWidth + 'px';
- } else {
- innerBodyStyle.overflowX = 'auto';
- }
- } else {
- //内容少,不用显示滚动条
- if (this.domWidthDiff > 0) {
- headStyle.overflowX = 'hidden';
- }
- headStyle.marginBottom = '0px';
- }
- } else {
- if (fixed) {
- if (this.domWidthDiff > 0) {
- headStyle.overflow = 'hidden';
- innerBodyStyle.overflowX = 'auto'; //兼容expand场景、子表格含有固定列的场景
- } else {
- bodyStyle.marginBottom = '-' + scrollbarWidth + 'px';
- }
- } else {
- headStyle.marginBottom = '-' + scrollbarWidth + 'px';
- }
- }
- }
- }
-
- var renderTable = function renderTable() {
- var hasHead = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
- var hasBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
- var tableStyle = {};
- if (!fixed && scroll.x) {
- // not set width, then use content fixed width
- if (scroll.x === true) {
- tableStyle.tableLayout = 'fixed';
- } else {
- tableStyle.width = _this4.contentWidth - _this4.columnManager.getLeftColumnsWidth(_this4.contentWidth) - _this4.columnManager.getRightColumnsWidth(_this4.contentWidth);
- }
- }
- // 自动出现滚动条
- if (!fixed && _this4.contentDomWidth < _this4.contentWidth) {
- tableStyle.width = _this4.contentWidth - _this4.columnManager.getLeftColumnsWidth(_this4.contentWidth) - _this4.columnManager.getRightColumnsWidth(_this4.contentWidth);
- }
- var tableBody = hasBody ? getBodyWrapper(_react2["default"].createElement(
- 'tbody',
- { className: clsPrefix + '-tbody', onMouseLeave: _this4.onBodyMouseLeave },
- _this4.getRows(columns, fixed)
- )) : null;
- var _drag_class = _this4.props.dragborder ? "table-drag-bordered" : "";
- return _react2["default"].createElement(
- 'table',
- { id: 'bee-table-uid', className: ' ' + tableClassName + ' table-bordered ' + _drag_class + ' ', style: tableStyle },
- _this4.getColGroup(columns, fixed),
- hasHead ? _this4.getHeader(columns, fixed) : null,
- tableBody
- );
- };
-
- var headTable = void 0;
-
- if (useFixedHeader) {
- headTable = _react2["default"].createElement(
- 'div',
- {
- className: clsPrefix + '-header',
- ref: fixed ? null : 'headTable',
- style: headStyle,
- onMouseOver: this.detectScrollTarget,
- onTouchStart: this.detectScrollTarget,
- onScroll: this.handleBodyScroll
- },
- renderTable(true, false)
- );
- }
- var BodyTable = _react2["default"].createElement(
- 'div',
- {
- className: clsPrefix + '-body',
- style: bodyStyle,
- ref: 'bodyTable',
- onMouseOver: this.detectScrollTarget,
- onTouchStart: this.detectScrollTarget,
- onScroll: this.handleBodyScroll,
- onMouseLeave: this.onBodyMouseLeave
- },
- this.renderDragHideTable(),
- renderTable(!useFixedHeader)
- );
-
- if (fixed && columns.length) {
- var refName = void 0;
- if (columns[0].fixed === 'left' || columns[0].fixed === true) {
- refName = 'fixedColumnsBodyLeft';
- } else if (columns[0].fixed === 'right') {
- refName = 'fixedColumnsBodyRight';
- }
- delete bodyStyle.overflowX;
- delete bodyStyle.overflowY;
- BodyTable = _react2["default"].createElement(
- 'div',
- {
- className: clsPrefix + '-body-outer',
- style: _extends({}, bodyStyle)
- },
- _react2["default"].createElement(
- 'div',
- {
- style: _extends({}, innerBodyStyle),
- className: clsPrefix + '-body-inner',
- ref: refName,
- onMouseOver: this.detectScrollTarget,
- onTouchStart: this.detectScrollTarget,
- onScroll: this.handleBodyScroll
- },
- renderTable(!useFixedHeader)
- )
- );
- }
- var leftFixedWidth = this.columnManager.getLeftColumnsWidth(this.contentWidth);
- var rightFixedWidth = this.columnManager.getRightColumnsWidth(this.contentWidth);
- var parStyle = {};
- if (!fixed) {
- parStyle = { 'marginLeft': leftFixedWidth, 'marginRight': rightFixedWidth };
- }
- return _react2["default"].createElement(
- 'div',
- { style: parStyle },
- headTable,
- BodyTable
- );
- };
-
- Table.prototype.getTitle = function getTitle() {
- var _props4 = this.props,
- title = _props4.title,
- clsPrefix = _props4.clsPrefix;
-
- return title ? _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-title' },
- title(this.state.data)
- ) : null;
- };
-
- Table.prototype.getFooter = function getFooter() {
- var _props5 = this.props,
- footer = _props5.footer,
- clsPrefix = _props5.clsPrefix;
-
- return footer ? _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-footer' },
- footer(this.state.data)
- ) : null;
- };
-
- Table.prototype.getEmptyText = function getEmptyText() {
- var _props6 = this.props,
- emptyText = _props6.emptyText,
- clsPrefix = _props6.clsPrefix,
- data = _props6.data;
-
- return !data.length ? _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-placeholder' },
- emptyText()
- ) : null;
- };
-
- Table.prototype.getHeaderRowStyle = function getHeaderRowStyle(columns, rows) {
- var fixedColumnsHeadRowsHeight = this.state.fixedColumnsHeadRowsHeight;
-
- var headerHeight = fixedColumnsHeadRowsHeight[0];
-
- if (headerHeight && columns) {
- if (headerHeight === 'auto') {
- return { height: 'auto' };
- }
- return { height: headerHeight / rows.length };
- }
- return null;
- };
-
- Table.prototype.syncFixedTableRowHeight = function syncFixedTableRowHeight() {
- //this.props.height、headerHeight分别为用户传入的行高和表头高度,如果有值,所有行的高度都是固定的,主要为了避免在千行数据中有固定列时获取行高度有问题
- var _props7 = this.props,
- clsPrefix = _props7.clsPrefix,
- height = _props7.height,
- headerHeight = _props7.headerHeight,
- columns = _props7.columns;
-
- var headRows = this.refs.headTable ? this.refs.headTable.querySelectorAll('thead') : this.refs.bodyTable.querySelectorAll('thead');
- var bodyRows = this.refs.bodyTable.querySelectorAll('.' + clsPrefix + '-row') || [];
- var fixedColumnsHeadRowsHeight = [].map.call(headRows, function (row) {
- var height = headerHeight;
- if (headerHeight) {
- height = ((0, _utils.getMaxColChildrenLength)(columns) + 1) * headerHeight;
- }
- return headerHeight ? height : row.getBoundingClientRect().height || 'auto';
- });
- var fixedColumnsBodyRowsHeight = [].map.call(bodyRows, function (row) {
- return height ? height : row.getBoundingClientRect().height || 'auto';
- });
- if ((0, _shallowequal2["default"])(this.state.fixedColumnsHeadRowsHeight, fixedColumnsHeadRowsHeight) && (0, _shallowequal2["default"])(this.state.fixedColumnsBodyRowsHeight, fixedColumnsBodyRowsHeight)) {
- return;
- }
- this.setState({
- fixedColumnsHeadRowsHeight: fixedColumnsHeadRowsHeight,
- fixedColumnsBodyRowsHeight: fixedColumnsBodyRowsHeight
- });
- };
-
- Table.prototype.resetScrollY = function resetScrollY() {
- if (this.refs.headTable) {
- this.refs.headTable.scrollLeft = 0;
- }
- if (this.refs.bodyTable) {
- this.refs.bodyTable.scrollLeft = 0;
- }
- };
-
- Table.prototype.findExpandedRow = function findExpandedRow(record, index) {
- var _this5 = this;
-
- var rows = this.getExpandedRows().filter(function (i) {
- return i === _this5.getRowKey(record, index);
- });
- return rows[0];
- };
-
- Table.prototype.isRowExpanded = function isRowExpanded(record, index) {
- return typeof this.findExpandedRow(record, index) !== 'undefined';
- };
-
- Table.prototype.onBodyMouseLeave = function onBodyMouseLeave(e) {
- this.hideHoverDom(e);
- };
-
- Table.prototype.detectScrollTarget = function detectScrollTarget(e) {
- if (this.scrollTarget !== e.currentTarget) {
- this.scrollTarget = e.currentTarget;
- }
- };
-
- Table.prototype.hideHoverDom = function hideHoverDom(e) {
- if (this.hoverDom) {
- this.hoverDom.style.display = 'none';
- }
- };
-
- Table.prototype.handleBodyScroll = function handleBodyScroll(e) {
- var _props8 = this.props,
- _props8$scroll = _props8.scroll,
- scroll = _props8$scroll === undefined ? {} : _props8$scroll,
- clsPrefix = _props8.clsPrefix,
- handleScrollY = _props8.handleScrollY,
- handleScrollX = _props8.handleScrollX;
- var _refs = this.refs,
- headTable = _refs.headTable,
- bodyTable = _refs.bodyTable,
- fixedColumnsBodyLeft = _refs.fixedColumnsBodyLeft,
- fixedColumnsBodyRight = _refs.fixedColumnsBodyRight;
- // Prevent scrollTop setter trigger onScroll event
- // http://stackoverflow.com/q/1386696
-
- if (e.currentTarget !== e.target) {
- return;
- }
- if (e.target.scrollLeft !== this.lastScrollLeft) {
- var position = '';
- if (e.target === bodyTable && headTable) {
- headTable.scrollLeft = e.target.scrollLeft;
- } else if (e.target === headTable && bodyTable) {
- bodyTable.scrollLeft = e.target.scrollLeft;
- }
- if (e.target.scrollLeft === 0) {
- position = 'left';
- } else if (e.target.scrollLeft + 1 >= e.target.children[0].getBoundingClientRect().width - e.target.getBoundingClientRect().width) {
- position = 'right';
- } else if (this.state.scrollPosition !== 'middle') {
- position = 'middle';
- }
- if (position) {
- (0, _componentClasses2["default"])(this.contentTable).remove(new RegExp('^' + clsPrefix + '-scroll-position-.+$')).add(clsPrefix + '-scroll-position-' + position);
- }
- if (handleScrollX) {
- (0, _utils.debounce)(handleScrollX(e.target.scrollLeft, this.treeType), 300);
- }
- }
- // console.log('lastScrollTop--'+this.lastScrollTop+'--eventScrollTop--'+ e.target.scrollTop);
- if (scroll.y && this.lastScrollTop != e.target.scrollTop) {
- if (fixedColumnsBodyLeft && e.target !== fixedColumnsBodyLeft) {
- fixedColumnsBodyLeft.scrollTop = e.target.scrollTop;
- }
- if (fixedColumnsBodyRight && e.target !== fixedColumnsBodyRight) {
- fixedColumnsBodyRight.scrollTop = e.target.scrollTop;
- }
- if (bodyTable && e.target !== bodyTable) {
- bodyTable.scrollTop = e.target.scrollTop;
- }
- if (this.hoverDom) {
- this.hoverDom.style.display = 'none';
- }
- this.lastScrollTop = e.target.scrollTop;
- if (handleScrollY) {
- (0, _utils.debounce)(handleScrollY(this.lastScrollTop, this.treeType), 300);
- }
- }
-
- // Remember last scrollLeft for scroll direction detecting.
- this.lastScrollLeft = e.target.scrollLeft;
- };
-
- Table.prototype.handleRowHover = function handleRowHover(isHover, key, event, currentIndex) {
- //增加新的API,设置是否同步Hover状态,提高性能,避免无关的渲染
- var _props9 = this.props,
- syncHover = _props9.syncHover,
- onRowHover = _props9.onRowHover,
- data = _props9.data;
-
- var record = data[currentIndex];
- // 固定列、或者含有hoverdom时情况下同步hover状态
- if (this.columnManager.isAnyColumnsFixed() && syncHover) {
- this.hoverKey = key;
- this.store.setState({
- currentHoverKey: isHover ? key : null
- });
- }
- if (this.hoverDom && isHover) {
- this.currentHoverKey = key;
- var td = (0, _utils.closest)(event.target, 'td');
- if (td) {
- var scrollTop = this.lastScrollTop ? this.lastScrollTop : 0;
- var top = td.offsetTop - scrollTop;
- if (this.refs.headTable) {
- top = top + this.refs.headTable.clientHeight;
- }
- this.hoverDom.style.top = top + 'px';
- this.hoverDom.style.height = td.offsetHeight + 'px';
- this.hoverDom.style.lineHeight = td.offsetHeight + 'px';
- this.hoverDom.style.display = 'block';
- }
- }
-
- onRowHover && onRowHover(currentIndex, record);
- };
-
- Table.prototype.render = function render() {
- var _this6 = this;
-
- var props = this.props;
- var clsPrefix = props.clsPrefix;
-
- var className = props.clsPrefix;
- if (props.className) {
- className += ' ' + props.className;
- }
- if (props.useFixedHeader || props.scroll && props.scroll.y) {
- className += ' ' + clsPrefix + '-fixed-header';
- }
- if (props.bordered) {
- className += ' ' + clsPrefix + '-bordered';
- }
- className += ' ' + clsPrefix + '-scroll-position-' + this.state.scrollPosition;
- //如果传入height说明是固定高度
- if (props.height) {
- className += ' fixed-height';
- }
- var isTableScroll = this.columnManager.isAnyColumnsFixed() || props.scroll.x || props.scroll.y;
- var loading = props.loading;
- if (typeof loading === 'boolean') {
- loading = {
- show: loading
- };
- }
-
- return _react2["default"].createElement(
- 'div',
- { className: className, style: props.style, ref: function ref(el) {
- return _this6.contentTable = el;
- },
- tabIndex: props.focusable && (props.tabIndex ? props.tabIndex : '0') },
- this.getTitle(),
- _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-content' },
- _react2["default"].createElement(
- 'div',
- { className: isTableScroll ? clsPrefix + '-scroll' : '' },
- this.getTable({ columns: this.columnManager.groupedColumns() }),
- this.getEmptyText(),
- this.getFooter()
- ),
- this.columnManager.isAnyColumnsLeftFixed() && _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-fixed-left' },
- this.getLeftFixedTable()
- ),
- this.columnManager.isAnyColumnsRightFixed() && _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-fixed-right' },
- this.getRightFixedTable()
- )
- ),
- _react2["default"].createElement(_beeLoading2["default"], _extends({
- container: this
- }, loading)),
- props.hoverContent && _react2["default"].createElement(
- 'div',
- { className: 'u-row-hover',
- onMouseEnter: this.onRowHoverMouseEnter, onMouseLeave: this.onRowHoverMouseLeave, ref: function ref(el) {
- return _this6.hoverDom = el;
- } },
- props.hoverContent()
- )
- );
- };
-
- return Table;
-}(_react.Component);
-
-;
-
-Table.propTypes = propTypes;
-Table.defaultProps = defaultProps;
-
-exports["default"] = Table;
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/TableCell.js b/build/TableCell.js
deleted file mode 100644
index 88628fe..0000000
--- a/build/TableCell.js
+++ /dev/null
@@ -1,139 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _objectPath = require('object-path');
-
-var _objectPath2 = _interopRequireDefault(_objectPath);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-var propTypes = {
- record: _propTypes2["default"].object,
- clsPrefix: _propTypes2["default"].string,
- index: _propTypes2["default"].number,
- indent: _propTypes2["default"].number,
- indentSize: _propTypes2["default"].number,
- column: _propTypes2["default"].object,
- expandIcon: _propTypes2["default"].node
-};
-
-var TableCell = function (_Component) {
- _inherits(TableCell, _Component);
-
- function TableCell(props) {
- _classCallCheck(this, TableCell);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.isInvalidRenderCellText = _this.isInvalidRenderCellText.bind(_this);
- _this.handleClick = _this.handleClick.bind(_this);
- return _this;
- }
-
- TableCell.prototype.isInvalidRenderCellText = function isInvalidRenderCellText(text) {
- return text && !_react2["default"].isValidElement(text) && Object.prototype.toString.call(text) === '[object Object]';
- };
-
- TableCell.prototype.handleClick = function handleClick(e) {
- var _props = this.props,
- record = _props.record,
- onCellClick = _props.column.onCellClick;
-
- if (onCellClick) {
- onCellClick(record, e);
- }
- };
-
- TableCell.prototype.render = function render() {
- var _props2 = this.props,
- record = _props2.record,
- indentSize = _props2.indentSize,
- clsPrefix = _props2.clsPrefix,
- indent = _props2.indent,
- index = _props2.index,
- expandIcon = _props2.expandIcon,
- column = _props2.column,
- fixed = _props2.fixed,
- showSum = _props2.showSum;
- var dataIndex = column.dataIndex,
- render = column.render;
- var _column$className = column.className,
- className = _column$className === undefined ? '' : _column$className;
-
-
- var text = _objectPath2["default"].get(record, dataIndex);
- var tdProps = void 0;
- var colSpan = void 0;
- var rowSpan = void 0;
-
- if (render && !showSum) {
- text = render(text, record, index);
- if (this.isInvalidRenderCellText(text)) {
- tdProps = text.props || {};
- rowSpan = tdProps.rowSpan;
- colSpan = tdProps.colSpan;
- text = text.children;
- }
- }
-
- if (this.isInvalidRenderCellText(text)) {
- text = null;
- }
-
- var indentText = expandIcon ? _react2["default"].createElement('span', {
- style: { paddingLeft: indentSize * indent + 'px' },
- className: clsPrefix + '-indent indent-level-' + indent
- }) : null;
-
- if (rowSpan === 0 || colSpan === 0) {
- return null;
- }
- //不是固定表格并且当前列是固定,则隐藏当前列
- if (column.fixed && !fixed) {
- className = className + (' ' + clsPrefix + '-fixed-columns-in-body');
- }
- if (column.textAlign) {
- className = className + (' text-' + column.textAlign);
- }
- return _react2["default"].createElement(
- 'td',
- {
- colSpan: colSpan,
- rowSpan: rowSpan,
- className: className,
- onClick: this.handleClick
- },
- indentText,
- expandIcon,
- text
- );
- };
-
- return TableCell;
-}(_react.Component);
-
-;
-
-TableCell.propTypes = propTypes;
-
-exports["default"] = TableCell;
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/TableHeader.js b/build/TableHeader.js
deleted file mode 100644
index e66d843..0000000
--- a/build/TableHeader.js
+++ /dev/null
@@ -1,751 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactDom = require("react-dom");
-
-var _reactDom2 = _interopRequireDefault(_reactDom);
-
-var _propTypes = require("prop-types");
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _throttleDebounce = require("throttle-debounce");
-
-var _utils = require("./utils");
-
-var _FilterType = require("./FilterType");
-
-var _FilterType2 = _interopRequireDefault(_FilterType);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-var propTypes = {
- clsPrefix: _propTypes2["default"].string,
- rowStyle: _propTypes2["default"].object,
- rows: _propTypes2["default"].array
-};
-
-var TableHeader = function (_Component) {
- _inherits(TableHeader, _Component);
-
- function TableHeader(props) {
- _classCallCheck(this, TableHeader);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.optTableMargin = function (table, scrollbarWidth) {
- if (table) {
- table.style.marginBottom = scrollbarWidth + "px";
- }
- };
-
- _this.optTableScroll = function (table) {
- var overflow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
- if (table) {
- var innerTable = table.querySelector('.u-table-body-inner');
- if (innerTable) {
- overflow.x && (innerTable.style.overflowX = overflow.x);
- overflow.y && (innerTable.style.overflowY = overflow.y);
- }
- }
- };
-
- _this.onLineMouseMove = function (e) {
- var _this$props = _this.props,
- clsPrefix = _this$props.clsPrefix,
- dragborder = _this$props.dragborder,
- contentDomWidth = _this$props.contentDomWidth,
- scrollbarWidth = _this$props.scrollbarWidth,
- contentTable = _this$props.contentTable,
- headerScroll = _this$props.headerScroll;
-
- _utils.Event.stopPropagation(e);
- var event = _utils.Event.getEvent(e);
- if (!_this.props.dragborder) return;
- if (_this.drag.option != "border") {
- return false;
- }
- //移动改变宽度
- var currentCols = _this.table.cols[_this.drag.currIndex];
- var diff = event.x - _this.drag.oldLeft;
- var newWidth = _this.drag.oldWidth + diff;
- _this.drag.newWidth = newWidth;
- // if(newWidth > this.drag.minWidth){
- if (newWidth > _this.minWidth) {
- currentCols.style.width = newWidth + 'px';
- //hao 支持固定表头拖拽 修改表体的width
- if (_this.fixedTable.cols) {
- _this.fixedTable.cols[_this.drag.currIndex].style.width = newWidth + "px";
- }
- var oldTableWidth = parseInt(_this.table.table.style.width ? _this.table.table.style.width : _this.table.table.scrollWidth);
- var newTableWidth = oldTableWidth + diff;
- _this.table.table.style.width = newTableWidth; //改变table的width
-
- var showScroll = contentDomWidth - newTableWidth - scrollbarWidth;
- var fixedLeftHeaderTable = contentTable.querySelector('.u-table-fixed-left .u-table-header');
- var fixedRighHeadertTable = contentTable.querySelector('.u-table-fixed-right .u-table-header');
- var contentTableHeader = contentTable.querySelector('.u-table-scroll .u-table-header');
- var fixedLeftBodyTable = contentTable.querySelector('.u-table-fixed-left .u-table-body-outer');
- var fixedRightBodyTable = contentTable.querySelector('.u-table-fixed-right .u-table-body-outer');
-
- //表头滚动条处理
- if (headerScroll) {
- if (showScroll < 0) {
- //找到固定列表格,设置表头的marginBottom值为scrollbarWidth;
- contentTableHeader.style.overflowX = 'scroll';
- _this.optTableMargin(fixedLeftHeaderTable, scrollbarWidth);
- _this.optTableMargin(fixedRighHeadertTable, scrollbarWidth);
- // fixedLeftHeaderTable && (fixedLeftHeaderTable.style.marginBottom = scrollbarWidth + "px");
- // fixedRighHeadertTable && (fixedRighHeadertTable.style.marginBottom = scrollbarWidth + "px");
- //todo inner scroll-x去掉;outer marginbottom 设置成-15px】
- } else {
- contentTableHeader.style.overflowX = 'hidden';
- _this.optTableMargin(fixedLeftHeaderTable, 0);
- _this.optTableMargin(fixedRighHeadertTable, 0);
- }
- } else {
- if (showScroll < 0) {
- _this.optTableMargin(fixedLeftBodyTable, '-' + scrollbarWidth);
- _this.optTableMargin(fixedRightBodyTable, '-' + scrollbarWidth);
- _this.optTableScroll(fixedLeftBodyTable, { x: 'scroll' });
- _this.optTableScroll(fixedRightBodyTable, { x: 'scroll' });
- } else {
- _this.optTableMargin(fixedLeftBodyTable, 0);
- _this.optTableMargin(fixedRightBodyTable, 0);
- _this.optTableScroll(fixedLeftBodyTable, { x: 'auto' });
- _this.optTableScroll(fixedRightBodyTable, { x: 'auto' });
- }
- }
- }
- };
-
- _this.onLineMouseDown = function (e) {
- _utils.Event.stopPropagation(e);
- var event = _utils.Event.getEvent(e);
- var _this$props2 = _this.props,
- clsPrefix = _this$props2.clsPrefix,
- contentTable = _this$props2.contentTable;
-
- if (!_this.props.dragborder) return;
- var currentIndex = parseInt(_utils.Event.getTarget(event).getAttribute("data-line-index"));
- var defaultWidth = _utils.Event.getTarget(event).getAttribute("data-th-width");
- var currentObj = _this.table.cols[currentIndex];
- _this.drag.option = "border"; //拖拽操作
- _this.drag.currIndex = currentIndex;
- _this.drag.oldLeft = event.x;
- _this.drag.oldWidth = parseInt(currentObj.style.width);
- _this.drag.minWidth = currentObj.style.minWidth != "" ? parseInt(currentObj.style.minWidth) : defaultWidth;
- };
-
- _this.onLineMouseUp = function (event) {
- var width = _this.drag.newWidth;
- _this.clearDragBorder(event);
- _this.props.onDropBorder(event, width);
- };
-
- _this.bodyonLineMouseMove = function (event) {
- _this.clearDragBorder(event);
- };
-
- _this.dragAbleMouseDown = function (e) {
- // Event.stopPropagation(e);
- var event = _utils.Event.getEvent(e);
- if (!_this.props.draggable) return;
- var th = _this.getThDome(event.target);
- if (!th) return;
- event.target.setAttribute('draggable', true); //添加交换列效果
- _this.drag.option = 'dragAble';
- _this.currentDome = event.target;
-
- _this.thEventListen([{ key: 'mouseup', fun: _this.dragAbleMouseUp }], '', true); //th
- _this.removeDragBorderEvent(); //清理掉拖拽列宽的事件
- _this.addDragAbleEvent(); //添加拖拽交换列的事件
- };
-
- _this.dragAbleMouseUp = function (e) {
- _this.currentDome.setAttribute('draggable', false); //添加交换列效果
- _this.removeDragAbleEvent();
- _this.thEventListen([{ key: 'mouseup', fun: _this.dragAbleMouseUp }], 'remove', true); //th
- //拖拽交换列事件
- _this.thEventListen([{ key: 'mousedown', fun: _this.dragAbleMouseDown }], 'remove', true); //表示把事件添加到th元素上
- _this.initEvent();
- };
-
- _this.onDragStart = function (e) {
- var event = _utils.Event.getEvent(e);
- if (!_this.props.draggable) return;
- if (_this.drag.option === 'border') {
- return;
- }
- var th = _this.getThDome(event.target);
- if (!th) return;
- var currentIndex = parseInt(th.getAttribute("data-line-index"));
-
- var currentKey = event.target.getAttribute('data-line-key');
- event.dataTransfer.effectAllowed = "move";
- event.dataTransfer.setData("Text", currentKey);
- _this.currentObj = _this.props.rows[0][currentIndex];
- // event.dataTransfer.setDragImage(event.target, 0, 0);
- };
-
- _this.onDragOver = function (e) {
- event.preventDefault();
- };
-
- _this.onDrop = function (e) {
- if (!_this.props.draggable) return;
- if (_this.drag.option === 'border') {
- return;
- }
- _this.currentDome.setAttribute('draggable', false); //添加交换列效果
- var data = _this.getCurrentEventData(e);
- if (!data) return;
- if (!_this.currentObj || _this.currentObj.key == data.key) return;
- if (!_this.props.onDrop) return;
- _this.props.onDrop(event, { dragSource: _this.currentObj, dragTarg: data });
- };
-
- _this.handlerFilterChange = function (key, value, condition) {
- var onFilterChange = _this.props.onFilterChange;
-
- if (onFilterChange) {
- onFilterChange(key, value, condition);
- }
- };
-
- _this.handlerFilterClear = function (field) {
- var onFilterClear = _this.props.onFilterClear;
-
- if (onFilterClear) {
- onFilterClear(field);
- }
- };
-
- _this.filterRenderType = function (type, dataIndex, index) {
- var _this$props3 = _this.props,
- clsPrefix = _this$props3.clsPrefix,
- rows = _this$props3.rows,
- filterDelay = _this$props3.filterDelay,
- locale = _this$props3.locale;
-
- switch (type) {
- //文本输入
- case "text":
- return _react2["default"].createElement(_FilterType2["default"], {
- locale: locale //多语
- , rendertype: type //渲染类型
- , clsPrefix: clsPrefix //css前缀
- , className: clsPrefix + " filter-text",
- dataIndex: dataIndex //字段
- , onFilterChange: _this.handlerFilterChange //输入框回调
- , onFilterClear: _this.handlerFilterClear //清除回调
- , filterDropdown: rows[1][index]["filterdropdown"] //是否显示下拉条件
- , filterDropdownType: rows[1][index]["filterdropdowntype"] //下拉的条件类型为string,number
- , filterDropdownIncludeKeys: rows[1][index]["filterdropdownincludekeys"] //下拉条件按照指定的keys去显示
- });
- //数值输入
- case "number":
- return _react2["default"].createElement(_FilterType2["default"], {
- locale: locale,
- rendertype: type,
- clsPrefix: clsPrefix,
- className: clsPrefix + " filter-text",
- dataIndex: dataIndex //字段
- , onFilterChange: (0, _throttleDebounce.debounce)(filterDelay || 300, _this.handlerFilterChange) //输入框回调并且函数防抖动
- , onFilterClear: _this.handlerFilterClear //清除回调
- , filterDropdown: rows[1][index]["filterdropdown"],
- filterDropdownType: rows[1][index]["filterdropdowntype"] //下拉的条件类型为string,number
- , filterDropdownIncludeKeys: rows[1][index]["filterdropdownincludekeys"] //下拉条件按照指定的keys去显示
- , filterInputNumberOptions: rows[1][index]["filterinputnumberoptions"] //设置数值框内的详细属性
- });
- //下拉框选择
- case "dropdown":
- var selectDataSource = [];
- //处理没有输入数据源的时候,系统自动查找自带的数据筛选后注入
- if (rows.length > 0 && (rows[1][index]["filterdropdownauto"] || "auto") == "auto") {
- var hash = {};
- //处理下拉重复对象组装dropdown
- selectDataSource = Array.from(rows[1][0].datasource, function (x) {
- return {
- key: x[dataIndex],
- value: x[dataIndex]
- };
- });
- selectDataSource = selectDataSource.reduceRight(function (item, next) {
- hash[next.key] ? "" : hash[next.key] = true && item.push(next);
- return item;
- }, []);
- } else {
- //从外部数据源加载系统数据
- selectDataSource = rows[1][index]["filterdropdowndata"];
- }
- return _react2["default"].createElement(_FilterType2["default"], {
- locale: locale,
- rendertype: type,
- className: clsPrefix + " filter-dropdown",
- data: selectDataSource,
- notFoundContent: "Loading" //没有数据显示的默认字
- , dataIndex: dataIndex //字段
- , onFilterChange: _this.handlerFilterChange //输入框回调
- , onFilterClear: _this.handlerFilterClear //清除回调
- , filterDropdown: rows[1][index]["filterdropdown"],
- onFocus: rows[1][index]["filterdropdownfocus"],
- filterDropdownType: rows[1][index]["filterdropdowntype"] //下拉的条件类型为string,number
- , filterDropdownIncludeKeys: rows[1][index]["filterdropdownincludekeys"] //下拉条件按照指定的keys去显示
- });
- //日期
- case "date":
- return _react2["default"].createElement(_FilterType2["default"], {
- locale: locale,
- rendertype: type,
- className: "filter-date",
- onClick: function onClick() {},
- format: rows[1][index]["format"] || "YYYY-MM-DD",
- dataIndex: dataIndex //字段
- , onFilterChange: _this.handlerFilterChange //输入框回调
- , onFilterClear: _this.handlerFilterClear //清除回调
- , filterDropdown: rows[1][index]["filterdropdown"],
- filterDropdownType: rows[1][index]["filterdropdowntype"] //下拉的条件类型为string,number
- , filterDropdownIncludeKeys: rows[1][index]["filterdropdownincludekeys"] //下拉条件按照指定的keys去显示
- });
- //日期范围
- case "daterange":
- return _react2["default"].createElement(_FilterType2["default"], {
- locale: locale,
- rendertype: type,
- className: "filter-date",
- onClick: function onClick() {},
- format: rows[1][index]["format"] || "YYYY-MM-DD",
- dataIndex: dataIndex //字段
- , onFilterChange: _this.handlerFilterChange //输入框回调
- , onFilterClear: _this.handlerFilterClear //清除回调
- , filterDropdown: rows[1][index]["filterdropdown"],
- filterDropdownType: rows[1][index]["filterdropdowntype"] //下拉的条件类型为string,number
- , filterDropdownIncludeKeys: rows[1][index]["filterdropdownincludekeys"] //下拉条件按照指定的keys去显示
- });
- default:
- //不匹配类型默认文本输入
- return _react2["default"].createElement("div", null);
- }
- };
-
- _this.currentObj = null;
- _this.theadKey = new Date().getTime();
- _this.drag = {
- option: ''
- };
- _this.minWidth = 80; //确定最小宽度就是80
- _this.table = null;
- _this._thead = null; //当前对象
- return _this;
- }
-
- /**
- *
- * 动态绑定th line 事件方法
- * @param {*} events
- * @param {*} type type 为false 为增加事件
- * @param {*} eventSource 为false 给 th 内部的div增加事件
- * @memberof TableHeader
- */
- TableHeader.prototype.thEventListen = function thEventListen(events, type, eventSource) {
- var _table = this.table,
- ths = _table.ths,
- cols = _table.cols;
-
- for (var index = 0; index < ths.length; index++) {
- var element = ths[index]; //.getAttribute('data-type');
- if (!element.getAttribute('data-th-fixed')) {
- var colLine = null;
- if (element.children.length === 0) {
- colLine = element;
- } else if (element.children.length > 0) {
- colLine = element.lastElementChild;
- } else if (element.children.length === 1) {
- colLine = element.children[0];
- }
- // const colLine = element.children.length > 1?element.lastElementChild:element.children[0];
- for (var i = 0; i < events.length; i++) {
- var _event = events[i];
- var _dataSource = eventSource ? element : colLine;
- if (type === "remove") {
- _utils.EventUtil.removeHandler(_dataSource, _event.key, _event.fun);
- } else {
- _utils.EventUtil.addHandler(_dataSource, _event.key, _event.fun);
- }
- }
- }
- }
- };
-
- /**
- * 当前对象上绑定全局事件,用于拖拽区域以外时的事件处理
- * @param {*} events
- * @param {*} type
- * @memberof TableHeader
- */
-
-
- TableHeader.prototype.bodyEventListen = function bodyEventListen(events, type) {
- for (var i = 0; i < events.length; i++) {
- var _event = events[i];
- if (type == "remove") {
- _utils.EventUtil.removeHandler(document.body, _event.key, _event.fun);
- } else {
- _utils.EventUtil.addHandler(document.body, _event.key, _event.fun);
- }
- }
- };
-
- TableHeader.prototype.componentDidUpdate = function componentDidUpdate() {
- this.initTable();
- this.initEvent();
- };
-
- // componentDidMount(){
- // this.initTable();
- // this.initEvent();
- // }
-
- /**
- * 初始化拖拽列宽的事件处理
- * @returns
- * @memberof TableHeader
- */
-
-
- TableHeader.prototype.initEvent = function initEvent() {
- var events = [{ key: 'mouseup', fun: this.onLineMouseUp }, { key: 'mousemove', fun: this.onLineMouseMove }];
-
- if (this.props.dragborder) {
- this.thEventListen(events, '', true); //表示把事件添加到th元素上
- this.thEventListen([{ key: 'mousedown', fun: this.onLineMouseDown }]); //表示把事件添加到竖线
- this.bodyEventListen([{ key: 'mouseup', fun: this.bodyonLineMouseMove }]);
- }
- if (!this.props.draggable) return;
- //拖拽交换列事件
- this.thEventListen([{ key: 'mousedown', fun: this.dragAbleMouseDown }], '', true); //表示把事件添加到th元素上
- };
-
- /**
- * 移除当前全局事件对象
- * @memberof TableHeader
- */
-
-
- TableHeader.prototype.removeDragBorderEvent = function removeDragBorderEvent() {
- var events = [{ key: 'mouseup', fun: this.onLineMouseUp }, { key: 'mousemove', fun: this.onLineMouseMove }];
- this.thEventListen(events, 'remove', true); //表示把事件添加到th元素上
- this.thEventListen([{ key: 'mousedown', fun: this.onLineMouseDown }], 'remove'); //表示把事件添加到竖线
- this.bodyEventListen([{ key: 'mouseup', fun: this.bodyonLineMouseMove }], 'remove');
- };
-
- /**
- * 获取table的属性存放在this.table 中。(公用方法)
- * @returns
- * @memberof TableHeader
- */
-
-
- TableHeader.prototype.initTable = function initTable() {
- if (!this.props.dragborder && !this.props.draggable) return;
- // let el = ReactDOM.findDOMNode(this);
- var tableDome = this._thead.parentNode;
- var table = {};
- if (tableDome && tableDome.nodeName && tableDome.nodeName.toUpperCase() == "TABLE") {
- table.table = tableDome;
- table.cols = tableDome.getElementsByTagName("col");
- table.ths = tableDome.getElementsByTagName("th");
- }
- this.table = table;
-
- if (!this.props.dragborder) return;
- if (document.getElementById("u-table-drag-thead-" + this.theadKey)) {
- //hao 固定列table
- this.fixedTable = {};
- var _fixedParentContext = document.getElementById("u-table-drag-thead-" + this.theadKey).parentNode;
- var siblingDom = _fixedParentContext.parentNode.nextElementSibling;
- if (siblingDom) {
- var fixedTable = siblingDom.querySelector("table");
- this.fixedTable.table = fixedTable;
- this.fixedTable.cols = fixedTable.getElementsByTagName("col");
- // this.fixedTable.ths = fixedTable.tableDome.getElementsByTagName("th");
- }
- }
- };
- /**
- *相关滚动条联动操作
- *
- * @memberof TableHeader
- */
-
-
- /**
- * 调整列宽的move事件
- * @memberof TableHeader
- */
-
-
- /**
- * 调整列宽的down事件
- * @memberof TableHeader
- */
-
-
- /**
- * 调整列宽的up事件
- * @memberof TableHeader
- */
-
-
- /**
- * 调整列宽到区域以外的up事件
- */
-
-
- TableHeader.prototype.clearDragBorder = function clearDragBorder() {
- if (!this.drag || !this.drag.option) return;
- var rows = this.props.rows;
-
- var data = { rows: rows[0], cols: this.table.cols, currIndex: this.drag.currIndex };
- this.props.afterDragColWidth && this.props.afterDragColWidth(data);
- this.drag = {
- option: ""
- };
- if (this.props.draggable) {
- this.removeDragAbleEvent();
- }
- };
-
- //---拖拽列宽代码逻辑----start-----
-
- /**
- * 调整交换列down事件
- * @memberof TableHeader
- */
-
- /**
- * 调整交换列up事件
- * @memberof TableHeader
- */
-
-
- /**
- * 添加换列的事件监听
- */
- TableHeader.prototype.addDragAbleEvent = function addDragAbleEvent() {
- var events = [{ key: 'dragstart', fun: this.onDragStart }, //用户开始拖动元素时触发
- { key: 'dragover', fun: this.onDragOver }, //当某被拖动的对象在另一对象容器范围内拖动时触发此事件
- { key: 'drop', fun: this.onDrop }];
- this.thEventListen(events, '', true);
- };
-
- /**
- * 删除换列的事件监听
- */
-
-
- TableHeader.prototype.removeDragAbleEvent = function removeDragAbleEvent() {
- var events = [{ key: 'dragstart', fun: this.onDragStart }, { key: 'dragover', fun: this.onDragOver }, { key: 'drop', fun: this.onDrop }, { key: 'dragenter', fun: this.onDragEnter }];
- this.thEventListen(events, 'remove', true);
- };
-
- /**
- * 开始调整交换列的事件
- */
-
-
- /**
- * 在一个拖动过程中,释放鼠标键时触发此事件。【目标事件】
- * @memberof TableHeader
- */
-
-
- /**
- * 获取当前th上的对象数据
- * @param {*} e
- * @returns
- * @memberof TableHeader
- */
- TableHeader.prototype.getCurrentEventData = function getCurrentEventData(e) {
- var event = _utils.Event.getEvent(e);
- var th = this.getThDome(event.target);
- if (!th) {
- console.log(" event target is not th ! ");
- return null;
- }
- var key = th.getAttribute('data-line-key');
- var data = this.props.rows[0].find(function (da) {
- return da.key == key;
- });
- if (data) {
- return data;
- } else {
- console.log(" getCurrentEventData data is null ");
- return null;
- }
- };
-
- /**
- * 根据当前鼠标点击的节点,进行递归遍历,最终找到th
- * @param {*} element
- * @returns
| 对象
- * @memberof TableHeader
- */
-
-
- TableHeader.prototype.getThDome = function getThDome(element) {
- var _tagName = element.tagName.toLowerCase();
- if (element.getAttribute('data-filter-type') === 'filterContext') return null;
- if (_tagName === 'i') return null;
- if (_tagName != 'th') {
- return this.getThDome(element.parentElement);
- } else {
- return element;
- }
- };
-
- //---拖拽列交换----end-----
-
- /**
- * 过滤输入后或下拉条件的回调函数
- */
-
-
- /**
- * 过滤行清除回调
- */
-
-
- /**
- * 过滤渲染的组件类型
- */
-
-
- TableHeader.prototype.render = function render() {
- var _this2 = this;
-
- var _props = this.props,
- clsPrefix = _props.clsPrefix,
- rowStyle = _props.rowStyle,
- draggable = _props.draggable,
- dragborder = _props.dragborder,
- rows = _props.rows,
- filterable = _props.filterable,
- fixed = _props.fixed,
- lastShowIndex = _props.lastShowIndex;
-
-
- var attr = dragborder ? { id: "u-table-drag-thead-" + this.theadKey } : {};
- return _react2["default"].createElement(
- "thead",
- _extends({ className: clsPrefix + "-thead" }, attr, { "data-theader-fixed": "scroll", ref: function ref(_thead) {
- return _this2._thead = _thead;
- } }),
- rows.map(function (row, index) {
- return _react2["default"].createElement(
- "tr",
- { key: index, style: rowStyle, className: filterable && index == rows.length - 1 ? 'filterable' : '' },
- row.map(function (da, columIndex, arr) {
- var thHover = da.drgHover ? " " + clsPrefix + "-thead th-drag-hover" : "";
- delete da.drgHover;
- var fixedStyle = "";
- var canDotDrag = "";
- //主表格下、固定列或者是过滤行中含有固定列时添加该属性
- if (!fixed && (da.fixed || filterable && index == rows.length - 1 && rows[0][columIndex].fixed)) {
- fixedStyle = " " + clsPrefix + "-row-fixed-columns-in-body";
- }
-
- if (lastShowIndex == columIndex) {
- canDotDrag = "th-can-not-drag";
- }
- var thClassName = "" + da.className ? "" + da.className : '';
- if (da.textAlign) {
- thClassName += " text-" + da.textAlign + " ";
- }
- delete da.textAlign;
- var keyTemp = {};
- //避免key为undefined
- // if(da.dataindex && da.key ===undefined ){
- keyTemp.key = da.key || da.dataindex || index + '-' + columIndex;
-
- // }
- if (filterable && index == rows.length - 1) {
- da.children = _this2.filterRenderType(da["filtertype"], da.dataindex, columIndex);
- if (da.key === undefined) {
- keyTemp.key = keyTemp.key + '-filterable';
- }
- delete da.filterdropdownfocus;
- }
-
- var thDefaultObj = {};
-
- if (draggable) {
- thClassName += " " + clsPrefix + "-thead th-drag " + thHover + " ";
- }
- if (dragborder) {
- thClassName += " " + clsPrefix + "-thead-th " + canDotDrag;
- }
- thClassName += " " + fixedStyle;
-
- if (!da.fixed) {
-
- return _react2["default"].createElement(
- "th",
- _extends({}, da, keyTemp, { className: thClassName, "data-th-fixed": da.fixed,
- "data-line-key": da.key, "data-line-index": columIndex, "data-th-width": da.width }),
- da.children,
- dragborder ? _react2["default"].createElement(
- "div",
- { ref: function ref(el) {
- return _this2.gap = el;
- }, "data-line-key": da.key,
- "data-line-index": columIndex, "data-th-width": da.width,
- "data-type": "online", className: clsPrefix + "-thead-th-drag-gap" },
- _react2["default"].createElement("div", { id: "th-online", className: "online", "data-line-key": da.key, "data-line-index": columIndex, "data-th-width": da.width })
- ) : ""
- );
- } else {
- thDefaultObj = _extends({}, da, {
- className: thClassName + " " + fixedStyle
- });
- da.onClick ? thDefaultObj.onClick = function (e) {
- da.onClick(da, e);
- } : "";
- return _react2["default"].createElement("th", _extends({}, thDefaultObj, keyTemp, { "data-th-fixed": da.fixed }));
- }
- })
- );
- })
- );
- };
-
- return TableHeader;
-}(_react.Component);
-
-TableHeader.defaultProps = {
- contentWidthDiff: 0
-};
-
-
-TableHeader.propTypes = propTypes;
-exports["default"] = TableHeader;
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/TableRow.js b/build/TableRow.js
deleted file mode 100644
index b119c48..0000000
--- a/build/TableRow.js
+++ /dev/null
@@ -1,324 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _TableCell = require('./TableCell');
-
-var _TableCell2 = _interopRequireDefault(_TableCell);
-
-var _ExpandIcon = require('./ExpandIcon');
-
-var _ExpandIcon2 = _interopRequireDefault(_ExpandIcon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-var propTypes = {
- onDestroy: _propTypes2["default"].func,
- onRowClick: _propTypes2["default"].func,
- onRowDoubleClick: _propTypes2["default"].func,
- record: _propTypes2["default"].object,
- clsPrefix: _propTypes2["default"].string,
- expandIconColumnIndex: _propTypes2["default"].number,
- onHover: _propTypes2["default"].func,
- columns: _propTypes2["default"].array,
- height: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number]),
- visible: _propTypes2["default"].bool,
- index: _propTypes2["default"].number,
- hoverKey: _propTypes2["default"].any,
- expanded: _propTypes2["default"].bool,
- expandable: _propTypes2["default"].any,
- onExpand: _propTypes2["default"].func,
- needIndentSpaced: _propTypes2["default"].bool,
- className: _propTypes2["default"].string,
- indent: _propTypes2["default"].number,
- indentSize: _propTypes2["default"].number,
- expandIconAsCell: _propTypes2["default"].bool,
- expandRowByClick: _propTypes2["default"].bool,
- store: _propTypes2["default"].object.isRequired
-};
-
-var defaultProps = {
- onRowClick: function onRowClick() {},
- onRowDoubleClick: function onRowDoubleClick() {},
- onDestroy: function onDestroy() {},
-
- expandIconColumnIndex: 0,
- expandRowByClick: false,
- onHover: function onHover() {},
-
- className: '',
- setRowParentIndex: function setRowParentIndex() {}
-};
-
-var TableRow = function (_Component) {
- _inherits(TableRow, _Component);
-
- function TableRow(props) {
- _classCallCheck(this, TableRow);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.set = function (fn) {
- _this.clear();
- _this._timeout = window.setTimeout(fn, 300);
- };
-
- _this.clear = function (event) {
- if (_this._timeout) {
- window.clearTimeout(_this._timeout);
- }
- };
-
- _this.bindElement = function (el) {
- _this.element = el;
- };
-
- _this._timeout = null;
- _this.state = {
- hovered: false
- };
- _this.onRowClick = _this.onRowClick.bind(_this);
- _this.onRowDoubleClick = _this.onRowDoubleClick.bind(_this);
- _this.onMouseEnter = _this.onMouseEnter.bind(_this);
- _this.onMouseLeave = _this.onMouseLeave.bind(_this);
- _this.expandHeight = 0;
- return _this;
- }
-
- TableRow.prototype.componentDidMount = function componentDidMount() {
- var _this2 = this;
-
- var _props = this.props,
- store = _props.store,
- hoverKey = _props.hoverKey,
- treeType = _props.treeType;
-
- this.unsubscribe = store.subscribe(function () {
- if (store.getState().currentHoverKey === hoverKey) {
- _this2.setState({ hovered: true });
- } else if (_this2.state.hovered === true) {
- _this2.setState({ hovered: false });
- }
- });
-
- this.setRowHeight();
- if (treeType) {
- this.setRowParentIndex();
- }
- };
-
- TableRow.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- if (this.props.treeType) {
- this.setRowParentIndex();
- }
- this.setRowHeight();
- };
-
- TableRow.prototype.componentWillUnmount = function componentWillUnmount() {
- var _props2 = this.props,
- record = _props2.record,
- onDestroy = _props2.onDestroy,
- index = _props2.index;
-
- onDestroy(record, index);
- if (this.unsubscribe) {
- this.unsubscribe();
- }
- };
-
- TableRow.prototype.setRowHeight = function setRowHeight() {
- var _props3 = this.props,
- setRowHeight = _props3.setRowHeight,
- _props3$expandedConte = _props3.expandedContentHeight,
- expandedContentHeight = _props3$expandedConte === undefined ? 0 : _props3$expandedConte,
- fixed = _props3.fixed,
- fixedIndex = _props3.fixedIndex;
-
- if (!setRowHeight || !this.element || fixed) return;
- setRowHeight(this.element.clientHeight + expandedContentHeight, fixedIndex);
- };
-
- TableRow.prototype.setRowParentIndex = function setRowParentIndex() {
- var _props4 = this.props,
- index = _props4.index,
- setRowParentIndex = _props4.setRowParentIndex,
- fixedIndex = _props4.fixedIndex,
- rootIndex = _props4.rootIndex;
- // console.log('rootIndex',rootIndex<0?index:rootIndex,'index',fixedIndex);
-
- setRowParentIndex(rootIndex < 0 ? index : rootIndex, fixedIndex);
- };
-
- TableRow.prototype.onRowClick = function onRowClick(event) {
- var _props5 = this.props,
- record = _props5.record,
- index = _props5.index,
- onRowClick = _props5.onRowClick,
- expandable = _props5.expandable,
- expandRowByClick = _props5.expandRowByClick,
- expanded = _props5.expanded,
- onExpand = _props5.onExpand,
- fixedIndex = _props5.fixedIndex;
-
- if (expandable && expandRowByClick) {
- onExpand(!expanded, record, fixedIndex, event);
- }
- this.set(function (e) {
- onRowClick(record, fixedIndex, event);
- });
- };
-
- TableRow.prototype.onRowDoubleClick = function onRowDoubleClick(event) {
- var _props6 = this.props,
- record = _props6.record,
- index = _props6.index,
- onRowDoubleClick = _props6.onRowDoubleClick,
- fixedIndex = _props6.fixedIndex;
-
- this.clear();
- onRowDoubleClick(record, fixedIndex, event);
- };
-
- TableRow.prototype.onMouseEnter = function onMouseEnter(e) {
- var _props7 = this.props,
- onHover = _props7.onHover,
- hoverKey = _props7.hoverKey,
- fixedIndex = _props7.fixedIndex,
- syncHover = _props7.syncHover;
-
- if (syncHover) {
- this.setState({ hovered: true });
- }
- onHover(true, hoverKey, e, fixedIndex);
- };
-
- TableRow.prototype.onMouseLeave = function onMouseLeave(e) {
- var _props8 = this.props,
- onHover = _props8.onHover,
- hoverKey = _props8.hoverKey,
- fixedIndex = _props8.fixedIndex,
- syncHover = _props8.syncHover;
-
- if (syncHover) {
- this.setState({ hovered: false });
- }
- onHover(false, hoverKey, e, fixedIndex);
- };
-
- TableRow.prototype.render = function render() {
- var _props9 = this.props,
- clsPrefix = _props9.clsPrefix,
- columns = _props9.columns,
- record = _props9.record,
- height = _props9.height,
- visible = _props9.visible,
- index = _props9.index,
- expandIconColumnIndex = _props9.expandIconColumnIndex,
- expandIconAsCell = _props9.expandIconAsCell,
- expanded = _props9.expanded,
- expandRowByClick = _props9.expandRowByClick,
- expandable = _props9.expandable,
- onExpand = _props9.onExpand,
- needIndentSpaced = _props9.needIndentSpaced,
- indent = _props9.indent,
- indentSize = _props9.indentSize,
- isHiddenExpandIcon = _props9.isHiddenExpandIcon,
- fixed = _props9.fixed;
-
- var showSum = false;
- var className = this.props.className;
-
-
- if (this.state.hovered) {
- className += ' ' + clsPrefix + '-hover';
- }
- // console.log('className--'+className,index);
- //判断是否为合计行
- if (className.indexOf('sumrow') > -1) {
- showSum = true;
- }
- var cells = [];
-
- var expandIcon = _react2["default"].createElement(_ExpandIcon2["default"], {
- expandable: expandable,
- clsPrefix: clsPrefix,
- onExpand: onExpand,
- needIndentSpaced: needIndentSpaced,
- expanded: expanded,
- record: record,
- isHiddenExpandIcon: isHiddenExpandIcon
- });
-
- for (var i = 0; i < columns.length; i++) {
- if (expandIconAsCell && i === 0 && !showSum) {
- cells.push(_react2["default"].createElement(
- 'td',
- {
- className: clsPrefix + '-expand-icon-cell',
- key: 'rc-table-expand-icon-cell'
- },
- expandIcon
- ));
- }
- var isColumnHaveExpandIcon = expandIconAsCell || expandRowByClick || showSum ? false : i === expandIconColumnIndex;
- cells.push(_react2["default"].createElement(_TableCell2["default"], {
- clsPrefix: clsPrefix,
- record: record,
- indentSize: indentSize,
- indent: indent,
- index: index,
- column: columns[i],
- key: columns[i].key || columns[i].dataIndex || i,
- fixed: fixed,
- showSum: showSum,
- expandIcon: isColumnHaveExpandIcon ? expandIcon : null
- }));
- }
- var style = { height: height };
- if (!visible) {
- style.display = 'none';
- }
- return _react2["default"].createElement(
- 'tr',
- {
- onClick: this.onRowClick,
- onDoubleClick: this.onRowDoubleClick,
- onMouseEnter: this.onMouseEnter,
- onMouseLeave: this.onMouseLeave,
- className: clsPrefix + ' ' + className + ' ' + clsPrefix + '-level-' + indent,
- style: style
- // key={hoverKey}
- , ref: this.bindElement
- },
- cells.length > 0 ? cells : _react2["default"].createElement('td', null)
- );
- };
-
- return TableRow;
-}(_react.Component);
-
-;
-
-TableRow.propTypes = propTypes;
-TableRow.defaultProps = defaultProps;
-
-exports["default"] = TableRow;
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/createStore.js b/build/createStore.js
deleted file mode 100644
index 82bd623..0000000
--- a/build/createStore.js
+++ /dev/null
@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = createStore;
-function createStore(initialState) {
- var state = initialState;
- var listeners = [];
-
- function setState(partial) {
- state = _extends({}, state, partial);
- for (var i = 0; i < listeners.length; i++) {
- listeners[i]();
- }
- }
-
- function getState() {
- return state;
- }
-
- function subscribe(listener) {
- listeners.push(listener);
-
- return function unsubscribe() {
- var index = listeners.indexOf(listener);
- listeners.splice(index, 1);
- };
- }
-
- return {
- setState: setState,
- getState: getState,
- subscribe: subscribe
- };
-}
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/index.js b/build/index.js
deleted file mode 100644
index 3b67c4f..0000000
--- a/build/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-'use strict';
-
-var Table = require('./Table');
-var Column = require('./Column');
-var ColumnGroup = require('./ColumnGroup');
-
-Table.Column = Column;
-Table.ColumnGroup = ColumnGroup;
-
-module.exports = Table;
\ No newline at end of file
diff --git a/build/lib/bigData.js b/build/lib/bigData.js
deleted file mode 100644
index 1c6e038..0000000
--- a/build/lib/bigData.js
+++ /dev/null
@@ -1,512 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = bigData;
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require("prop-types");
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-var defaultHeight = 30;
-var rowDiff = 3; //行差值
-var treeTypeIndex = 0;
-function bigData(Table) {
- var _class, _temp, _initialiseProps;
-
- return _temp = _class = function (_Component) {
- _inherits(BigData, _Component);
-
- function BigData(props) {
- _classCallCheck(this, BigData);
-
- var _this2 = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _initialiseProps.call(_this2);
-
- _this2.state = {
- scrollLeft: 0,
- scrollTop: 0
- };
- var rowHeight = _this2.props.height ? _this2.props.height : defaultHeight;
- //默认显示25条,rowsInView根据定高算的。在非固定高下,这个只是一个大概的值。
- var scrollY = _this2.props.scroll.y ? parseInt(_this2.props.scroll.y) : 0;
- _this2.rowsInView = scrollY ? Math.floor(scrollY / rowHeight) : 20;
- _this2.currentIndex = 0;
- _this2.loadCount = props.loadBuffer ? _this2.rowsInView + props.loadBuffer * 2 : 26; //一次加载多少数据
- _this2.cachedRowHeight = []; //缓存每行的高度
- _this2.cachedRowParentIndex = [];
- _this2.expandChildRowKeys = [];
- _this2.firstLevelKey = [];
- _this2.keys = [];
- _this2.lastScrollTop = 0;
- _this2.currentScrollTop = 0;
- _this2.startIndex = _this2.currentIndex; //数据开始位置
- _this2.endIndex = _this2.currentIndex + _this2.loadCount; //数据结束位置
- _this2.setRowHeight = _this2.setRowHeight.bind(_this2);
- _this2.setRowParentIndex = _this2.setRowParentIndex.bind(_this2);
- _this2.expandedRowKeys = [];
- return _this2;
- }
-
- BigData.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- var props = this.props;
- var currentIndex = nextProps.currentIndex,
- data = nextProps.data;
-
- var _this = this,
- dataLen = data.length;
- if (nextProps.scroll.y !== props.scroll.y) {
- var rowHeight = nextProps.height ? nextProps.height : defaultHeight;
- var scrollY = nextProps.scroll.y ? parseInt(nextProps.scroll.y) : 0;
- _this.rowsInView = scrollY ? Math.floor(scrollY / rowHeight) : 20;
- _this.loadCount = props.loadBuffer ? _this.rowsInView + props.loadBuffer * 2 : 26; //一次加载多少数据
- _this.currentIndex = 0;
- _this.startIndex = _this.currentIndex; //数据开始位置
- _this.endIndex = _this.currentIndex + _this.loadCount; //数据结束位置
- }
- if (nextProps.data !== props.data) {
- _this.computeCachedRowParentIndex(nextProps.data);
- if (nextProps.data.length > 0) {
- _this.endIndex = _this.currentIndex - nextProps.loadBuffer + _this.loadCount; //数据结束位置
- }
- }
- //如果传currentIndex,会判断该条数据是否在可视区域,如果没有的话,则重新计算startIndex和endIndex
- if (currentIndex !== -1 && currentIndex !== this.currentIndex) {
- _this.setStartAndEndIndex(currentIndex, dataLen);
- }
- };
-
- BigData.prototype.componentDidMount = function componentDidMount() {
- var data = this.props.data;
-
- this.computeCachedRowParentIndex(data);
- };
-
- /**
- *设置data中每个元素的parentIndex
- *
- */
-
-
- BigData.prototype.setStartAndEndIndex = function setStartAndEndIndex(currentIndex, dataLen) {
- var _this = this;
- if (currentIndex > _this.currentIndex + _this.rowsInView) {
- _this.currentIndex = currentIndex;
- _this.endIndex = _this.currentIndex; //数据开始位置
- _this.startIndex = _this.currentIndex - _this.loadCount; //数据结束位置
- if (_this.endIndex > dataLen) {
- _this.endIndex = dataLen;
- }
- if (_this.startIndex < 0) {
- _this.startIndex = 0;
- }
- //重新设定scrollTop值
- _this.scrollTop = _this.getSumHeight(0, _this.endIndex - _this.rowsInView + 2);
- } else if (currentIndex < _this.currentIndex) {
- _this.currentIndex = currentIndex;
- _this.startIndex = currentIndex;
- _this.endIndex = currentIndex + _this.loadCount;
- if (_this.endIndex > dataLen) {
- _this.endIndex = dataLen;
- }
- if (_this.startIndex < 0) {
- _this.startIndex = 0;
- }
- //重新设定scrollTop值
- _this.scrollTop = _this.getSumHeight(0, _this.startIndex);
- }
- };
-
- BigData.prototype.getRowKey = function getRowKey(record, index) {
- var rowKey = this.props.rowKey;
- var key = typeof rowKey === "function" ? rowKey(record, index) : record[rowKey];
-
- return key;
- };
- /**
- *判断是否是树形结构
- *
- */
-
-
- BigData.prototype.checkIsTreeType = function checkIsTreeType() {
- var data = this.props.data;
-
- var rs = false;
- var len = data.length > 30 ? 30 : data.length;
- //取前三十个看看是否有children属性,有则为树形结构
- for (var i = 0; i < len; i++) {
- if (data[i].children) {
- rs = true;
- break;
- }
- }
- return rs;
- };
-
- BigData.prototype.getData = function getData(data, parentIndex) {
- var _this3 = this;
-
- data.forEach(function (subItem, subIndex) {
- _this3.cachedRowParentIndex[treeTypeIndex] = parentIndex;
- _this3.keys[treeTypeIndex] = _this3.getRowKey(subItem, subIndex);
- treeTypeIndex++;
- if (subItem.children) {
- _this3.getData(subItem.children, parentIndex);
- }
- });
- };
-
- BigData.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cachedRowHeight = [];
- this.cachedRowParentIndex = [];
- };
- /**
- *获取数据区高度
- *
- *
- **/
-
-
- BigData.prototype.getContentHeight = function getContentHeight() {
- if (!this.props.data) return 0;
- return this.getSumHeight(0, this.props.data.length);
- };
-
- BigData.prototype.getSumHeight = function getSumHeight(start, end) {
- var height = this.props.height;
-
- var rowHeight = height ? height : defaultHeight;
- var sumHeight = 0,
- currentKey = void 0,
- currentRowHeight = rowHeight;
-
- for (var i = start; i < end; i++) {
- if (this.cachedRowHeight[i] == undefined) {
- if (this.treeType) {
- currentKey = this.keys[i];
- currentRowHeight = 0;
- if (this.firstLevelKey.indexOf(currentKey) >= 0 || this.expandChildRowKeys.indexOf(currentKey) >= 0) {
- currentRowHeight = rowHeight;
- }
- }
- sumHeight += currentRowHeight;
- } else {
- sumHeight += this.cachedRowHeight[i];
- }
- }
- return sumHeight;
- };
-
- /**
- *@description 根据返回的scrollTop计算当前的索引。此处做了两次缓存一个是根据上一次的currentIndex计算当前currentIndex。另一个是根据当前内容区的数据是否在缓存中如果在则不重新render页面
- *@param 最新一次滚动的scrollTop
- *@param treeType是否是树状表
- */
-
-
- BigData.prototype.setRowHeight = function setRowHeight(height, index) {
- this.cachedRowHeight[index] = height;
- };
-
- BigData.prototype.setRowParentIndex = function setRowParentIndex(parentIndex, index) {}
- // this.cachedRowParentIndex[index] = parentIndex;
-
- /**
- *
- *根据当前行号获取该行的父节点行号
- * @param {*} currentIndex 当前行号
- */
- ;
-
- BigData.prototype.getParentIndex = function getParentIndex(targetIndex) {
- var data = this.props.data;
-
- var parentIndex = -1;
- parentIndex = this.getIndex(data, -1, targetIndex);
- if (parentIndex < 0) {
- //小于0说明没有展开的子节点
- parentIndex = targetIndex;
- }
- return parentIndex;
- };
-
- BigData.prototype.getIndex = function getIndex(data, index, targetIndex) {
- var parentIndex = index;
- for (var i = 0; i < data.length; i++) {
- index++;
- if (targetIndex <= index) {
- break;
- }
- if (data[i].children) {
- this.getIndex(data[i].children, index, targetIndex);
- }
- }
- return parentIndex;
- };
-
- BigData.prototype.render = function render() {
- var data = this.props.data;
- var scrollTop = this.scrollTop;
- var endIndex = this.endIndex,
- startIndex = this.startIndex;
-
- var expandedRowKeys = this.props.expandedRowKeys ? this.props.expandedRowKeys : this.expandedRowKeys;
- if (startIndex < 0) {
- startIndex = 0;
- }
- if (endIndex < 0) {
- endIndex = 0;
- }
- if (endIndex > data.length) {
- endIndex = data.length;
- }
- var lazyLoad = {
- startIndex: startIndex,
- startParentIndex: startIndex //为树状节点做准备
- };
- if (this.treeType) {
- var preSubCounts = this.cachedRowParentIndex.findIndex(function (item) {
- return item == startIndex;
- });
- var sufSubCounts = this.cachedRowParentIndex.findIndex(function (item) {
- return item == endIndex;
- });
- lazyLoad.preHeight = this.getSumHeight(0, preSubCounts > -1 ? preSubCounts : 0);
- lazyLoad.sufHeight = this.getSumHeight(sufSubCounts + 1 > 0 ? sufSubCounts + 1 : this.cachedRowParentIndex.length, this.cachedRowParentIndex.length);
-
- if (preSubCounts > 0) {
- lazyLoad.startIndex = preSubCounts;
- }
- } else {
- lazyLoad.preHeight = this.getSumHeight(0, startIndex);
- lazyLoad.sufHeight = this.getSumHeight(endIndex, data.length);
- }
- // console.log('*******expandedRowKeys*****'+expandedRowKeys);
- return _react2["default"].createElement(Table, _extends({}, this.props, {
- data: data.slice(startIndex, endIndex),
- lazyLoad: lazyLoad,
- handleScrollY: this.handleScrollY,
- scrollTop: scrollTop,
- setRowHeight: this.setRowHeight,
- setRowParentIndex: this.setRowParentIndex,
- onExpand: this.onExpand,
- onExpandedRowsChange: this.onExpandedRowsChange,
- expandedRowKeys: expandedRowKeys
- // className={'lazy-table'}
- }));
- };
-
- return BigData;
- }(_react.Component), _class.defaultProps = {
- data: [],
- loadBuffer: 5,
- rowKey: "key",
- onExpand: function onExpand() {},
-
- scroll: {},
- currentIndex: -1,
- isTree: false
- }, _class.propTypes = {
- loadBuffer: _propTypes2["default"].number
- }, _initialiseProps = function _initialiseProps() {
- var _this4 = this;
-
- this.computeCachedRowParentIndex = function (data) {
- var isTree = _this4.props.isTree;
-
- var isTreeType = isTree ? true : _this4.checkIsTreeType();
- if (isTreeType) {
- data.forEach(function (item, index) {
- _this4.firstLevelKey[index] = _this4.getRowKey(item, index);
- _this4.cachedRowParentIndex[treeTypeIndex] = index;
- //保存所有的keys跟小标对应起来
- _this4.keys[treeTypeIndex] = _this4.getRowKey(item, index);
- treeTypeIndex++;
- if (item.children) {
- _this4.getData(item.children, index);
- }
- });
- }
- };
-
- this.handleScrollY = function (nextScrollTop, treeType) {
- //树表逻辑
- // 关键点是动态的获取startIndex和endIndex
- // 法子一:子节点也看成普通tr,最开始需要设置一共有多少行,哪行显示哪行不显示如何确定
- // 动态取start = current+buffer对应的父节点、end = start+loadCount+row的height为0的行数 展开节点的下一个节点作为end值,
- var _this = _this4;
- var _this$props = _this.props,
- data = _this$props.data,
- height = _this$props.height,
- _this$props$scroll = _this$props.scroll,
- scroll = _this$props$scroll === undefined ? {} : _this$props$scroll,
- loadBuffer = _this$props.loadBuffer;
-
- var rowHeight = height ? height : defaultHeight;
- var _this$currentIndex = _this.currentIndex,
- currentIndex = _this$currentIndex === undefined ? 0 : _this$currentIndex,
- loadCount = _this.loadCount,
- scrollTop = _this.scrollTop,
- currentScrollTop = _this.currentScrollTop;
- var endIndex = _this.endIndex,
- startIndex = _this.startIndex;
- var needRender = _this.state.needRender;
-
- _this.scrollTop = nextScrollTop;
- var viewHeight = parseInt(scroll.y);
- _this.treeType = treeType;
- var index = 0;
- var temp = nextScrollTop;
- var currentKey = void 0;
- while (temp > 0) {
- var currentRowHeight = _this4.cachedRowHeight[index];
- if (currentRowHeight === undefined) {
- if (_this4.treeType) {
- currentKey = _this4.keys[index];
- currentRowHeight = 0;
- if (_this4.firstLevelKey.indexOf(currentKey) >= 0 || _this4.expandChildRowKeys.indexOf(currentKey) >= 0) {
- currentRowHeight = rowHeight;
- }
- } else {
- currentRowHeight = rowHeight;
- }
- }
- temp -= currentRowHeight;
- if (temp > 0) {
- index += 1;
- }
- }
- // console.log('currentIndex****',index);
- var isOrder = index - currentIndex > 0 ? true : false;
- if (index < 0) index = 0;
- //如果之前的索引和下一次的不一样则重置索引和滚动的位置
- if (currentIndex !== index) {
- _this.currentIndex = index;
- var rowsInView = 0; //可视区域显示多少行
- var rowsHeight = 0; //可视区域内容高度
- var tempIndex = index;
- //如果可视区域中需要展示的数据已经在缓存中则不重现render。
- if (viewHeight) {
- //有时滚动过快时this.cachedRowHeight[rowsInView + index]为undifined
-
- while (rowsHeight < viewHeight && tempIndex < _this4.cachedRowHeight.length) {
- if (_this4.cachedRowHeight[tempIndex]) {
- rowsHeight += _this4.cachedRowHeight[tempIndex];
- if (treeType && _this.cachedRowParentIndex[tempIndex] !== tempIndex || !treeType) {
- rowsInView++;
- }
- }
- tempIndex++;
- }
- if (treeType) {
- var treeIndex = index;
- index = _this.cachedRowParentIndex[treeIndex];
- if (index === undefined) {
- // console.log('index is undefined********'+treeIndex);
- index = _this4.getParentIndex(treeIndex);
- // console.log("getParentIndex****"+index);
- }
- }
- // console.log('parentIndex*********',index);
- // 如果rowsInView 小于 缓存的数据则重新render
- // 向下滚动 下临界值超出缓存的endIndex则重新渲染
- if (rowsInView + index > endIndex - rowDiff && isOrder) {
- startIndex = index - loadBuffer > 0 ? index - loadBuffer : 0;
- endIndex = startIndex + loadCount;
- if (endIndex > data.length) {
- endIndex = data.length;
- }
- if (endIndex !== _this4.endIndex) {
- _this4.startIndex = startIndex;
- _this4.endIndex = endIndex;
- _this4.setState({ needRender: !needRender });
- }
- }
- // 向上滚动,当前的index是否已经加载(currentIndex),若干上临界值小于startIndex则重新渲染
- if (!isOrder && index < startIndex + rowDiff) {
- startIndex = index - loadBuffer;
- if (startIndex < 0) {
- startIndex = 0;
- }
- if (startIndex !== _this4.startIndex) {
- _this4.startIndex = startIndex;
- _this4.endIndex = _this4.startIndex + loadCount;
- _this4.setState({ needRender: !needRender });
- }
- // console.log(
- // "**index**" + index,
- // "**startIndex**" + this.startIndex,
- // "**endIndex**" + this.endIndex
- // );
- }
- }
- }
- };
-
- this.onExpand = function (expandState, record, index) {
- var _this = _this4;
- var _this$expandedRowKeys = _this.expandedRowKeys,
- expandedRowKeys = _this$expandedRowKeys === undefined ? [] : _this$expandedRowKeys;
- var needRender = _this.state.needRender;
-
- var rowKey = _this.getRowKey(record, index);
- // 记录展开子表行的key
- // 展开
- if (record.children) {
- if (expandState) {
- record.children.forEach(function (item, index) {
- _this.expandChildRowKeys.push(rowKey);
- });
- } else {
- // 收起
- record.children.forEach(function (item, index) {
- _this.expandChildRowKeys.splice(_this.expandChildRowKeys.findIndex(function (fitem) {
- return fitem.key === item.key;
- }), 1);
- });
- }
- }
- //滚动加载expandedRowKeys自己维护,否则有展开不全的问题
- if (!_this.props.expandedRowKeys) {
- if (expandState) {
- expandedRowKeys.push(rowKey);
- } else {
- var _index = -1;
- expandedRowKeys.forEach(function (r, i) {
- if (r === rowKey) {
- _index = i;
- }
- });
- if (_index !== -1) {
- expandedRowKeys.splice(_index, 1);
- _this4.setState({ needRender: !needRender });
- }
- }
- }
-
- // expandState为true时,记录下
- _this.props.onExpand(expandState, record);
- };
- }, _temp;
-}
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/lib/dragColumn.js b/build/lib/dragColumn.js
deleted file mode 100644
index c4d1c4d..0000000
--- a/build/lib/dragColumn.js
+++ /dev/null
@@ -1,172 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-exports["default"] = dragColumn;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _util = require('./util');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-var cloneDeep = require('lodash.clonedeep');
-/**
- * 参数: 列拖拽
- * @param {*} Table
- */
-
-function dragColumn(Table) {
-
- return function (_Component) {
- _inherits(DragColumn, _Component);
-
- function DragColumn(props) {
- _classCallCheck(this, DragColumn);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.setColumOrderByIndex = function (_column) {
- _column.forEach(function (da, i) {
- da.dragIndex = i;
- da.drgHover = false;
- });
- return _column;
- };
-
- _this.onDrop = function (event, data) {
- var dragSource = data.dragSource,
- dragTarg = data.dragTarg;
- var columns = _this.state.columns;
-
- var sourceIndex = -1,
- targetIndex = -1;
-
- sourceIndex = columns.findIndex(function (da, i) {
- return da.key == dragSource.key;
- });
- targetIndex = columns.findIndex(function (da, i) {
- return da.key == dragTarg.key;
- });
- // for (let index = 0; index < columns.length; index++) {
- // const da = columns[index];
- // if(da.key === dragSource.key){
- // columns[index] = dragTargColum;
- // }
- // if(da.key === dragTarg.key){
- // columns[index] = dragSourceColum;
- // }
- // }
- // 向前移动
- if (targetIndex < sourceIndex) {
- targetIndex = targetIndex + 1;
- }
- columns.splice(targetIndex, 0, columns.splice(sourceIndex, 1)[0]);
- _this.setState({
- columns: cloneDeep(columns)
- });
- if (_this.props.onDrop) {
- _this.props.onDrop(event, data, columns);
- }
- };
-
- _this.getTarget = function (evt) {
- return evt.target || evt.srcElement;
- };
-
- _this.state = {
- columns: _this.setColumOrderByIndex(props.columns)
- };
- return _this;
- }
-
- DragColumn.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps.columns != this.props.columns) {
- this.setState({
- columns: this.setColumOrderByIndex(nextProps.columns)
- });
- }
- };
-
- DragColumn.prototype.cloneDeep = function cloneDeep(obj) {
- if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) !== 'object' || Object.keys(obj).length === 0) {
- return obj;
- }
- var resultData = {};
- return this.recursion(obj, resultData);
- };
-
- DragColumn.prototype.recursion = function (_recursion) {
- function recursion(_x) {
- return _recursion.apply(this, arguments);
- }
-
- recursion.toString = function () {
- return _recursion.toString();
- };
-
- return recursion;
- }(function (obj) {
- var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
- for (key in obj) {
- if (_typeof(obj[key]) == 'object' && Object.keys(obj[key].length > 0)) {
- data[key] = recursion(obj[key]);
- } else {
- data[key] = obj[key];
- }
- }
- return data;
- });
-
- DragColumn.prototype.render = function render() {
- var _props = this.props,
- data = _props.data,
- dragborder = _props.dragborder,
- draggable = _props.draggable,
- className = _props.className,
- columns = _props.columns,
- onDragStart = _props.onDragStart,
- onDragEnter = _props.onDragEnter,
- onDragOver = _props.onDragOver,
- onDrop = _props.onDrop,
- others = _objectWithoutProperties(_props, ['data', 'dragborder', 'draggable', 'className', 'columns', 'onDragStart', 'onDragEnter', 'onDragOver', 'onDrop']);
-
- var key = new Date().getTime();
- return _react2["default"].createElement(Table, _extends({}, others, {
- columns: this.state.columns,
- data: data,
- className: className + ' u-table-drag-border',
- onDragStart: this.onDragStart,
- onDragOver: this.onDragOver,
- onDrop: this.onDrop,
- onDragEnter: this.onDragEnter,
- draggable: draggable,
- dragborder: dragborder
- // dragborder={false}
- , dragborderKey: key
- }));
- };
-
- return DragColumn;
- }(_react.Component);
-}
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/lib/filterColumn.js b/build/lib/filterColumn.js
deleted file mode 100644
index ba08caf..0000000
--- a/build/lib/filterColumn.js
+++ /dev/null
@@ -1,274 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = filterColumn;
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _beeCheckbox = require("bee-checkbox");
-
-var _beeCheckbox2 = _interopRequireDefault(_beeCheckbox);
-
-var _beeIcon = require("bee-icon");
-
-var _beeIcon2 = _interopRequireDefault(_beeIcon);
-
-var _util = require("./util");
-
-var _i18n = require("./i18n");
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-var _tool = require("bee-locale/build/tool");
-
-var _propTypes = require("prop-types");
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-function noop() {}
-/**
- * 参数: 过滤表头
- * @param {*} Table
- * @param {*} Popover
- * @param {*} Icon
- */
-
-function filterColumn(Table, Popover) {
- var _class, _temp, _initialiseProps;
-
- return _temp = _class = function (_Component) {
- _inherits(FilterColumn, _Component);
-
- function FilterColumn(props) {
- _classCallCheck(this, FilterColumn);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var columns = props.columns;
-
- _this.state = {
- columns: _this.setColumOrderByIndex((0, _util.ObjectAssign)(columns)),
- showModal: false,
- screenY: 0
- };
- return _this;
- }
-
- FilterColumn.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps.columns != this.props.columns) {
- this.setState({
- columns: this.setColumOrderByIndex((0, _util.ObjectAssign)(nextProps.columns))
- });
- }
- this.setState({
- showModal: nextProps.showFilterPopover ? true : false
- });
- };
-
- FilterColumn.prototype.render = function render() {
- var _props = this.props,
- data = _props.data,
- prefixCls = _props.prefixCls,
- scrollPro = _props.scroll;
- var _state = this.state,
- columns = _state.columns,
- showModal = _state.showModal;
-
-
- var locale = (0, _tool.getComponentLocale)(this.props, this.context, 'Table', function () {
- return _i18n2["default"];
- });
-
- var _columns = [],
- widthState = 0,
- scroll = scrollPro;
- columns.forEach(function (da) {
- if (da.ifshow) {
- _columns.push(da);
- if (da.width) {
- widthState++;
- }
- }
- });
- // if(_columns.length == widthState){
- // scroll.x = this.getCloumnsScroll(columns);
- // }
-
- var content = _react2["default"].createElement(
- "div",
- { className: prefixCls + "-pop-cont" },
- _react2["default"].createElement(
- "span",
- { className: prefixCls + "-clear-setting", onClick: this.clear },
- locale["resetSettings"]
- ),
- _react2["default"].createElement(
- "div",
- null,
- this.getCloumItem()
- )
- );
-
- return _react2["default"].createElement(
- "div",
- { className: prefixCls + "-cont" },
- _react2["default"].createElement(Table, _extends({}, this.props, {
- columns: _columns,
- data: data
- // scroll={scroll}
- // scroll={{x:this.getCloumnsScroll(columns)}}
- })),
- this.props.columnFilterAble == false ? "" : _react2["default"].createElement(
- "div",
- { className: prefixCls + "-filter-icon" },
- _react2["default"].createElement(
- Popover,
- {
- id: "filter_column_popover",
- placement: "left",
- content: content,
- show: showModal
- },
- _react2["default"].createElement(
- "div",
- { className: prefixCls + "-pop-column-filter-cont" },
- _react2["default"].createElement(_beeIcon2["default"], { type: "uf-grid", onClick: this.openCloumList })
- )
- )
- )
- );
- };
-
- return FilterColumn;
- }(_react.Component), _class.defaultProps = {
- prefixCls: "u-table-filter-column",
- afterFilter: noop,
- columnFilterAble: true,
- scroll: {}
- }, _class.contextTypes = {
- beeLocale: _propTypes2["default"].object
- }, _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.setColumOrderByIndex = function (_column) {
- _column.forEach(function (da) {
- //默认所有的列都显示,如果传递ifshow属性,根据ifshow属性值来判断是否显示某列
- if (da.hasOwnProperty("ifshow")) {
- da.checked = da.ifshow ? true : false;
- da.ifshow = da.checked;
- } else {
- da.checked = true;
- da.ifshow = true;
- }
- });
- return _column;
- };
-
- this.checkedColumItemClick = function (da) {
- var _props2 = _this2.props,
- checkMinSize = _props2.checkMinSize,
- afterFilter = _props2.afterFilter;
- // if(checkMinSize)
-
- var sum = 0,
- leng = 0;
- _this2.state.columns.forEach(function (da) {
- da.fixed ? "" : leng++;
- !da.fixed && da.checked ? sum++ : "";
- });
- if (sum < checkMinSize && da.checked) {
- return;
- } else {
- if (sum <= 1 && da.checked) return;
- }
- da.checked = da.checked ? false : true;
- da.ifshow = da.checked ? true : false;
-
- _this2.setState(_extends({}, _this2.state));
- afterFilter(da, _this2.state.columns);
- };
-
- this.openCloumList = function () {
- _this2.setState({
- showModal: true
- });
- };
-
- this.getCloumItem = function () {
- var prefixCls = _this2.props.prefixCls;
- var columns = _this2.state.columns;
-
- return columns.map(function (da, i) {
- var paramObj = {
- id: da.key,
- checked: da.checked
- };
- if (da.fixed) {
- paramObj.disabled = true;
- } else {
- paramObj.onClick = function () {
- _this2.checkedColumItemClick(da);
- };
- }
-
- return _react2["default"].createElement(
- "div",
- {
- key: da.key + "_" + i,
- className: prefixCls + "-pop-cont-item"
- },
- _react2["default"].createElement(_beeCheckbox2["default"], paramObj),
- _react2["default"].createElement(
- "span",
- null,
- da.title
- )
- );
- });
- };
-
- this.clear = function () {
- var columns = _this2.state.columns;
-
- columns.forEach(function (da) {
- da.checked = true;
- da.ifshow = true;
- });
- _this2.setState({
- columns: columns
- });
- _this2.props.afterFilter(_this2.state.columns, _this2.state.columns);
- };
-
- this.getCloumnsScroll = function (columns) {
- var sum = 0;
- columns.forEach(function (da) {
- if (da.checked) {
- sum += da.width;
- }
- });
- // console.log("sum",sum);
- return sum;
- };
- }, _temp;
-}
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/lib/i18n.js b/build/lib/i18n.js
deleted file mode 100644
index 092b375..0000000
--- a/build/lib/i18n.js
+++ /dev/null
@@ -1,48 +0,0 @@
-'use strict';
-
-module.exports = {
- 'lang': 'zh-cn',
- 'resetSettings': '还原设置',
- 'include': '包含',
- 'exclusive': '不包含',
- 'equal': '等于',
- 'unequal': '不等于',
- 'begin': '以开始',
- 'end': '以结尾',
- 'greater_than': '大于',
- 'great_than_equal_to': '大于等于',
- 'less_than': '小于',
- 'less_than_equal_to': '小于等于',
- 'be_equal_to': '等于',
- 'not_equal_to': '不等于',
- 'en-us': {
- 'resetSettings': 'reset settings',
- 'include': 'include',
- 'exclusive': 'exclusive',
- 'equal': 'equal',
- 'unequal': 'unequal',
- 'begin': 'begin',
- 'end': 'end',
- 'greater_than': 'greater than',
- 'great_than_equal_to': 'great than equal to',
- 'less_than': 'less than',
- 'less_than_equal_to': 'less than equal to',
- 'be_equal_to': 'be equal to',
- 'not_equal_to': 'not equal to'
- },
- 'zh-tw': {
- 'resetSettings': '還原設置',
- 'include': '包含',
- 'exclusive': '不包含',
- 'equal': '等於',
- 'unequal': '不等於',
- 'begin': '以開始',
- 'end': '以結尾',
- 'greater_than': '大於',
- 'great_than_equal_to': '大於等於',
- 'less_than': '小於',
- 'less_than_equal to': '小於等於',
- 'be_equal_to': '等於',
- 'not_equal_to': '不等於'
- }
-};
\ No newline at end of file
diff --git a/build/lib/multiSelect.js b/build/lib/multiSelect.js
deleted file mode 100644
index 78de72e..0000000
--- a/build/lib/multiSelect.js
+++ /dev/null
@@ -1,247 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = multiSelect;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _beeCheckbox = require('bee-checkbox');
-
-var _beeCheckbox2 = _interopRequireDefault(_beeCheckbox);
-
-var _util = require('./util');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-/**
- * 参数: 过滤表头
- * @param {*} Table
- * @param {*} Checkbox
- * @param {*} Popover
- * @param {*} Icon
- */
-
-function multiSelect(Table, Checkbox) {
- var _class, _temp, _initialiseProps;
-
- return _temp = _class = function (_Component) {
- _inherits(NewMultiSelect, _Component);
-
- function NewMultiSelect(props) {
- _classCallCheck(this, NewMultiSelect);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var obj = _this.getCheckedOrIndeter(props.data);
- _this.state = _extends({}, obj, {
- data: (0, _util.ObjectAssign)(props.data)
- });
- return _this;
- }
-
- NewMultiSelect.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (this.props.data != nextProps.data) {
- var obj = this.getCheckedOrIndeter(nextProps.data);
- this.setState(_extends({}, obj, {
- data: (0, _util.ObjectAssign)(nextProps.data)
- }));
- }
- };
-
- /**
- * @param {*} data
- */
-
-
- NewMultiSelect.prototype.getCheckedOrIndeter = function getCheckedOrIndeter(data) {
- var obj = {};
- var checkStatus = this.setChecked(data);
- if (!checkStatus) {
- obj.checkedAll = false;
- obj.indeterminate = false;
- return obj;
- }
- if (checkStatus == 'indeter') {
- obj.indeterminate = true;
- obj.checkedAll = false;
- } else if (checkStatus == 'all') {
- obj.checkedAll = true;
- obj.indeterminate = false;
- }
- return obj;
- };
-
- /**
- * 判断数据是否全部选中
- * @param {*} data
- * reutnr string all(全选)、indeter(半选)
- */
-
-
- NewMultiSelect.prototype.setChecked = function setChecked(data) {
- if (!this.isArray(data)) return false;
- if (data.length == 0) return false;
- var count = 0;
- var disabledCount = 0;
- data.forEach(function (da) {
- if (da._checked) {
- count++;
- }
- if (da._disabled) {
- disabledCount++;
- }
- });
-
- if (data.length == count + disabledCount) {
- return "all";
- }
- return count == 0 ? false : "indeter";
- };
-
- /**
- * 判断是否是数组
- * @param {*} o
- */
-
-
- NewMultiSelect.prototype.isArray = function isArray(o) {
- return Object.prototype.toString.call(o) == '[object Array]';
- };
-
- NewMultiSelect.prototype.render = function render() {
- var columns = this.props.columns;
- var data = this.state.data;
-
- return _react2["default"].createElement(Table, _extends({}, this.props, { columns: this.getDefaultColumns(columns), data: data }));
- };
-
- return NewMultiSelect;
- }(_react.Component), _class.defaultProps = {
- prefixCls: "u-table-mult-select"
- }, _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.onAllCheckChange = function () {
- var _state = _this2.state,
- data = _state.data,
- checkedAll = _state.checkedAll,
- indeterminate = _state.indeterminate;
-
- var check = false;
- if (checkedAll) {
- check = false;
- } else {
- // if(indeterminate){
- // check = true;
- // }else{
- // check = true;
- // }
- check = true;
- }
- var selectList = [];
-
- data.forEach(function (item) {
- if (!item._disabled) {
- item._checked = check;
- }
-
- if (item._checked) {
- selectList.push(item);
- }
- });
- if (selectList.length > 0) {
- indeterminate = true;
- } else {
- indeterminate = false;
- }
- _this2.setState({
- indeterminate: indeterminate,
- checkedAll: check
- });
- _this2.props.getSelectedDataFunc(selectList);
- };
-
- this.handleClick = function () {};
-
- this.onCheckboxChange = function (text, record, index) {
- return function () {
- var data = _this2.state.data;
-
- var selectList = [];
- record._checked = record._checked ? false : true;
- var obj = _this2.getCheckedOrIndeter(data);
- _this2.setState(_extends({
- data: data
- }, obj));
- data.forEach(function (da) {
- if (da._checked) {
- selectList.push(da);
- }
- });
- _this2.props.getSelectedDataFunc(selectList, record, index);
- };
- };
-
- this.getDefaultColumns = function (columns) {
- var _state2 = _this2.state,
- checkedAll = _state2.checkedAll,
- indeterminate = _state2.indeterminate;
-
- var checkAttr = { checked: checkedAll ? true : false };
- var data = _this2.props.data;
- var dataLength = data.length;
- var disabledCount = 0;
- indeterminate ? checkAttr.indeterminate = true : "";
- //设置表头Checkbox是否可以点击
- data.forEach(function (item, index, arr) {
- if (item._disabled) {
- disabledCount++;
- }
- });
-
- var _defaultColumns = [{
- title: _react2["default"].createElement(Checkbox, _extends({
- className: 'table-checkbox'
- }, checkAttr, {
- disabled: disabledCount == dataLength ? true : false,
- onChange: _this2.onAllCheckChange
- })),
- key: "checkbox",
- dataIndex: "checkbox",
- fixed: "left",
- width: 50,
- render: function render(text, record, index) {
- var attr = {};
- record._disabled ? attr.disabled = record._disabled : "";
- return _react2["default"].createElement(Checkbox, _extends({
- key: index,
- className: 'table-checkbox'
- }, attr, {
- checked: record._checked,
- onClick: _this2.handleClick,
- onChange: _this2.onCheckboxChange(text, record, index)
- }));
- }
- }];
- return _defaultColumns.concat(columns);
- };
- }, _temp;
-}
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/lib/newMultiSelect.js b/build/lib/newMultiSelect.js
deleted file mode 100644
index c794ec0..0000000
--- a/build/lib/newMultiSelect.js
+++ /dev/null
@@ -1,195 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = newMultiSelect;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _beeCheckbox = require('bee-checkbox');
-
-var _beeCheckbox2 = _interopRequireDefault(_beeCheckbox);
-
-var _util = require('./util');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-/**
- * 参数: 过滤表头
- * @param {*} Table
- * @param {*} Checkbox
- * @param {*} Popover
- * @param {*} Icon
- */
-
-function newMultiSelect(Table, Checkbox) {
- var _class, _temp, _initialiseProps;
-
- return _temp = _class = function (_Component) {
- _inherits(NewMultiSelect, _Component);
-
- function NewMultiSelect(props) {
- _classCallCheck(this, NewMultiSelect);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var checkedAll = _this.setChecked(props.data);
- _this.state = {
- checkedAll: checkedAll,
- data: (0, _util.ObjectAssign)(props.data)
- };
- return _this;
- }
-
- NewMultiSelect.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (this.props.data != nextProps.data) {
- this.setState({
- data: (0, _util.ObjectAssign)(nextProps.data),
- checkedAll: this.setChecked(nextProps.data)
- });
- }
- };
-
- NewMultiSelect.prototype.setChecked = function setChecked(data) {
- var allCheck = true;
- if (data) {
- var _iteratorNormalCompletion = true;
- var _didIteratorError = false;
- var _iteratorError = undefined;
-
- try {
- for (var _iterator = data[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
- var da = _step.value;
-
- if (!da._checked) {
- allCheck = false;
- break;
- }
- }
- } catch (err) {
- _didIteratorError = true;
- _iteratorError = err;
- } finally {
- try {
- if (!_iteratorNormalCompletion && _iterator["return"]) {
- _iterator["return"]();
- }
- } finally {
- if (_didIteratorError) {
- throw _iteratorError;
- }
- }
- }
- }
- return allCheck;
- };
-
- NewMultiSelect.prototype.render = function render() {
- var columns = this.props.columns;
- var data = this.state.data;
-
- return _react2["default"].createElement(Table, _extends({}, this.props, { columns: this.getDefaultColumns(columns), data: data }));
- };
-
- return NewMultiSelect;
- }(_react.Component), _class.defaultProps = {
- prefixCls: "u-table-mult-select"
- }, _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.onAllCheckChange = function () {
- var _state = _this2.state,
- data = _state.data,
- checkedAll = _state.checkedAll;
-
- var selectList = [];
- var check = checkedAll ? false : true;
- data.forEach(function (item) {
- item._checked = check;
- if (item._checked) {
- selectList.push(item);
- }
- });
- _this2.setState({
- checkedAll: check
- });
- _this2.props.getSelectedDataFunc(selectList);
- };
-
- this.handleClick = function () {};
-
- this.onCheckboxChange = function (text, record, index) {
- return function () {
- var data = _this2.state.data;
-
- var selectList = [];
- record._checked = record._checked ? false : true;
- var checkedAll = true;
- for (var i = 0; i < data.length; i++) {
- var item = data[i];
- if (!item._checked || item._checked == false) {
- checkedAll = false;
- break;
- }
- }
- _this2.setState(_extends({}, _this2.state, {
- checkedAll: checkedAll
- }));
- data.forEach(function (da) {
- if (da._checked) {
- selectList.push(da);
- }
- });
- _this2.props.getSelectedDataFunc(selectList, record, index);
- };
- };
-
- this.getDefaultColumns = function (columns) {
- // let checkedAll = init?false:this.state.checkedAll;
- var checkedAll = _this2.state.checkedAll;
-
- var _defaultColumns = [{
- title: _react2["default"].createElement(Checkbox, {
- className: 'table-checkbox',
- checked: checkedAll
- // indeterminate={indeterminate_bool && !this.state.checkedAll}
- , onChange: _this2.onAllCheckChange
- }),
- key: "checkbox",
- dataIndex: "checkbox",
- fixed: "left",
- width: 50,
- render: function render(text, record, index) {
- var attr = {};
- record._disabled ? attr.disabled = record._disabled : "";
- return _react2["default"].createElement(Checkbox, _extends({
- key: index,
- className: 'table-checkbox'
- }, attr, {
- checked: record._checked,
- onClick: _this2.handleClick,
- onChange: _this2.onCheckboxChange(text, record, index)
- }));
- }
- }];
- return _defaultColumns.concat(columns);
- };
- }, _temp;
-}
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/lib/sort.js b/build/lib/sort.js
deleted file mode 100644
index d4d1154..0000000
--- a/build/lib/sort.js
+++ /dev/null
@@ -1,367 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = sort;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-/**
- * 参数:prefixCls,默认bee-table,用于设置图标的样式
- * @param {*} Table
- * @param {*} Icon
- */
-function sort(Table, Icon) {
- var _class, _temp, _initialiseProps;
-
- var IconType = [{
- 'type': 'flat',
- 'icon': 'uf-symlist',
- 'order': 'flatscend'
- }, {
- 'type': 'up',
- 'icon': 'uf-sortup',
- 'order': 'ascend'
- }, {
- 'type': 'down',
- 'icon': 'uf-sortdown',
- 'order': 'descend'
- }];
-
- return _temp = _class = function (_Component) {
- _inherits(SortTable, _Component);
-
- function SortTable(props) {
- _classCallCheck(this, SortTable);
-
- var _this2 = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _initialiseProps.call(_this2);
-
- var flatColumns = [];
- _this2._toFlatColumn(props.columns, -1, flatColumns);
- _this2.state = { data: _this2.props.data, columns: props.columns, flatColumns: flatColumns };
-
- return _this2;
- }
-
- //默认是前端排序,值为true为后端排序
- SortTable.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-
- if (nextProps.data !== this.props.data) {
- this.setState({
- data: nextProps.data,
- oldData: nextProps.data.concat()
- });
- }
- if (nextProps.columns !== this.props.columns) {
- var flatColumns = [];
- this._toFlatColumn(nextProps.columns, -1, flatColumns);
- this.setState({ columns: nextProps.columns, flatColumns: flatColumns });
- }
- };
- /**
- *column扁平化处理,适应多表头避免递归操作
- *
- */
-
-
- SortTable.prototype._toFlatColumn = function _toFlatColumn(columns) {
- var parentIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
- var flatColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-
- var _this = this;
- var children = [];
- // const flatColumns = _this.state;
- columns.forEach(function (item, index) {
- item.parentIndex = parentIndex;
- children = item.children;
- flatColumns.push(item);
- if (children) {
- item.children = [];
- _this._toFlatColumn(children, flatColumns.length - 1, flatColumns);
- }
- });
- };
-
- /**
- * column 当前的排序的列
- * 当有的列不排序时,将该列的orderNum置为‘’,并动态的修改其他列的orderNum。
- */
-
- /**
- * 获取排序字段
- */
-
-
- /**
- * pre:前一条数据
- * after:后一条数据
- * orderType:升序、降序
- */
-
- /**
- * 多列排序 先排order为1的,其他的基于已排序的数据排
- */
-
- //每个column上添加orderNum属性,不排序时为“”。
- //点击时orderNum有值则不重新赋值,如果没有值,则取当前column下的有oderNum的length值。并排序
- //点击置为“”时,动态的设置相关column的orderNum值。并排序
-
-
- SortTable.prototype._flatToColumn = function _flatToColumn(flatColumns) {
- var colLen = flatColumns.length;
- var parentIndex = void 0,
- rsColumns = [];
- //每次渲染需要将父类的children置空,避免重复
- flatColumns.forEach(function (item) {
- if (item.children) {
- item.children = [];
- }
- });
- for (var i = colLen - 1; i >= 0; i--) {
- parentIndex = flatColumns[i].parentIndex;
- if (parentIndex >= 0) {
- flatColumns[parentIndex].children.unshift(flatColumns[i]);
- }
- }
- rsColumns = flatColumns.filter(function (item) {
- return item.parentIndex == -1;
- });
- return rsColumns;
- };
-
- SortTable.prototype.render = function render() {
- var columns = this.renderColumnsDropdown(this.state.flatColumns.concat());
- return _react2["default"].createElement(Table, _extends({}, this.props, { columns: columns, data: this.state.data }));
- };
-
- return SortTable;
- }(_react.Component), _class.defaultProps = { sort: { mode: "single", backSource: false } }, _initialiseProps = function _initialiseProps() {
- var _this3 = this;
-
- this.getOrderNum = function () {
- var orderNum = 0;
- //todo 1
- _this3.state.flatColumns.forEach(function (item, index) {
- if (item.order == "ascend" || item.order == "descend") {
- orderNum++;
- }
- });
- return orderNum ? orderNum : 1;
- };
-
- this.changeOrderNum = function (column) {
- var flatColumns = _this3.state.flatColumns;
- //todo 2
-
- flatColumns.forEach(function (col) {
- if (col.orderNum > column.orderNum) {
- col.orderNum--;
- }
- if (column.key == col.key) {
- col.orderNum = "";
- }
- });
- _this3.setState({ flatColumns: flatColumns });
- };
-
- this.getOrderCols = function (columns) {
- var orderCols = [];
- //todo 3
- columns.forEach(function (item) {
- if (item.order == "ascend" || item.order == "descend") {
- orderCols.push({
- order: item.order,
- field: item.dataIndex,
- orderNum: item.orderNum
- });
- }
- });
- return orderCols;
- };
-
- this._sortBy = function (pre, after, orderCols, orderColslen, currentIndex) {
- var preKey = pre[orderCols[currentIndex].key];
- var afterKey = after[orderCols[currentIndex].key];
- if (preKey == afterKey && currentIndex + 1 <= orderColslen) {
- return _this3._sortBy(pre, after, orderCols, orderColslen, currentIndex + 1);
- }
- if (orderCols[currentIndex].order == "ascend") {
- return preKey - afterKey;
- } else {
- return afterKey - preKey;
- }
- };
-
- this.multiSort = function (columns) {
- var _state = _this3.state,
- data = _state.data,
- oldData = _state.oldData;
-
- var self = _this3;
- var orderCols = {},
- orderColslen = 0;
- //todo 4
- columns.forEach(function (item) {
- if (item.orderNum) {
- orderColslen++;
- orderCols[item.orderNum] = item;
- }
- });
- if (orderColslen > 0) {
- data = data.sort(function (a, b) {
- return self._sortBy(a, b, orderCols, orderColslen, 1);
- });
- } else {
- data = oldData.concat();
- }
- return data;
- };
-
- this.toggleSortOrder = function (order, column) {
- var _state2 = _this3.state,
- data = _state2.data,
- oldData = _state2.oldData,
- flatColumns = _state2.flatColumns;
- var sort = _this3.props.sort;
-
- var seleObj = void 0;
- if (!oldData) {
- oldData = data.concat();
- }
- var sortCol = void 0;
- //单列排序,清空其他列的排序
- if (sort.mode == "single") {
- //todo 5
- flatColumns.forEach(function (da) {
- if (da.key == column.key) {
- seleObj = da;
- } else {
- if (da.order) {
- da.order = "flatscend";
- }
- }
- });
- seleObj.order = order;
- sortCol = [{ order: order, field: seleObj.dataIndex }];
- //通过后端请求
- if (sort.backSource && typeof sort.sortFun === "function") {
- //获取排序的字段和方式
- sort.sortFun(sortCol);
- } else {
- if (order === "ascend") {
- data = data.sort(function (a, b) {
- return column.sorter(a, b);
- });
- } else if (order === "descend") {
- data = data.sort(function (a, b) {
- return column.sorter(b, a);
- });
- } else {
- data = oldData.concat();
- }
- typeof sort.sortFun === "function" && sort.sortFun(sortCol, data);
- }
- } else {
- seleObj = flatColumns.find(function (da) {
- return da.key == column.key;
- });
- seleObj.order = order;
- if (order === "flatscend") {
- _this3.changeOrderNum(column);
- }
- if (!seleObj.orderNum && (order == "ascend" || order == "descend")) {
- seleObj.orderNum = _this3.getOrderNum();
- }
- sortCol = _this3.getOrderCols(flatColumns);
- if (sort.backSource && typeof sort.sortFun === "function") {
- sort.sortFun(sortCol);
- } else {
- data = _this3.multiSort(flatColumns);
- typeof sort.sortFun === "function" && sort.sortFun(sortCol, data);
- }
- }
- _this3.setState({ data: data, oldData: oldData, flatColumns: flatColumns });
- };
-
- this.renderColumnsDropdown = function (columns) {
- var tempColumns = [],
- rsColumns = [];
- tempColumns = columns.map(function (originColumn) {
- var column = _extends({}, originColumn);
- return _this3.sortColumn(column);
- });
- rsColumns = _this3._flatToColumn(tempColumns);
- return rsColumns;
- };
-
- this.sortColumn = function (column) {
- var mode = _this3.props.sort.mode;
-
- var prefixCls = "bee-table";
- var iconTypeIndex = 0;
- var sorterClass = "flat";
-
- if (column.order === "ascend") {
- iconTypeIndex = 1;
- sorterClass = "up";
- } else if (column.order === "descend") {
- iconTypeIndex = 2;
- sorterClass = "down";
- }
-
- var sortButton = void 0;
- if (column.sorter) {
- //大于0说明不是升序就是降序,判断orderNum有没有值,没有值赋值
- if (iconTypeIndex > 0 && !column.orderNum && mode == "multiple") {
- column.orderNum = _this3.getOrderNum();
- }
- sortButton = _react2["default"].createElement(
- 'div',
- { className: prefixCls + '-column-sorter' },
- _react2["default"].createElement(
- 'span',
- { className: prefixCls + '-column-sorter-' + sorterClass, onClick: function onClick() {
- _this3.toggleSortOrder(IconType[iconTypeIndex == 2 ? 0 : iconTypeIndex + 1].order, column);
-
- if (column.sorterClick) {
- column.sorterClick(column, IconType[iconTypeIndex].type);
- }
- } },
- _react2["default"].createElement('i', { className: 'uf ' + IconType[iconTypeIndex].icon }),
- _react2["default"].createElement(
- 'span',
- null,
- column.orderNum
- )
- )
- );
- }
- column.title = _react2["default"].createElement(
- 'span',
- null,
- column.title,
- sortButton
- );
- return column;
- };
- }, _temp;
-}
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/lib/sum.js b/build/lib/sum.js
deleted file mode 100644
index 5987695..0000000
--- a/build/lib/sum.js
+++ /dev/null
@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = sum;
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _utils = require("../utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-function sum(Table) {
- return function (_React$Component) {
- _inherits(SumTable, _React$Component);
-
- //无状态
- function SumTable(props) {
- _classCallCheck(this, SumTable);
-
- //array , tree
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _this.getNodeItem = function (array, newArray) {
- array.forEach(function (da, i) {
- if (da.children) {
- _this.getNodeItem(da.children, newArray);
- } else {
- newArray.push(da);
- }
- });
- };
-
- _this.getTableType = function () {
- var columns = _this.props.columns;
-
- var type = "array";
- columns.find(function (da, i) {
- if (da.children) {
- type = "tree";
- return type;
- }
- });
- return type;
- };
-
- _this.addSumData = function () {
- var _this$props = _this.props,
- _this$props$data = _this$props.data,
- data = _this$props$data === undefined ? [] : _this$props$data,
- _this$props$columns = _this$props.columns,
- columns = _this$props$columns === undefined ? [] : _this$props$columns;
-
- var sumdata = {},
- newColumns = [],
- newData = [];
- if (!Array.isArray(columns)) {
- console.log("columns type is error !");return;
- }
- var type = _this.getTableType();
- if (type == 'tree') {
- _this.getNodeItem(columns, newColumns);
- } else {
- newColumns = columns;
- }
- //返回一个新的数据
- newData = data.slice();
- newColumns.forEach(function (column, index) {
- sumdata[column.dataIndex] = "";
- if (column.sumCol) {
- var count = 0;
- data.forEach(function (da, i) {
-
- var _num = parseFloat(da[column.key]);
- //排查字段值为NAN情况
- if (_num == _num) {
- count += _num;
- }
- });
- sumdata[column.dataIndex] = (0, _utils.DicimalFormater)(count, 2);
- }
- if (index == 0) {
- sumdata[column.dataIndex] = "合计 " + sumdata[column.dataIndex];
- }
- });
-
- newData.push(sumdata);
- return newData;
- };
-
- _this.tableType = "array";
- return _this;
- }
-
- /**
- * 获取当前的表格类型。
- *
- */
-
-
- SumTable.prototype.render = function render() {
- return _react2["default"].createElement(Table, _extends({}, this.props, {
- columns: this.props.columns,
- showSum: true,
- data: this.addSumData()
- }));
- };
-
- return SumTable;
- }(_react2["default"].Component);
-}
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/lib/util.js b/build/lib/util.js
deleted file mode 100644
index 9ea2e19..0000000
--- a/build/lib/util.js
+++ /dev/null
@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports.sortBy = sortBy;
-exports.compare = compare;
-exports.ObjectAssign = ObjectAssign;
-/*
-* 快速排序,按某个属性,或按“获取排序依据的函数”,来排序.
-* @method soryBy
-* @static
-* @param {array} arr 待处理数组
-* @param {string|function} prop 排序依据属性,获取
-* @param {boolean} desc 降序
-* @return {array} 返回排序后的新数组
-*/
-
-function sortBy(arr, prop, desc) {
- var props = [],
- ret = [],
- i = 0,
- len = arr.length;
- if (typeof prop == 'string') {
- for (; i < len; i++) {
- var oI = arr[i];
- (props[i] = new String(oI && oI[prop] || ''))._obj = oI;
- }
- } else if (typeof prop == 'function') {
- for (; i < len; i++) {
- var _oI = arr[i];
- (props[i] = new String(_oI && prop(_oI) || ''))._obj = _oI;
- }
- } else {
- throw '参数类型错误';
- }
- props.sort();
- for (i = 0; i < len; i++) {
- ret[i] = props[i]._obj;
- }
- if (desc) ret.reverse();
- return ret;
-};
-
-/**
- * 数组对象排序
- * console.log(arr.sort(compare('age')))
- * @param {} property
- */
-function compare(property) {
- return function (a, b) {
- var value1 = a[property];
- var value2 = b[property];
- return value1 - value2;
- };
-}
-
-/**
- * 简单数组数据对象拷贝
- * @param {*} obj 要拷贝的对象
- */
-function ObjectAssign(obj) {
- var b = obj instanceof Array;
- var tagObj = b ? [] : {};
- if (b) {
- //数组
- obj.forEach(function (da) {
- var _da = {};
- _extends(_da, da);
- tagObj.push(_da);
- });
- } else {
- _extends(tagObj, obj);
- }
- return tagObj;
-}
\ No newline at end of file
diff --git a/build/render/CheckboxRender.js b/build/render/CheckboxRender.js
deleted file mode 100644
index 8473356..0000000
--- a/build/render/CheckboxRender.js
+++ /dev/null
@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-exports["default"] = renderCheckbox;
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-/**
- * 渲染checkbox
- * @param Checkbox
- * @param Icon
- * @returns {CheckboxRender}
- */
-function renderCheckbox(Checkbox, Icon) {
- return function (_Component) {
- _inherits(CheckboxRender, _Component);
-
- function CheckboxRender() {
- var _temp, _this, _ret;
-
- _classCallCheck(this, CheckboxRender);
-
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
- value: _this.props.value,
- editable: false
- }, _this.handleChange = function (e) {
- var value = e.target.value;
- _this.setState({ value: value });
- }, _this.check = function () {
- _this.setState({ editable: false });
- if (_this.props.onChange) {
- _this.props.onChange(_this.state.value);
- }
- }, _this.edit = function () {
- _this.setState({ editable: true });
- }, _this.handleKeydown = function (event) {
- if (event.keyCode == 13) {
- _this.check();
- }
- }, _temp), _possibleConstructorReturn(_this, _ret);
- }
-
- CheckboxRender.prototype.render = function render() {
- var _state = this.state,
- value = _state.value,
- editable = _state.editable;
-
- var cellContent = "";
- if (editable) {
- cellContent = _react2["default"].createElement(
- "div",
- { className: "editable-cell-input-wrapper" },
- _react2["default"].createElement(Checkbox, {
- onChange: this.handleChange,
- onKeyDown: this.handleKeydown,
- onBlur: this.check,
- autoFocus: true,
- value: value
- })
- );
- } else {
- cellContent = _react2["default"].createElement(
- "div",
- { className: "editable-cell-text-wrapper" },
- value || " ",
- _react2["default"].createElement(Icon, {
- type: "uf-pencil",
- className: "editable-cell-icon",
- onClick: this.edit
- })
- );
- }
- return _react2["default"].createElement(
- "div",
- { className: "editable-cell" },
- cellContent
- );
- };
-
- return CheckboxRender;
- }(_react.Component);
-}
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/render/DateRender.js b/build/render/DateRender.js
deleted file mode 100644
index 752ef11..0000000
--- a/build/render/DateRender.js
+++ /dev/null
@@ -1,154 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = renderDate;
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _moment = require("moment");
-
-var _moment2 = _interopRequireDefault(_moment);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-function renderDate(DatePicker, Icon) {
- var _class, _temp2;
-
- var MonthPicker = DatePicker.MonthPicker,
- RangePicker = DatePicker.RangePicker,
- WeekPicker = DatePicker.WeekPicker;
-
- return _temp2 = _class = function (_Component) {
- _inherits(DateRender, _Component);
-
- function DateRender() {
- var _temp, _this, _ret;
-
- _classCallCheck(this, DateRender);
-
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
- value: _this.props.value,
- editable: false
- }, _this.handleChange = function (e) {
- var _ref = _this.props || "YYYY-MM-DD",
- format = _ref.format;
-
- var value = e ? e.format(format) : "";
- _this.setState({ value: value, editable: false });
- if (_this.props.onChange) {
- _this.props.onChange(value);
- }
- }, _this.check = function () {
- _this.setState({ editable: false });
- if (_this.props.onChange) {
- _this.props.onChange(_this.state.value);
- }
- }, _this.edit = function () {
- _this.setState({ editable: true });
- }, _this.handleKeydown = function (event) {
- if (event.keyCode == 13) {
- _this.check();
- }
- }, _temp), _possibleConstructorReturn(_this, _ret);
- }
-
- DateRender.prototype.render = function render() {
- var _state = this.state,
- value = _state.value,
- editable = _state.editable;
- var _props = this.props,
- isclickTrigger = _props.isclickTrigger,
- type = _props.type;
-
- var cellContent = "";
- var TComponent = void 0;
- switch (type.toLowerCase()) {
- case "monthpicker":
- TComponent = MonthPicker;
- break;
- // case "rangepicker":
- // TComponent = RangePicker;
- // break;
- case "weekpicker":
- TComponent = WeekPicker;
- break;
- default:
- TComponent = DatePicker;
- break;
- }
-
- var date_value = value ? (0, _moment2["default"])(value) : value;
- if (editable) {
- cellContent = isclickTrigger ? _react2["default"].createElement(
- "div",
- { className: "editable-cell-input-wrapper" },
- _react2["default"].createElement(TComponent, _extends({}, this.props, {
- value: date_value,
- onChange: this.handleChange
- })),
- _react2["default"].createElement(Icon, {
- type: "uf-correct",
- className: "editable-cell-icon-check",
- onClick: this.check
- })
- ) : _react2["default"].createElement(
- "div",
- { className: "editable-cell-input-wrapper" },
- _react2["default"].createElement(TComponent, _extends({}, this.props, {
- value: date_value,
- onChange: this.handleChange
- })),
- _react2["default"].createElement(Icon, {
- type: "uf-correct",
- className: "editable-cell-icon-check",
- onClick: this.check
- })
- );
- } else {
- cellContent = isclickTrigger ? _react2["default"].createElement(
- "div",
- { className: "editable-cell-text-wrapper", onClick: this.edit },
- value || " "
- ) : _react2["default"].createElement(
- "div",
- { className: "editable-cell-text-wrapper" },
- value || " ",
- _react2["default"].createElement(Icon, {
- type: "uf-pencil",
- className: "editable-cell-icon",
- onClick: this.edit
- })
- );
- }
- return _react2["default"].createElement(
- "div",
- { className: "editable-cell" },
- cellContent
- );
- };
-
- return DateRender;
- }(_react.Component), _class.defaultProps = {
- type: "DatePicker"
- }, _temp2;
-}
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/render/InputRender.js b/build/render/InputRender.js
deleted file mode 100644
index 04c7002..0000000
--- a/build/render/InputRender.js
+++ /dev/null
@@ -1,194 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = renderInput;
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require("prop-types");
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-/**
- * 渲染输入框
- * @param Form
- * @param Input
- * @param Icon
- * @returns {InputRender}
- */
-function renderInput(Form, Input, Icon) {
- var _class, _temp2;
-
- return _temp2 = _class = function (_Component) {
- _inherits(InputRender, _Component);
-
- function InputRender() {
- var _temp, _this, _ret;
-
- _classCallCheck(this, InputRender);
-
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
- value: _this.props.value,
- editable: false
- }, _this.handleChange = function (e) {
- var value = e;
- _this.setState({ value: value });
- }, _this.check = function () {
- if (typeof _this.flag === "undefined" || _this.flag) {
- _this.props.check(_this.flag, _this.obj);
- _this.setState({ editable: false });
- if (_this.props.onChange) {
- _this.props.onChange(_this.state.value);
- }
- _this.flag = undefined;
- }
- }, _this.checkValidate = function (flag, obj) {
- _this.flag = flag;
- _this.obj = obj;
- }, _this.edit = function () {
- _this.setState({ editable: true });
- }, _this.handleKeydown = function (event) {
- if (event.keyCode == 13) {
- _this.check();
- } else if (event.keyCode == 9) {}
- }, _this.formatCurrency = function (money) {
- if (money && money != null && !!Number(money)) {
- money = String(money);
- var left = money.split(".")[0],
- right = money.split(".")[1];
- right = right ? right.length >= 2 ? "." + right.substr(0, 2) : "." + right + "0" : ".00";
- var temp = left.split("").reverse().join("").match(/(\d{1,3})/g);
- return (Number(money) < 0 ? "-" : "") + temp.join(",").split("").reverse().join("") + right;
- } else if (money === 0) {
- //注意===在这里的使用,如果传入的money为0,if中会将其判定为boolean类型,故而要另外做===判断
- return "0.00";
- } else {
- return "";
- }
- }, _temp), _possibleConstructorReturn(_this, _ret);
- }
- //货币的格式化方法
-
-
- InputRender.prototype.render = function render() {
- var _state = this.state,
- value = _state.value,
- editable = _state.editable;
-
- var _props = this.props,
- name = _props.name,
- placeholder = _props.placeholder,
- isclickTrigger = _props.isclickTrigger,
- format = _props.format,
- formItemClassName = _props.formItemClassName,
- mesClassName = _props.mesClassName,
- check = _props.check,
- other = _objectWithoutProperties(_props, ["name", "placeholder", "isclickTrigger", "format", "formItemClassName", "mesClassName", "check"]);
-
- var cellContent = "";
- if (editable) {
- cellContent = isclickTrigger ? _react2["default"].createElement(
- "div",
- { className: "editable-cell-input-wrapper" },
- _react2["default"].createElement(
- Form.FormItem,
- _extends({
- className: "formItem-style " + formItemClassName,
- mesClassName: "errMessage-style " + mesClassName,
- change: this.handleChange,
- blur: this.check,
- check: this.checkValidate
- }, other),
- _react2["default"].createElement(Input, {
- name: name,
- placeholder: placeholder,
- onKeyDown: this.handleKeydown,
- autoFocus: true,
- value: value
- })
- )
- ) : _react2["default"].createElement(
- "div",
- { className: "editable-cell-input-wrapper" },
- _react2["default"].createElement(
- Form.FormItem,
- _extends({
- className: "formItem-style " + formItemClassName,
- mesClassName: "errMessage-style " + mesClassName,
- change: this.handleChange,
- blur: this.check,
- check: this.checkValidate
- }, other),
- _react2["default"].createElement(Input, {
- name: name,
- placeholder: placeholder,
- onKeyDown: this.handleKeydown,
- autoFocus: true,
- value: value
- })
- ),
- _react2["default"].createElement(Icon, {
- type: "uf-correct",
- className: "editable-cell-icon-check",
- onClick: this.check
- })
- );
- } else {
- if (format && format === "Currency") {
- value = this.formatCurrency(value);
- }
- cellContent = isclickTrigger ? _react2["default"].createElement(
- "div",
- { className: "editable-cell-text-wrapper", onClick: this.edit },
- value || " "
- ) : _react2["default"].createElement(
- "div",
- { className: "editable-cell-text-wrapper" },
- value || " ",
- _react2["default"].createElement(Icon, {
- type: "uf-pencil",
- className: "editable-cell-icon",
- onClick: this.edit
- })
- );
- }
- return _react2["default"].createElement(
- "div",
- { className: "editable-cell" },
- cellContent
- );
- };
-
- return InputRender;
- }(_react.Component), _class.propTypes = {
- check: _propTypes2["default"].func
- }, _class.defaultProps = {
- check: function check() {
- return "";
- }
- }, _temp2;
-}
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/render/RadioRender.js b/build/render/RadioRender.js
deleted file mode 100644
index 9a390c3..0000000
--- a/build/render/RadioRender.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";
\ No newline at end of file
diff --git a/build/render/SelectRender.js b/build/render/SelectRender.js
deleted file mode 100644
index a1d55db..0000000
--- a/build/render/SelectRender.js
+++ /dev/null
@@ -1,170 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports["default"] = renderSelect;
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require("prop-types");
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
-/**
- * 渲染下拉框
- * @param Select
- * @param Icon
- * @returns {SelectRender}
- */
-function renderSelect(Select, Icon) {
- var _class, _temp2;
-
- return _temp2 = _class = function (_Component) {
- _inherits(SelectRender, _Component);
-
- function SelectRender() {
- var _temp, _this, _ret;
-
- _classCallCheck(this, SelectRender);
-
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
- value: _this.props.value,
- editable: false
- }, _this.handleChange = function (e) {
- var value = e;
- if (_this.props.onChange) {
- _this.props.onChange(value);
- }
- _this.setState({ value: value });
- setTimeout(function () {
- _this.setState({ editable: false });
- }, 0);
- }, _this.check = function () {
- _this.setState({ editable: false });
- if (_this.props.onChange) {
- _this.props.onChange(_this.state.value);
- }
- }, _this.edit = function () {
- _this.setState({ editable: true });
- }, _temp), _possibleConstructorReturn(_this, _ret);
- }
-
- SelectRender.prototype.render = function render() {
- var _this2 = this;
-
- var _state = this.state,
- value = _state.value,
- editable = _state.editable;
- var _props = this.props,
- isclickTrigger = _props.isclickTrigger,
- dataSource = _props.dataSource;
-
- var cellContent = "";
- if (editable) {
- cellContent = isclickTrigger ? _react2["default"].createElement(
- "div",
- { className: "editable-cell-input-wrapper" },
- _react2["default"].createElement(
- Select,
- _extends({}, this.props, {
- value: this.state.value,
- onBlur: function onBlur(value) {
- console.log(value);
- // this.props.onBlur();
- },
-
- onFocus: function onFocus(value) {
- console.log(value);
- // this.props.onBlur();
- },
-
- onChange: this.handleChange
- }),
- this.props.children
- ),
- _react2["default"].createElement(Icon, {
- type: "uf-correct",
- className: "editable-cell-icon-check",
- onClick: this.check
- })
- ) : _react2["default"].createElement(
- "div",
- { className: "editable-cell-input-wrapper" },
- _react2["default"].createElement(
- Select,
- _extends({}, this.props, {
- value: this.state.value,
- onBlur: function onBlur() {
- _this2.setState({
- editable: true
- });
- _this2.props.onBlur();
- },
- onChange: this.handleChange
- }),
- this.props.children
- ),
- _react2["default"].createElement(Icon, {
- type: "uf-correct",
- className: "editable-cell-icon-check",
- onClick: this.check
- })
- );
- } else {
- if (dataSource && dataSource.length > 0) {
- for (var index = 0; index < dataSource.length; index++) {
- var element = dataSource[index];
- if (element.value === value) {
- value = element.key;
- break;
- }
- }
- }
- cellContent = isclickTrigger ? _react2["default"].createElement(
- "div",
- { className: "editable-cell-text-wrapper", onClick: this.edit },
- value || " "
- ) : _react2["default"].createElement(
- "div",
- { className: "editable-cell-text-wrapper" },
- value || " ",
- _react2["default"].createElement(Icon, {
- type: "uf-pencil",
- className: "editable-cell-icon",
- onClick: this.edit
- })
- );
- }
- return _react2["default"].createElement(
- "div",
- { className: "editable-cell" },
- cellContent
- );
- };
-
- return SelectRender;
- }(_react.Component), _class.propTypes = {
- dataSource: _propTypes2["default"].array
- }, _temp2;
-}
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/build/utils.js b/build/utils.js
deleted file mode 100644
index 63645f6..0000000
--- a/build/utils.js
+++ /dev/null
@@ -1,313 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-exports.Event = exports.EventUtil = exports.tryParseInt = undefined;
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-exports.measureScrollbar = measureScrollbar;
-exports.debounce = debounce;
-exports.warningOnce = warningOnce;
-exports.getOffset = getOffset;
-exports.addClass = addClass;
-exports.removeClass = removeClass;
-exports.ObjectAssign = ObjectAssign;
-exports.closest = closest;
-exports.getMaxColChildrenLength = getMaxColChildrenLength;
-exports.getColChildrenLength = getColChildrenLength;
-exports.DicimalFormater = DicimalFormater;
-exports.checkDicimalInvalid = checkDicimalInvalid;
-
-var _warning = require('warning');
-
-var _warning2 = _interopRequireDefault(_warning);
-
-var _parseInt = require('lodash/parseInt');
-
-var _parseInt2 = _interopRequireDefault(_parseInt);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var scrollbarSize = void 0;
-
-// Measure scrollbar width for padding body during modal show/hide
-var scrollbarMeasure = {
- position: 'absolute',
- top: '-9999px',
- width: '50px',
- height: '50px',
- overflow: 'scroll'
-};
-
-function measureScrollbar() {
- var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'vertical';
-
- if (typeof document === 'undefined' || typeof window === 'undefined') {
- return 0;
- }
- if (scrollbarSize) {
- return scrollbarSize;
- }
- var scrollDiv = document.createElement('div');
- Object.keys(scrollbarMeasure).forEach(function (scrollProp) {
- scrollDiv.style[scrollProp] = scrollbarMeasure[scrollProp];
- });
- document.body.appendChild(scrollDiv);
- var size = 0;
- if (direction === 'vertical') {
- size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
- } else if (direction === 'horizontal') {
- size = scrollDiv.offsetHeight - scrollDiv.clientHeight;
- }
-
- document.body.removeChild(scrollDiv);
- scrollbarSize = size;
- return scrollbarSize;
-}
-
-function debounce(func, wait, immediate) {
- var timeout = void 0;
- return function debounceFunc() {
- var context = this;
- var args = arguments;
- // https://fb.me/react-event-pooling
- if (args[0] && args[0].persist) {
- args[0].persist();
- }
- var later = function later() {
- timeout = null;
- if (!immediate) {
- func.apply(context, args);
- }
- };
- var callNow = immediate && !timeout;
- clearTimeout(timeout);
- timeout = setTimeout(later, wait);
- if (callNow) {
- func.apply(context, args);
- }
- };
-}
-
-var warned = {};
-function warningOnce(condition, format, args) {
- if (!warned[format]) {
- (0, _warning2["default"])(condition, format, args);
- warned[format] = true;
- }
-}
-function getOffset(Node, offset) {
- if (!offset) {
- offset = {};
- offset.top = 0;
- offset.left = 0;
- }
- if (Node == document.body) {
- return offset;
- }
- offset.top += Node.offsetTop;
- offset.left += Node.offsetLeft;
- if (Node.offsetParent) return getOffset(Node.offsetParent, offset);else return offset;
-};
-
-var tryParseInt = exports.tryParseInt = function tryParseInt(value) {
- var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
- var resultValue = (0, _parseInt2["default"])(value);
-
- if (isNaN(resultValue)) {
- return defaultValue;
- }
- return resultValue;
-};
-
-function addClass(elm, className) {
- if (!className) return;
-
- var els = Array.isArray(elm) ? elm : [elm];
-
- els.forEach(function (el) {
- if (el.classList) {
- el.classList.add(className.split(' '));
- } else {
- el.className += ' ' + className;
- }
- });
-}
-
-function removeClass(elm, className) {
- if (!className) return;
-
- var els = Array.isArray(elm) ? elm : [elm];
-
- els.forEach(function (el) {
- if (el.classList) {
- el.classList.remove(className.split(' '));
- } else {
- el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
- }
- });
-}
-
-/**
- * 简单数组数据对象拷贝
- * @param {*} obj 要拷贝的对象
- */
-function ObjectAssign(obj) {
- var b = obj instanceof Array;
- var tagObj = b ? [] : {};
- if (b) {
- //数组
- obj.forEach(function (da) {
- var _da = {};
- _extends(_da, da);
- tagObj.push(_da);
- });
- } else {
- _extends(tagObj, obj);
- }
- return tagObj;
-}
-/**
- * 获取某个父元素
- * */
-
-function closest(ele, selector) {
- var matches = ele.matches || ele.webkitMatchesSelector || ele.mozMatchesSelector || ele.msMatchesSelector;
- if (matches) {
- while (ele) {
- if (matches.call(ele, selector)) {
- return ele;
- } else {
- ele = ele.parentElement;
- }
- }
- }
- return null;
-}
-
-function getMaxColChildrenLength(columns) {
- var arr = [];
- arr = columns.map(function (item, index) {
- var chilrenLen = 0;
- if (item.children) {
- chilrenLen = getColChildrenLength(item.children, chilrenLen + 1);
- }
- return chilrenLen;
- });
- var max = Math.max.apply(null, arr);
- return max;
-}
-
-function getColChildrenLength(columns, chilrenLen) {
- columns.forEach(function (item, index) {
- if (item.children) {
- chilrenLen = getColChildrenLength(item.children, chilrenLen + 1);
- }
- });
- return chilrenLen;
-}
-
-function addHandler(element, type, handler) {
- var event = null;
- if (element.addEventListener) {
- //检测是否为DOM2级方法
- event = element.addEventListener(type, handler, false);
- } else if (element.attachEvent) {
- //检测是否为IE级方法
- event = element.attachEvent("on" + type, handler);
- } else {
- //检测是否为DOM0级方法
- event = element["on" + type] = handler;
- }
- return event;
-}
-
-function removeHandler(element, type, handler) {
- if (element.removeEventListener) {
- element.removeEventListener(type, handler, false);
- } else if (element.detachEvent) {
- element.detachEvent("on" + type, handler);
- } else {
- element["on" + type] = null;
- }
-}
-
-//获取事件对象的兼容性写法
-function getEvent(event) {
- return event ? event : window.event;
-}
-
-//获取事件对象目标的兼容性写法
-function getTarget(event) {
- return event.target || event.srcElement;
-}
-
-function preventDefault(event) {
- if (event.preventDefault) {
- event.preventDefault();
- } else {
- event.returnValue = false;
- }
-}
-
-function stopPropagation(event) {
- if (event.stopPropagation) {
- event.stopPropagation();
- } else {
- event.cancelBubble = true;
- }
-}
-
-//用事件冒泡方式,如果想兼容事件捕获只需要添加个bool参数
-var EventUtil = exports.EventUtil = {
- addHandler: function addHandler(element, type, handler) {
- if (element.addEventListener) {
- element.addEventListener(type, handler, false);
- } else if (element.attachEvent) {
- element.attachEvent('on' + type, handler);
- } else {
- element['on' + type] = handler;
- }
- },
-
- removeHandler: function removeHandler(element, type, handler) {
- if (element.removeEventListener) {
- element.removeEventListener(type, handler, false);
- } else if (element.detachEvent) {
- element.detachEvent('on' + type, handler);
- } else {
- element['on' + type] = null;
- }
- }
-
- /*
- * 处理精度
- */
-};function DicimalFormater(value, precision) {
- var value = value + '',
- precision = precision ? precision : 0;
- for (var i = 0; i < value.length; i++) {
- if ("-0123456789.".indexOf(value.charAt(i)) == -1) return "";
- }
- return checkDicimalInvalid(value, precision);
-};
-function checkDicimalInvalid(value, precision) {
- if (value == null || isNaN(value)) return "";
- // 浮点数总位数不能超过10位
- var digit = parseFloat(value);
- var result = (digit * Math.pow(10, precision) / Math.pow(10, precision)).toFixed(precision);
- if (result == "NaN") return "";
- return result;
-};
-
-var Event = exports.Event = {
- addHandler: addHandler,
- removeHandler: removeHandler,
- getEvent: getEvent,
- getTarget: getTarget,
- preventDefault: preventDefault,
- stopPropagation: stopPropagation
-};
\ No newline at end of file
diff --git a/demo/index.js b/demo/index.js
index 7944850..146ab28 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -11,7 +11,7 @@ const CARET = ;
const CARETUP = ;
-var Demo1 = require("./demolist/Demo1");var Demo2 = require("./demolist/Demo2");var Demo3 = require("./demolist/Demo3");var Demo4 = require("./demolist/Demo4");var Demo5 = require("./demolist/Demo5");var Demo6 = require("./demolist/Demo6");var Demo7 = require("./demolist/Demo7");var Demo8 = require("./demolist/Demo8");var Demo9 = require("./demolist/Demo9");var Demo10 = require("./demolist/Demo10");var Demo11 = require("./demolist/Demo11");var Demo12 = require("./demolist/Demo12");var Demo13 = require("./demolist/Demo13");var Demo14 = require("./demolist/Demo14");var Demo15 = require("./demolist/Demo15");var Demo16 = require("./demolist/Demo16");var Demo17 = require("./demolist/Demo17");var Demo18 = require("./demolist/Demo18");var Demo19 = require("./demolist/Demo19");var Demo20 = require("./demolist/Demo20");var Demo21 = require("./demolist/Demo21");var Demo22 = require("./demolist/Demo22");var Demo23 = require("./demolist/Demo23");var Demo24 = require("./demolist/Demo24");var Demo25 = require("./demolist/Demo25");var Demo26 = require("./demolist/Demo26");var Demo27 = require("./demolist/Demo27");var Demo28 = require("./demolist/Demo28");var Demo29 = require("./demolist/Demo29");var Demo30 = require("./demolist/Demo30");var Demo31 = require("./demolist/Demo31");var Demo32 = require("./demolist/Demo32");var Demo34 = require("./demolist/Demo34");var Demo35 = require("./demolist/Demo35");var DemoArray = [{"example":,"title":" 简单表格、文字过长,两种tip","code":"/**\n*\n* @title 简单表格、文字过长,两种tip\n* 【Tooltip】\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip, Button } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 500},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n render(text, record, index) {\n return (\n \n );\n }\n }\n];\n\nconst data = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\n];\n\nclass Demo1 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n \n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n />\n\n \n );\n }\n}\n\n\n","desc":""},{"example":,"title":" 增删改表格","code":"/**\n*\n* @title 增删改表格\n* @description 这是带有增删改功能的表格(此编辑功能未使用render组件)\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Popconfirm, Input, Icon, Animate, Button } from 'tinper-bee';\n\nclass EditableCell extends React.Component {\n state = {\n value: this.props.value,\n editable: false\n };\n handleChange = e => {\n const value = e;\n this.setState({ value });\n };\n check = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n edit = () => {\n this.setState({ editable: true });\n };\n handleKeydown = event => {\n if (event.keyCode == 13) {\n this.check();\n }\n };\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
\n \n \n
\n ) : (\n
\n {value || \" \"}\n \n
\n )}\n
\n );\n }\n}\n\nclass Demo2 extends React.Component {\n constructor(props) {\n super(props);\n this.columns = [\n {\n title: \"姓名\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"30%\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"年龄\",\n dataIndex: \"age\",\n key: \"age\"\n },\n {\n title: \"你懂的\",\n dataIndex: \"address\",\n key: \"address\"\n },\n {\n title: \"操作\",\n dataIndex: \"operation\",\n key: \"operation\",\n render: (text, record, index) => {\n return this.state.dataSource.length > 1 ? (\n \n \n \n ) : null;\n }\n }\n ];\n\n this.state = {\n dataSource: [\n {\n key: \"0\",\n name: \"沉鱼\",\n age: \"18\",\n address: \"96, 77, 89\"\n },\n {\n key: \"1\",\n name: \"落雁\",\n age: \"16\",\n address: \"90, 70, 80\"\n },\n {\n key: \"2\",\n name: \"闭月\",\n age: \"17\",\n address: \"80, 60, 80\"\n },\n {\n key: \"3\",\n name: \"羞花\",\n age: \"20\",\n address: \"120, 60, 90\"\n }\n ],\n count: 4\n };\n }\n onCellChange = (index, key) => {\n return value => {\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n onDelete = (index) => {\n return () => {\n const dataSource = [...this.state.dataSource];\n dataSource.splice(index, 1);\n this.setState({ dataSource });\n }\n };\n handleAdd = () => {\n const { count, dataSource } = this.state;\n const newData = {\n key: count,\n name: `凤姐 ${count}`,\n age: 32,\n address: `100 100 100`\n };\n this.setState({\n dataSource: [...dataSource, newData],\n count: count + 1\n });\n };\n\n getBodyWrapper = body => {\n return (\n \n {body.props.children}\n \n );\n };\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n );\n }\n}\n\n\n","desc":" 这是带有增删改功能的表格(此编辑功能未使用render组件)"},{"example":,"title":" 表头分组并自定义表头高度","code":"/**\n *\n * @title 表头分组并自定义表头高度\n * @description columns[n] 可以内嵌 children,以渲染分组表头。\n * 自定义表头高度需要传headerHeight,注:修改th的padding top和bottom置为0,否则会有影响\n *\n */\n\nimport React, { Component } from \"react\";\nimport { Table, Button } from 'tinper-bee';\n\nconst { ColumnGroup, Column } = Table;\n\nconst columns = [\n {\n title: \"Name\",\n dataIndex: \"name\",\n key: \"name\",\n width: 100,\n fixed: \"left\"\n },\n {\n title: \"Other\",\n width:600,\n children: [\n {\n title: \"Age\",\n dataIndex: \"age\",\n key: \"age\",\n width: 200\n },\n {\n title: \"Address\",\n children: [\n {\n title: \"Street\",\n dataIndex: \"street\",\n key: \"street\",\n width: 200\n },\n {\n title: \"Block\",\n children: [\n {\n title: \"Building\",\n dataIndex: \"building\",\n key: \"building\",\n width: 100\n },\n {\n title: \"Door No.\",\n dataIndex: \"number\",\n key: \"number\",\n width: 100\n }\n ]\n }\n ]\n }\n ]\n },\n {\n title: \"Company\",\n width:400,\n children: [\n {\n title: \"Company Address\",\n dataIndex: \"companyAddress\",\n key: \"companyAddress\",\n width:200,\n },\n {\n title: \"Company Name\",\n dataIndex: \"companyName\",\n key: \"companyName\",\n width:200,\n }\n ]\n },\n {\n title: \"Gender\",\n dataIndex: \"gender\",\n key: \"gender\",\n width: 60,\n fixed: \"right\"\n }\n];\n\nconst data = [];\nfor (let i = 0; i < 20; i++) {\n data.push({\n key: i,\n name: \"John Brown\",\n age: i + 1,\n street: \"Lake Park\",\n building: \"C\",\n number: 2035,\n companyAddress: \"Lake Street 42\",\n companyName: \"SoftLake Co\",\n gender: \"M\"\n });\n}\n\nclass Demo3 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" columns[n] 可以内嵌 children,以渲染分组表头。","scss_code":".demo3{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}"},{"example":,"title":" 树形数据展示","code":"/**\n*\n* @title 树形数据展示\n* @description 通过在data中配置children数据,来自动生成树形数据\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\n\n\nconst columns4 = [\n {\n title: \"Name\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"40%\"\n },\n {\n title: \"Age\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"30%\"\n },\n {\n title: \"Address\",\n dataIndex: \"address\",\n key: \"address\"\n }\n];\n\nconst data4 = [\n {\n key: 1,\n name: \"John Brown sr.\",\n age: 60,\n address: \"New York No. 1 Lake Park\",\n children: [\n {\n key: 11,\n name: \"John Brown\",\n age: 42,\n address: \"New York No. 2 Lake Park\"\n },\n {\n key: 12,\n name: \"John Brown jr.\",\n age: 30,\n address: \"New York No. 3 Lake Park\",\n children: [\n {\n key: 121,\n name: \"Jimmy Brown\",\n age: 16,\n address: \"New York No. 3 Lake Park\"\n }\n ]\n },\n {\n key: 13,\n name: \"Jim Green sr.\",\n age: 72,\n address: \"London No. 1 Lake Park\",\n children: [\n {\n key: 131,\n name: \"Jim Green\",\n age: 42,\n address: \"London No. 2 Lake Park\",\n children: [\n {\n key: 1311,\n name: \"Jim Green jr.\",\n age: 25,\n address: \"London No. 3 Lake Park\"\n },\n {\n key: 1312,\n name: \"Jimmy Green sr.\",\n age: 18,\n address: \"London No. 4 Lake Park\"\n }\n ]\n }\n ]\n }\n ]\n },\n {\n key: 2,\n name: \"Joe Black\",\n age: 32,\n address: \"Sidney No. 1 Lake Park\"\n }\n];\nclass Demo4 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data4,\n factoryValue: 0,\n selectedRow: new Array(data4.length)//状态同步\n }\n }\n\n render() {\n return {\n if (this.state.selectedRow[index]) {\n return 'selected';\n } else {\n return '';\n }\n }}\n onRowClick={(record,index,indent)=>{\n let selectedRow = new Array(this.state.data.length);\n selectedRow[index] = true;\n this.setState({\n factoryValue: record,\n selectedRow: selectedRow\n });\n }}\n \n columns={columns4} data={data4} />;\n }\n}\n\n\n","desc":" 通过在data中配置children数据,来自动生成树形数据"},{"example":,"title":" 固定列","code":"/**\n*\n* @title 固定列\n* @description 固定列到表格的某侧\n*\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\n\n\n\nconst columns5 = [\n {\n title: \"Full Name\",\n width: 100,\n dataIndex: \"name\",\n key: \"name\",\n fixed: \"left\"\n },\n { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\", fixed: \"left\" },\n { title: \"address\", dataIndex: \"address\", key: \"address\" }\n];\n\nconst data5 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n address: \"New York Park\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n }\n];\n\nclass Demo5 extends Component {\n render() {\n return ;\n }\n}\n\n","desc":" 固定列到表格的某侧"},{"example":,"title":" 固定表头","code":"/**\n*\n* @title 固定表头\n* @description 方便一页内展示大量数据。需要指定 column 的 width 属性,否则列头和内容可能不对齐。(还可以设置scroll来支持横向或纵向滚动)\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;;\nconst DragColumnTable = dragColumn(Table);\n\nconst columns6 = [\n {\n title: \"Full Name\",\n width: 100,\n dataIndex: \"name\",\n key: \"name\"\n },\n { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\"},\n { title: \"Address\", dataIndex: \"address\", key: \"1\" }\n];\n\nconst data6 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n address: \"New York Park\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },{\n key: \"11\",\n name: \"John Brown\",\n age: 32,\n address: \"New York Park\"\n },\n {\n key: \"12\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"13\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"14\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n }\n];\n\nclass Demo6 extends Component {\n render() {\n return ;\n }\n}\n\n","desc":" 方便一页内展示大量数据。需要指定 column 的 width 属性,否则列头和内容可能不对齐。(还可以设置scroll来支持横向或纵向滚动)"},{"example":,"title":" 主子表","code":"/**\n *\n * @title 主子表\n * @description 主表点击子表联动\n *\n */\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\n\nconst columns7 = [\n { title: \"班级\", dataIndex: \"a\", key: \"a\" },\n { title: \"人数\", dataIndex: \"b\", key: \"b\" },\n { title: \"班主任\", dataIndex: \"c\", key: \"c\" },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst data7 = [\n { a: \"02级一班\", b: \"2\", c: \"欧阳锋\", d: \"大侠\", key: \"1\" },\n { a: \"03级二班\", b: \"3\", c: \"归海一刀\", d: \"大侠\", key: \"2\" },\n { a: \"05级三班\", b: \"1\", c: \"一拳超人\", d: \"愣头青\", key: \"3\" }\n];\n\nconst columns7_1 = [\n { title: \"姓名\", dataIndex: \"a\", key: \"a\" },\n { title: \"班级\", dataIndex: \"b\", key: \"b\" },\n { title: \"系别\", dataIndex: \"c\", key: \"c\" }\n];\n\nclass Demo7 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n children_data: []\n };\n }\n\n rowclick = (record, index) => {\n if (record.a === \"02级一班\") {\n this.setState({\n children_data: [\n { a: \"郭靖\", b: \"02级一班\", c: \"文学系\", key: \"1\" },\n { a: \"黄蓉\", b: \"02级一班\", c: \"文学系\", key: \"2\" }\n ]\n });\n } else if (record.a === \"03级二班\") {\n this.setState({\n children_data: [\n { a: \"杨过\", b: \"03级二班\", c: \"外语系\", key: \"1\" },\n { a: \"小龙女\", b: \"03级二班\", c: \"外语系\", key: \"2\" },\n { a: \"傻姑\", b: \"03级二班\", c: \"外语系\", key: \"3\" }\n ]\n });\n } else if (record.a === \"05级三班\") {\n this.setState({\n children_data: [{ a: \"金圣叹\", b: \"05级三班\", c: \"美术系\", key: \"1\" }]\n });\n }\n };\n\n render() {\n return (\n \n
标题: 我是主表
}\n />\n 标题: 我是子表
}\n />\n \n );\n }\n}\n\n\n","desc":" 主表点击子表联动"},{"example":,"title":" 表格+分页","code":"/**\n *\n * @title 表格+分页\n * @description 点击分页联动表格\n */\n\nimport React, { Component } from \"react\";\n\nimport { Table, Pagination } from 'tinper-bee';\n\nconst columns8 = [\n { title: \"姓名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst pageData = {\n 1: [\n { a: \"杨过\", b: \"男\", c: 30, d: \"内行\", key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"大侠\", key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"大侠\", key: \"3\" }\n ],\n 2: [\n { a: \"芙蓉姐姐\", b: \"女\", c: 23, d: \"大侠\", key: \"1\" },\n { a: \"芙蓉妹妹\", b: \"女\", c: 23, d: \"内行\", key: \"2\" }\n ]\n};\n\nclass Demo8 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: pageData[1],\n activePage: 1\n };\n }\n\n handleSelect(eventKey) {\n this.setState({\n data: pageData[eventKey],\n activePage: eventKey\n });\n }\n\n render() {\n return (\n \n );\n }\n}\n\n","desc":" 点击分页联动表格"},{"example":,"title":" 表格+搜索","code":"/**\n *\n * @title 表格+搜索\n * @description 搜索刷新表格数据\n *\n *\n * import {Table} from 'tinper-bee';\n */\n\nimport React, { Component } from \"react\";\n\nimport { Table, FormControl, InputGroup, Icon } from 'tinper-bee';\n\nclass Search extends Component {\n state = {\n searchValue: \"\",\n empty: false\n };\n\n /**\n * 搜索\n */\n handleSearch = () => {\n let { onSearch } = this.props;\n this.setState({\n empty: true\n });\n onSearch && onSearch(this.state.searchValue);\n };\n\n /**\n * 捕获回车\n * @param e\n */\n handleKeyDown = e => {\n if (e.keyCode === 13) {\n this.handleSearch();\n }\n };\n\n /**\n * 输入框改变\n * @param e\n */\n handleChange = (e) => {\n this.setState({\n searchValue: e\n });\n };\n\n /**\n * 清空输入框\n */\n emptySearch = () => {\n let { onEmpty } = this.props;\n this.setState({\n searchValue: \"\",\n empty: false\n });\n onEmpty && onEmpty();\n };\n\n render() {\n return (\n \n \n {this.state.empty ? (\n \n ) : null}\n\n \n \n \n \n );\n }\n}\n\nconst columns9 = [\n {\n title: \"姓名\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst userData = [\n { a: \"杨过\", b: \"男\", c: 30, d: \"内行\", key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"大侠\", key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"大侠\", key: \"3\" }\n];\n\nclass Demo9 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: userData\n };\n }\n\n handleSearch = value => {\n if (value === \"\") {\n return this.setState({\n data: userData\n });\n }\n let regExp = new RegExp(value, \"ig\");\n let data = userData.filter(item => regExp.test(item.a));\n this.setState({\n data\n });\n };\n\n handleEmpty = () => {\n this.setState({\n data: userData\n });\n };\n\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 搜索刷新表格数据"},{"example":,"title":" 无数据时显示","code":"/**\n*\n* @title 无数据时显示\n* @description 无数据时显示效果展示(可自定义)\n *\n* import {Table} from 'tinper-bee';\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\n\n\nconst columns10 = [\n {\n title: \"Name\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"40%\"\n },\n {\n title: \"Age\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"30%\"\n },\n {\n title: \"Address\",\n dataIndex: \"address\",\n key: \"address\"\n }\n ];\n \n const data10 = [\n \n ];\n\n const emptyFunc = () => 这里没有数据!\n \n class Demo10 extends Component {\n render() {\n return ;\n }\n }\n\n","desc":" 无数据时显示效果展示(可自定义)"},{"example":,"title":" 列排序","code":"/**\n* @description column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称\n* @title 列排序\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Icon } from 'tinper-bee';\nimport sort from \"tinper-bee/lib/sort.js\";;\nlet ComplexTable = sort(Table, Icon);\nconst columns11 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst data11 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\n];\n\nconst defaultProps11 = {\n prefixCls: \"bee-table\"\n};\nclass Demo11 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n render() {\n\n return ;\n }\n}\nDemo11.defaultProps = defaultProps11;\n\n\n","desc":" column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称"},{"example":,"title":" 全选功能","code":"/**\n*\n* @title 全选功能\n* @description 点击表格左列按钮即可选中,并且在选中的回调函数中能获取到选中的数据(未使用封装好的全选功能)\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Checkbox } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\n\nconst columns12 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst data12 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\",_checked:true },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" ,_checked:true},\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" ,_checked:true}\n];\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\nlet MultiSelectTable = multiSelect(Table, Checkbox);\n\nclass Demo12 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: data12\n };\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n \n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n return (\n \n );\n }\n}\n\n","desc":" 点击表格左列按钮即可选中,并且在选中的回调函数中能获取到选中的数据(未使用封装好的全选功能)"},{"example":,"title":" 多列排序、全选功能、合计","code":"/**\n *\n * @title 多列排序、全选功能、合计\n * @description 多列排序、全选功能、合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)新增回调函数(sorterClick)\n *\n */\n\nimport React, { Component } from \"react\";\nimport { Table, Icon, Button, Checkbox } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nimport sum from \"tinper-bee/lib/sum.js\";;\n\nconst columns13 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n className:'dfasd',\n width: 200\n },\n {\n title: \"功力指数\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"成绩\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n width: 200\n }\n];\n\nconst data13 = [\n { a: \"杨过\", b: 675, c: 30, d: \"内行\",e:100, key: \"2\" },\n { a: \"令狐冲\", b: 43, c: 41, d: \"大侠\",e:90, key: \"1\" },\n { a: \"令狐冲1\", b: 43, c: 81, d: \"大侠\", e:120,key: \"4\" },\n { a: \"令狐冲2\", b: 43, c: 81, d: \"大侠\", e:130,key: \"5\" },\n { a: \"郭靖\", b: 153, c: 25, d: \"大侠\",e:90, key: \"3\" }\n];\n\n\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\nlet ComplexTable = multiSelect(sum(sort(Table, Icon)), Checkbox);\n\nclass Demo13 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data13: data13,\n selectedRow: this.selectedRow,\n selectDisabled: this.selectDisabled\n };\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n selectDisabled = (record, index) => {\n // console.log(record);\n if (index === 1) {\n return true;\n }\n return false;\n };\n selectedRow = (record, index) => {\n // console.log(record);\n if (index === 0) {\n return true;\n }\n return false;\n };\n onClick = () => {\n this.setState({\n selectedRow: function() {}\n });\n };\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let sortObj = {\n mode:'multiple'\n }\n \n return (\n \n \n \n
\n );\n }\n}\n","desc":" 多列排序、全选功能、合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)新增回调函数(sorterClick)"},{"example":,"title":" 编辑态表格","code":"/**\n*\n* @title 编辑态表格\n* @description 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)\n*\n*/\n\nimport React from \"react\";\nimport { Table, Select, Datepicker, Checkbox, Input, Icon, Form, Button, Tooltip, Animate } from 'tinper-bee';\nimport renderInput from \"tinper-bee/lib/InputRender.js\";;\nimport renderDate from \"tinper-bee/lib/DateRender.js\";;\nimport renderSelect from \"tinper-bee/lib/SelectRender.js\";;\n\nconst InputRender = renderInput(Form, Input, Icon);\nconst DateRender = renderDate(Datepicker, Icon);\nconst SelectRender = renderSelect(Select, Icon);\n\nconst format = \"YYYY-MM-DD\";\nconst format2 = \"YYYY-MM\";\nconst format3 = \"YYYY-MM-DD HH:mm:ss\";\n\nconst dateInputPlaceholder = \"选择日期\";\nconst dateInputPlaceholder2 = \"选择年月\";\nconst dataSource = [\n {\n key: \"boyuzhou\",\n value: \"jack\"\n },\n {\n key: \"renhualiu\",\n value: \"lucy\"\n },\n {\n key: \"yuzhao\",\n value: \"yiminghe\"\n }\n];\nclass Demo14 extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataSource: [\n {\n key: \"0\",\n name: \"沉鱼\",\n number: \"10\",\n age: \"y\",\n address: \"jack\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"1\",\n name: \"落雁\",\n number: \"100\",\n age: \"y\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"2\",\n name: \"闭月\",\n number: \"1000\",\n age: \"n\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"3\",\n name: \"羞花\",\n number: \"9999\",\n age: \"y\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n }\n ],\n count: 4\n };\n this.columns = [\n {\n title: \"普通输入\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"150px\",\n render: (text, record, index) => (\n \n \n \n }\n />\n )\n },\n {\n title: \"货币输入\",\n dataIndex: \"number\",\n key: \"number\",\n width: \"150px\",\n render: (text, record, index) => (\n \n \n \n }\n reg={/^[0-9]+$/}\n />\n )\n },\n {\n title: \"复选\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"100px\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"下拉框\",\n dataIndex: \"address\",\n key: \"address\",\n width: \"200px\",\n render: (text, record, index) => {\n return (\n \n \n \n \n \n \n );\n }\n },\n {\n title: \"年月日\",\n dataIndex: \"datepicker\",\n key: \"datepicker\",\n width: \"200px\",\n render: (text, record, index) => {\n return (\n \n );\n }\n },\n {\n title: \"年月\",\n dataIndex: \"MonthPicker\",\n key: \"MonthPicker\",\n width: \"200px\",\n render: (text, record, index) => {\n return (\n \n );\n }\n }\n ];\n }\n check = (flag, obj) => {\n console.log(flag);\n console.log(obj);\n };\n\n onInputChange = (index, key) => {\n return value => {\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n onCheckChange = (index, key) => {\n return value => {\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n onSelectChange = (index, key) => {\n return value => {\n console.log(`selected ${value}`);\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n onDateChange = d => {\n console.log(d);\n };\n onDateSelect = d => {\n console.log(d);\n };\n onDelete = index => {\n return () => {\n const dataSource = [...this.state.dataSource];\n dataSource.splice(index, 1);\n this.setState({ dataSource });\n };\n };\n handleAdd = () => {\n const { count, dataSource } = this.state;\n const newData = {\n key: count,\n name: `凤姐 ${count}`,\n age: 32,\n address: \"jack\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n };\n this.setState({\n dataSource: [...dataSource, newData],\n count: count + 1\n });\n };\n\n getBodyWrapper = body => {\n return (\n \n {body.props.children}\n \n );\n };\n getData = () => {\n console.log(this.state.dataSource);\n };\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n
\n
\n
\n
\n );\n }\n}\n\n\n","desc":" 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)"},{"example":,"title":" 表格行/列合并","code":"/**\n*\n* @title 表格行/列合并\n* @description 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\n\nconst renderContent = (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n};\n\nconst columns = [{\n title: 'Name',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: 'Age',\n key: \"Age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: 'Home phone',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 2) {\n obj.props.rowSpan = 2;\n }\n if (index === 3) {\n obj.props.rowSpan = 0;\n }\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n },\n}, {\n title: 'Phone',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: 'Address',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\nconst data = [{\n key: '1',\n name: 'John Brown',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: 'New York No. 1 Lake Park',\n}, {\n key: '2',\n name: 'Jim Green',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: 'London No. 1 Lake Park',\n}, {\n key: '3',\n name: 'Joe Black',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Sidney No. 1 Lake Park',\n}, {\n key: '4',\n name: 'Jim Red',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'London No. 2 Lake Park',\n}, {\n key: '5',\n name: 'Jake White',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Dublin No. 2 Lake Park',\n}];\n\nclass Demo15 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n\n","desc":" 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。"},{"example":,"title":" 嵌套子表格","code":"/**\n*\n* @title 嵌套子表格\n* @description 通过expandedRowRender参数来实现子表格\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\n\nconst columns16 = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:200,\n render(text, record, index) {\n return (\n {\n alert(\"这是第\" + index + \"列,内容为:\" + text);\n }}\n >\n 一些操作\n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst columns17 = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:200,\n render(text, record, index) {\n return (\n {\n alert(\"这是第\" + index + \"列,内容为:\" + text);\n }}\n >\n 一些操作\n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\n\nconst data16 = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\n];\n\n\nclass Demo16 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{}\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 42 * (this.state.data_obj[record.key].length+ 2);\n \n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n render() {\n return (\n 标题: 这是一个标题
}\n footer={currentData => 表尾: 我是小尾巴
}\n />\n );\n }\n}\n\n\n","desc":" 通过expandedRowRender参数来实现子表格"},{"example":,"title":" loading属性指定表格是否加载中","code":"/**\n*\n* @title loading属性指定表格是否加载中\n* @description loading可以传boolean或者obj对象,obj为bee-loading组件的参数类型\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Button } from 'tinper-bee';\n\nconst columns17 = [\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n render(text, record, index) {\n return (\n {\n alert('这是第'+index+'列,内容为:'+text);\n }}\n >\n 一些操作\n \n );\n }\n }\n];\n\nconst data17 = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\n];\n\nclass Demo17 extends Component {\n constructor(props){\n super(props);\n this.state = {\n loading : true\n }\n }\n changeLoading = () => {\n this.setState({\n loading : !this.state.loading\n })\n }\n render() {\n return (\n \n
\n
标题: 这是一个标题
}\n footer={currentData => 表尾: 我是小尾巴
}\n // loading={this.state.loading}或者是boolean\n loading={{show:this.state.loading,loadingType:\"line\"}}\n />\n \n );\n }\n}\n\n\n","desc":" loading可以传boolean或者obj对象,obj为bee-loading组件的参数类型"},{"example":,"title":" 合并标题后的合计,且支持多字段统计","code":"/**\n *\n * @title 合并标题后的合计,且支持多字段统计\n * @description 合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)\n *\n */\n\nimport React, { Component } from \"react\";\nimport { Table, Button } from 'tinper-bee'; \nimport sum from \"tinper-bee/lib/sum.js\";;\n \nlet ComplexTable = sum(Table);\n\nconst columns = [\n {\n title: \"Name\",\n dataIndex: \"name\",\n key: \"name\",\n width: 100,\n fixed: \"left\"\n },\n {\n title: \"Other\",\n children: [\n {\n title: \"Age\",\n dataIndex: \"age\",\n key: \"age\",\n width: 200,\n sumCol: true,\n },\n {\n title: \"Address\",\n children: [\n {\n title: \"Street\",\n dataIndex: \"street\",\n key: \"street\",\n width: 200\n },\n {\n title: \"Block\",\n children: [\n {\n title: \"Building\",\n dataIndex: \"building\",\n key: \"building\",\n width: 100\n },\n {\n title: \"Door No.\",\n dataIndex: \"number\",\n key: \"number\",\n // width: 100,\n sumCol: true,\n }\n ]\n }\n ]\n }\n ]\n },\n // {\n // title: \"Company\",\n // children: [\n // {\n // title: \"Company Address\",\n // dataIndex: \"companyAddress\",\n // key: \"companyAddress\",\n // width: 100,\n // },\n // {\n // title: \"Company Name\",\n // dataIndex: \"companyName\",\n // key: \"companyName\",\n // width: 100,\n // }\n // ]\n // },\n {\n title: \"Gender\",\n dataIndex: \"gender\",\n key: \"gender\",\n width: 80,\n fixed: \"right\"\n }\n];\n\nfunction getData(){\n const data = [];\n for (let i = 0; i < 5; i++) {\n data.push({\n key: i,\n name: \"John Brown\"+i,\n age: i + Math.floor(Math.random()*10),\n street: \"Lake Park\",\n building: \"C\",\n number: 20 * Math.floor(Math.random()*10),\n companyAddress: \"Lake Street 42\",\n companyName: \"SoftLake Co\",\n gender: \"M\"\n });\n }\n return data;\n}\n\nclass Demo18 extends Component {\n \n constructor(props) {\n super(props);\n this.state = {\n data: getData()\n };\n }\n\n changeData = ()=>{\n this.setState({\n data: getData()\n });\n }\n\n render() {\n const {data} = this.state;\n return (\n \n \n\n \n
\n );\n }\n}\n\n","desc":" 合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)"},{"example":,"title":" 编辑态表格","code":"/**\n*\n* @title 编辑态表格\n* @description 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)\n*\n*/\n\nimport React from \"react\";\nimport { Table, Select, Form, Input, Icon, Tooltip, Animate, Button } from 'tinper-bee';\nimport renderInput from \"tinper-bee/lib/InputRender.js\";;\nimport renderSelect from \"tinper-bee/lib/SelectRender.js\";;\n\nconst InputRender = renderInput(Form, Input, Icon);\nconst SelectRender = renderSelect(Select, Icon);\n\nconst Option = Select.Option;\n\nconst dataSource = [\n {\n key: \"boyuzhou\",\n value: \"jack\"\n },\n {\n key: \"renhualiu\",\n value: \"lucy\"\n },\n {\n key: \"yuzhao\",\n value: \"yiminghe\"\n }\n];\nclass Demo19 extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataSource: [\n {\n key: \"0\",\n name: \"沉鱼\",\n number: \"10\",\n age: \"y\",\n address: \"jack\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"1\",\n name: \"落雁\",\n number: \"100\",\n age: \"y\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"2\",\n name: \"闭月\",\n number: \"1000\",\n age: \"n\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"3\",\n name: \"羞花\",\n number: \"9999\",\n age: \"y\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n }\n ],\n count: 4\n };\n this.columns = [ \n {\n title: \"货币输入\",\n dataIndex: \"number\",\n key: \"number\",\n width: \"150px\",\n render: (text, record, index) => (\n \n \n \n }\n reg={/^[0-9]+$/}\n />\n )\n },\n \n {\n title:(下拉框的div
),\n dataIndex: \"address\",\n key: \"address\",\n width: \"200px\",\n render: (text, record, index) => {\n return (\n \n \n \n \n \n \n );\n }\n }\n ];\n }\n check = (flag, obj) => {\n console.log(flag);\n console.log(obj);\n };\n\n handFocus = (value,e) => {\n console.log(value+` 获取焦点事件`);\n };\n onBlur = (value,e) => {\n console.log(value+` onBlur`);\n };\n\n onInputChange = (index, key) => {\n return value => {\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n\n onSelectChange = (index, key) => {\n return value => {\n console.log(`selected ${value}`);\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n\n handleAdd = () => {\n const { count, dataSource } = this.state;\n const newData = {\n key: count,\n name: `凤姐 ${count}`,\n age: 32,\n address: \"jack\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n };\n this.setState({\n dataSource: [...dataSource, newData],\n count: count + 1\n });\n };\n\n getBodyWrapper = body => {\n return (\n \n {body.props.children}\n \n );\n };\n getData = () => {\n console.log(this.state.dataSource);\n };\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n
\n
\n
\n
\n );\n }\n}\n\n\n","desc":" 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)"},{"example":,"title":" 简单表格选中行的背景色、表头表尾","code":"/**\n*\n* @title 简单表格选中行的背景色、表头表尾\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip, Button } from 'tinper-bee';\n\nconst columns = [\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width:80 , className:\"rowClassName\"},\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n];\n\nconst data = [\n { a: \"令狐冲\", b: \"男\", c: 41, key: \"1\" },\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, key: \"3\" }\n];\n\nclass Demo26 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n {\n if (this.state.selectedRowIndex == index) {\n return 'selected';\n } else {\n return '';\n }\n }}\n onRowClick={(record,index,indent)=>{\n this.setState({ \n selectedRowIndex: index\n });\n }}\n title={currentData => 标题: 这是一个标题
}\n footer={currentData => 表尾: 我是小尾巴
}\n /> \n );\n }\n}\n\n\n","desc":""},{"example":,"title":" 根据列进行过滤","code":"/**\n*\n* @title 根据列进行过滤\n* @description 点击表格右侧按钮,进行表格列的数据过滤。可以自定义设置显示某列,通过ifshow属性控制,默认为true都显示。afterFilter为过滤之后的回调函数\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Popover, Checkbox, Icon } from 'tinper-bee';\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\nimport sum from \"tinper-bee/lib/sum\";;\n\nconst data21 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行',e: \"操作\", key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠',e: \"操作\", key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠',e: \"操作\", key: \"3\" }\n];\n\nconst FilterColumnTable = filterColumn(Table, Popover, Icon);\n\nconst defaultProps21 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo21 extends Component {\n constructor(props) {\n super(props);\n this.state ={\n columns21: [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\"\n // width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n // width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n ifshow:false,\n // width: 200,\n // sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n },\n {\n title: \"操作\",\n dataIndex: \"e\",\n key: \"e\",\n render(text, record, index){\n return (\n \n );\n }\n }\n ]};\n }\n afterFilter = (optData,columns)=>{\n if(optData.key == 'b'){\n if(optData.ifshow){\n columns[2].ifshow = false;\n }else{\n columns[2].ifshow = true;\n }\n this.setState({\n columns21 :columns,\n showFilterPopover:true\n });\n }\n \n }\n \n render() {\n \n return ;\n }\n}\nDemo21.defaultProps = defaultProps21;\n\n\n","desc":" 点击表格右侧按钮,进行表格列的数据过滤。可以自定义设置显示某列,通过ifshow属性控制,默认为true都显示。afterFilter为过滤之后的回调函数"},{"example":,"title":" 列的拖拽,交换表头的顺序","code":"/**\n*\n* @title 列的拖拽,交换表头的顺序\n* @description 点击列的表头,进行左右拖拽\n*/\nimport React, { Component } from 'react';\nimport { Table, Icon } from 'tinper-bee'; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\n\nconst columns22 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n width: 200,\n }\n];\n\nconst data22 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nconst defaultProps22 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props); \n }\n \n render() {\n return ;\n }\n}\nDemo22.defaultProps = defaultProps22;\n\n\n","desc":" 点击列的表头,进行左右拖拽"},{"example":,"title":" 拖拽调整列的宽度","code":"/**\n*\n* @title 拖拽调整列的宽度\n* @description 注:不支持tree结构的表头、合并表头的table【目前支持表头拖拽宽度、交互列一起使用】\n*/\nimport React, { Component } from 'react';\nimport { Table, Icon } from 'tinper-bee'; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\n\nconst columns23 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: '200',\n fixed:'left'\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: '600'\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: '200',\n sumCol: true,\n sorter: (a, b) => a.c - b.c\n }, \n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n }\n];\n\nconst data23 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"31\" } , { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"21\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"11\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"32\" } , { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"22\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"12\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nconst defaultProps23 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo23 extends Component {\n constructor(props) {\n super(props); \n }\n\n render() {\n return {\n console.log(width+\"--调整列宽后触发事件\",e.target);\n }}\n />;\n }\n}\nDemo23.defaultProps = defaultProps23;\n\n\n","desc":" 注:不支持tree结构的表头、合并表头的table【目前支持表头拖拽宽度、交互列一起使用】"},{"example":,"title":" 动态设置固、取消固定列","code":"/**\n*\n* @title 动态设置固、取消固定列\n* @description 动态设置固、取消固定列\n* @description 动态固定列设置 一个table动态设置一个方向【fixed: \"left\",fixed: \"right\"】。\n*\n*/\nimport React, { Component } from 'react';\nimport { Table, Dropdown, Menu, Icon } from 'tinper-bee';\n\n\nconst { Item } = Menu;\n// const columns24 = [\n// {\n// title: \"Full Name\",\n// width: 100,\n// dataIndex: \"name\",\n// key: \"name\",\n// fixed: \"left\",\n// },\n// { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\", fixed: \"left\" },\n// { title: \"Column 1\", dataIndex: \"address\", key: \"1\" },\n// { title: \"Column 2\", dataIndex: \"address2\", key: \"2\" },\n// { title: \"Column 3\", dataIndex: \"address\", key: \"3\" },\n// { title: \"Column 4\", dataIndex: \"address\", key: \"4\" },\n// { title: \"Column 24\", dataIndex: \"address\", key: \"24\" },\n// { title: \"Column 6\", dataIndex: \"address\", key: \"6\" },\n// { title: \"Column 7\", dataIndex: \"address\", key: \"7\" },\n// { title: \"Column 8\", dataIndex: \"address\", key: \"8\" }\n// ];\n\n\nconst columns24 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100,\n fixed: \"left\",\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100,\n fixed: \"left\",\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100, \n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n width: 150 \n },\n {\n title: \"对手\",\n dataIndex: \"e\",\n key: \"e\",\n width: 100 \n },\n {\n title: \"帮派\",\n dataIndex: \"f\",\n key: \"f\",\n width: 100 \n },\n {\n title: \"武功类型\",\n dataIndex: \"g\",\n key: \"g\",\n width: 100 \n },\n {\n title: \"师傅\",\n dataIndex: \"k\",\n key: \"k\",\n // width: 100 \n },\n {\n title: \"攻击系数\",\n dataIndex: \"h\",\n key: \"h\",\n width: 100 \n }\n];\n\n\nconst data24 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行',e:'黄荣',f:'古墓派',g:'剑术',k:'小龙女',h:'0.5', key: \"1\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'剑客',e:'自己',f:'无',g:'剑术',k:'无',h:'0.5', key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠',e:'黄荣',f:'朝廷',g:'内容',k:'外侵势力',h:'0.6', key: \"3\" }\n]; \n \nclass Demo24 extends Component {\n\n constructor(props) {\n super(props);\n // let columns = [];\n // Object.assign(columns,columns24);\n // columns.forEach(da=>da.onHeadCellClick=this.onHeadCellClick);\n this.state = {\n columns:columns24\n }\n }\n\n \n onSelect = ({key,item})=>{ \n console.log(`${key} selected`); //获取key\n let currentObject = item.props.data; //获取选中对象的数据\n let {columns} = this.state;\n let fixedCols = [];\n let nonColums = [];\n columns.find(da=>{\n if(da.key == key){\n da.fixed?delete da.fixed:da.fixed = 'left';\n }\n da.fixed?fixedCols.push(da):nonColums.push(da);\n });\n \n columns = [...fixedCols,...nonColums]\n\n this.setState({\n columns\n });\n }\n //表头增加下拉菜单\n renderColumnsDropdown(columns) {\n const icon ='uf-arrow-down';\n \n return columns.map((originColumn,index) => {\n let column = Object.assign({}, originColumn);\n let menuInfo = [], title='锁定';\n if(originColumn.fixed){\n title = '解锁'\n }\n menuInfo.push({\n info:title,\n key:originColumn.key,\n index:index\n });\n const menu = (\n )\n column.title = (\n \n {column.title}\n \n \n \n \n \n );\n return column;\n });\n \n }\n\n render() {\n let {columns} = this.state;\n columns = this.renderColumnsDropdown(columns);\n return ;\n }\n}\n\n","desc":" 动态设置固、取消固定列","scss_code":"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"},{"example":,"title":" 根据列进行过滤、拖拽交换列综合使用案例","code":"/**\n* @title 根据列进行过滤、拖拽交换列综合使用案例\n* @description 新增属性【checkMinSize 当前表格显示最少列数 】 1. 当所有列都设置了width属性后,需要给table增加checkMinSize属性 2. 所有列不设置width。\n*/\n\n/**注:\n * 在使用过滤列的时候,如果每一列都设置了width属性,勾选的时候回出现重复列问题。当表格的宽度小于合计宽度的时候,就会出现此问题。 \n * 必须有个别列不设置width属性,即可避免此问题。\n */\nimport React, { Component } from 'react';\nimport { Table, Popover, Checkbox, Icon } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nimport sum from \"tinper-bee/lib/sum\";;\n\n //Cloumns1\nfunction getCloumns(){\n const column = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 100, \n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 300\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 100,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:100,\n fixed: \"right\",\n render(text, record, index) {\n return (\n \n )\n }\n }\n ];\n return column;\n}\n\nconst dataList = [ \n { \n index: 1, \n orderCode:\"2343\", \n supplierName: \"xxx\",\n type_name: \"123\",\n purchasing:'内行', \n purchasingGroup:\"323\",\n voucherDate:\"kkkk\",\n approvalState_name:\"vvvv\",\n confirmState_name:\"aaaa\",\n closeState_name:\"vnnnnn\",\n d:\"操作\",\n key: \"1\"\n }, \n { \n index: 2, \n _checked:true,\n orderCode:\"222\", \n supplierName: \"22xxx\",\n type_name: \"1223\",\n purchasing:'内行2', \n purchasingGroup:\"3223\",\n voucherDate:\"222kk\",\n approvalState_name:\"22vvvv\",\n confirmState_name:\"2aaaa\",\n closeState_name:\"2vnnnnn\",\n d:\"2操作\",\n key: \"2\"\n },\n { \n index: 3, \n orderCode:\"222\", \n supplierName: \"22xxx\",\n _disabled:true,\n type_name: \"1223\",\n purchasing:'内行2', \n purchasingGroup:\"3223\",\n voucherDate:\"222kk\",\n approvalState_name:\"22vvvv\",\n confirmState_name:\"2aaaa\",\n closeState_name:\"2vnnnnn\",\n d:\"3操作\",\n key: \"3\"\n },\n { \n index: 4, \n orderCode:\"222\", \n supplierName: \"22xxx\",\n type_name: \"1223\",\n purchasing:'内行2', \n purchasingGroup:\"3223\",\n voucherDate:\"222kk\",\n approvalState_name:\"22vvvv\",\n confirmState_name:\"2aaaa\",\n closeState_name:\"2vnnnnn\",\n d:\"4操作\",\n key: \"4\"\n },\n]\n\nconst DragColumnTable = filterColumn(dragColumn(multiSelect(Table, Checkbox)),Popover);\n\nconst defaultProps25 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo25 extends Component {\n constructor(props) {\n super(props);\n }\n\n getSelectedDataFunc=(data)=>{\n console.log(\"data\",data);\n }\n \n getCloumnsScroll=(columns)=>{\n let sum = 0;\n columns.forEach((da)=>{\n sum += da.width;\n })\n console.log(\"sum\",sum);\n return (sum);\n }\n\n selectedRow=(record, index)=>{\n\n }\n\n render() {\n let columns = getCloumns();\n \n return \n \n
\n }\n}\nDemo25.defaultProps = defaultProps25;\n\n\n","desc":" 新增属性【checkMinSize 当前表格显示最少列数 】 1. 当所有列都设置了width属性后,需要给table增加checkMinSize属性 2. 所有列不设置width。"},{"example":,"title":" 按条件和值过滤","code":"/**\n*\n* @title 按条件和值过滤\n* @description 可以根据输入项目以及判断条件对表格内的数据进行过滤\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\n\n\nconst columns26 = [\n { title: \"姓名\", width: 180, dataIndex: \"name\", key: \"name\", filterType: \"text\", filterDropdown: \"show\" },\n { title: \"年龄\", width: 150, dataIndex: \"age\", key: \"age\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"日期\", width: 200, dataIndex: \"date\", key: \"date\", filterType: \"date\", filterDropdown: \"show\", format: \"YYYY-MM-DD\" },\n { title: \"居住地址\", width: 150, dataIndex: \"address\", key: \"address\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"备注\", dataIndex: \"mark\", key: \"mark\" }\n];\n\nconst data26 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\nclass Demo26 extends Component {\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n render() {\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\n filterable={true}//是否开启过滤数据功能\n bordered\n columns={columns26}\n data={data26} />;\n }\n}\n\n","desc":" 可以根据输入项目以及判断条件对表格内的数据进行过滤"},{"example":,"title":" 组合过滤和其他功能使用","code":"/**\n*\n* @title 组合过滤和其他功能使用\n* @description 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等\n*\n*/\n\n/**\n * @description \n */\n\nimport React, { Component } from 'react';\nimport { Table, Dropdown, Menu, Icon, Checkbox } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\n\nconst { Item } = Menu;\nconst SubMenu = Menu.SubMenu;\nconst MenuItemGroup = Menu.ItemGroup;\n\n\nconst dataList = [\n { \"key\": \"1\", value: \"库存明细\", id: \"a\" },\n { \"key\": \"2\", value: \"订单明细\", id: \"v\" },\n { \"key\": \"3\", value: \"发货明细\", id: \"c\" }\n]\n\nconst data27 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\nclass Demo27 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n dropdownvalue: []\n }\n }\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onClick = (item) => {\n console.log(item);\n }\n\n render() {\n const menu1 = (\n )\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n {\n title: \"\", width: 40, dataIndex: \"key\", key: \"key\", render: (text, record, index) => {\n return \n \n \n }\n },\n {\n title: \"姓名\",\n width: 180,\n dataIndex: \"name\",\n key: \"name\",\n filterType: \"text\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"年龄\",\n width: 180,\n dataIndex: \"age\",\n key: \"age\",\n filterType: \"number\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"日期\",\n width: 190,\n dataIndex: \"date\",\n key: \"date\",\n filterType: \"date\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"时间范围\",\n width: 290,\n dataIndex: \"mark\",\n key: \"mark\",\n filterType: \"daterange\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"地址\",\n width: 100,\n dataIndex: \"address\",\n key: \"address\",\n filterType: \"dropdown\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n }\n ];\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认500ms\n filterable={true}//是否开启过滤数据功能\n getSelectedDataFunc={this.getSelectedDataFunc}\n bordered\n multiSelect={multiObj}\n columns={columns27}\n data={data27} />;\n }\n}\n\n","desc":" 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等"},{"example":,"title":" 列排序,后端排序","code":"/**\n*\n* @title 列排序,后端排序\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Icon } from 'tinper-bee';\nimport sort from \"tinper-bee/lib/sort.js\";;\nlet ComplexTable = sort(Table, Icon);\nconst columns11 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n },\n {\n title: \"分数\",\n dataIndex: \"e\",\n key: \"e\",\n sorter: (a, b) => a.c - b.c\n },\n];\n\nconst data11 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', e:139,key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', e:109, key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', e:159, key: \"3\" }\n];\n\nconst defaultProps = {\n prefixCls: \"bee-table\"\n};\nclass Demo28 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n /**\n * 后端获取数据\n */\n sortFun = (sortParam)=>{\n console.info(sortParam);\n //将参数传递给后端排序\n }\n render() {\n let sortObj = {\n mode:'multiple',\n backSource:true,\n sortFun:this.sortFun\n }\n return ;\n }\n}\nDemo28.defaultProps = defaultProps;\n\n\n","desc":""},{"example":,"title":" 从弹出框内显示过滤行并且设置可选下拉条件","code":"/**\n*\n* @title 从弹出框内显示过滤行并且设置可选下拉条件\n* @description 通过Modal组件来展示表格的过滤相关能力,并且通过filterDropdownIncludeKeys设置可选条件\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Button, Modal } from 'tinper-bee';\n\n\nconst columns29 = [\n {\n title: \"姓名\",\n width: 180,\n dataIndex: \"name\",\n key: \"name\",\n filterType: \"text\",\n filterDropdown: \"show\",\n filterDropdownIncludeKeys: ['LIKE', 'EQ']\n },\n {\n title: \"年龄\",\n width: 170,\n dataIndex: \"age\",\n key: \"age\",\n filterType: \"number\",\n filterDropdown: \"show\",\n filterDropdownType: \"number\",\n filterDropdownIncludeKeys: ['EQ'],\n filterInputNumberOptions: {\n max: 200,\n min: 0,\n step: 1,\n precision: 0\n }\n },\n {\n title: \"日期\",\n width: 200,\n dataIndex: \"date\",\n key: \"date\",\n filterType: \"date\",\n filterDropdown: \"show\",\n format: \"YYYY-MM-DD\"\n }\n];\n\nconst data29 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\nclass Demo29 extends Component {\n constructor() {\n super();\n this.state = {\n show: false\n }\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n }\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n close() {\n this.setState({\n show: false\n });\n }\n open() {\n this.setState({\n show: true\n });\n }\n render() {\n return (\n \n 过滤行\n \n \n ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\n filterable={true}//是否开启过滤数据功能\n bordered\n columns={columns29}\n data={data29} />\n \n \n \n )\n }\n}\n\n","desc":" 通过Modal组件来展示表格的过滤相关能力,并且通过filterDropdownIncludeKeys设置可选条件"},{"example":,"title":" 大数据加载","code":"/**\n*\n* @title 大数据加载\n* 【Tooltip】\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip } from 'tinper-bee';\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'50',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo30 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n />\n\n \n );\n }\n}\n\n","desc":"","scss_code":".big-data tr td {\n // height: 48px;\n}"},{"example":,"title":" 含有嵌套子表格的大数据场景","code":"/**\n*\n* @title 含有嵌套子表格的大数据场景\n* @description 通过expandedRowRender参数来实现子表格\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst outColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:200,\n render(text, record, index) {\n return (\n {\n alert(\"这是第\" + index + \"列,内容为:\" + text);\n }}\n >\n 一些操作\n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst innerColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:200,\n render(text, record, index) {\n return (\n {\n alert(\"这是第\" + index + \"列,内容为:\" + text);\n }}\n >\n {'一些操作'+index}\n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\n\nconst data16 = [ ...new Array(10000) ].map((e, i) => {\n return { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n })\n\n\n\n\n\nclass Demo31 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{\n 0:[\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ],\n 1: [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ],\n }\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 200;\n let innderData = [ ...new Array(100) ].map((e, i) => {\n return { a: index+\"-\"+ i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: index+\"-\"+ i };\n })\n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n render() {\n return (\n 标题: 这是一个标题
}\n footer={currentData => 表尾: 我是小尾巴
}\n />\n );\n }\n}\n\n\n","desc":" 通过expandedRowRender参数来实现子表格"},{"example":,"title":" 大数据加载下的复杂Table","code":"/**\n*\n* @title 大数据加载下的复杂Table\n*\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Popover, Icon, Checkbox, Tooltip } from 'tinper-bee';\nimport BigData from \"tinper-bee/lib/bigData\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\n\nlet ComplexTable = filterColumn(multiSelect(BigData(Table), Checkbox), Popover, Icon);\n\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'50',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo32 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n getSelectedDataFunc={this.getSelectedDataFunc}/>\n\n );\n }\n}\n\n\n","desc":""},{"example":,"title":" 树状结构的大数据场景","code":"/**\n*\n* @title 树状结构的大数据场景\n* 【Tooltip】\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip } from 'tinper-bee';\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'150',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(1000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }else{\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }\n return rs;\n })\n\n\nclass Demo30 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n onExpandedRowsChange = (params)=>{\n console.log(params);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n />\n\n \n );\n }\n}\n\n\n","desc":""},{"example":,"title":" hover呼出菜单栏","code":"/**\n*\n* @title hover呼出菜单栏\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip, Button } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 80, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 300 },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n render(text, record, index) {\n return (\n \n );\n }\n }\n];\n\nconst data = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\n];\n\nclass Demo35 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n delFun=()=>{\n // console.log('click'+this.currentIndex);\n let {data} = this.state;\n data.splice(this.currentIndex,1);\n this.setState({\n data\n });\n }\n onRowHover=(index,record)=>{\n this.currentIndex = index;\n this.currentRecord = record;\n }\n getHoverContent=()=>{\n return
\n }\n render() {\n return (\n \n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n />\n\n \n );\n }\n}\n\n\n","desc":"","scss_code":".opt-btns{\n button{\n background: #505F79 ;\n height: 26px;\n color:#FFFFFF;\n line-height: 26px;\n }\n }"}]
+var Demo1 = require("./demolist/Demo1");var Demo2 = require("./demolist/Demo2");var Demo3 = require("./demolist/Demo3");var Demo4 = require("./demolist/Demo4");var Demo5 = require("./demolist/Demo5");var Demo6 = require("./demolist/Demo6");var Demo7 = require("./demolist/Demo7");var Demo8 = require("./demolist/Demo8");var Demo9 = require("./demolist/Demo9");var Demo10 = require("./demolist/Demo10");var Demo11 = require("./demolist/Demo11");var Demo12 = require("./demolist/Demo12");var Demo13 = require("./demolist/Demo13");var Demo14 = require("./demolist/Demo14");var Demo15 = require("./demolist/Demo15");var Demo16 = require("./demolist/Demo16");var Demo17 = require("./demolist/Demo17");var Demo18 = require("./demolist/Demo18");var Demo19 = require("./demolist/Demo19");var Demo20 = require("./demolist/Demo20");var Demo21 = require("./demolist/Demo21");var Demo22 = require("./demolist/Demo22");var Demo23 = require("./demolist/Demo23");var Demo24 = require("./demolist/Demo24");var Demo25 = require("./demolist/Demo25");var Demo26 = require("./demolist/Demo26");var Demo27 = require("./demolist/Demo27");var Demo28 = require("./demolist/Demo28");var Demo29 = require("./demolist/Demo29");var Demo30 = require("./demolist/Demo30");var Demo31 = require("./demolist/Demo31");var Demo32 = require("./demolist/Demo32");var Demo34 = require("./demolist/Demo34");var Demo35 = require("./demolist/Demo35");var DemoArray = [{"example":,"title":" 简单表格、文字过长,两种tip","code":"/**\r\n*\r\n* @title 简单表格、文字过长,两种tip\r\n* 【Tooltip】\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Button from \"bee-button\";\r\nimport Tooltip from \"bee-tooltip\";\r\nimport Table from \"../../src\";\r\n\r\nconst columns = [\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\r\n fixed:'left',\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 500},\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n render(text, record, index) {\r\n return (\r\n \r\n );\r\n }\r\n }\r\n];\r\n\r\nconst data = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\r\n];\r\n\r\nclass Demo1 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {\r\n this.setState({\r\n selectedRowIndex: index\r\n });\r\n }}\r\n />\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":""},{"example":,"title":" 增删改表格","code":"/**\r\n*\r\n* @title 增删改表格\r\n* @description 这是带有增删改功能的表格(此编辑功能未使用render组件)\r\n*\r\n*/\r\n\r\nimport Button from \"bee-button\";\r\nimport React, { Component } from \"react\";\r\nimport Table from \"../../src\";\r\nimport Animate from \"bee-animate\";\r\nimport Icon from \"bee-icon\";\r\nimport Input from \"bee-form-control\";\r\nimport Popconfirm from \"bee-popconfirm\";\r\n\r\nclass EditableCell extends React.Component {\r\n state = {\r\n value: this.props.value,\r\n editable: false\r\n };\r\n handleChange = e => {\r\n const value = e;\r\n this.setState({ value });\r\n };\r\n check = () => {\r\n this.setState({ editable: false });\r\n if (this.props.onChange) {\r\n this.props.onChange(this.state.value);\r\n }\r\n };\r\n edit = () => {\r\n this.setState({ editable: true });\r\n };\r\n handleKeydown = event => {\r\n if (event.keyCode == 13) {\r\n this.check();\r\n }\r\n };\r\n render() {\r\n const { value, editable } = this.state;\r\n return (\r\n \r\n {editable ? (\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n
\r\n {value || \" \"}\r\n \r\n
\r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass Demo2 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.columns = [\r\n {\r\n title: \"姓名\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"30%\",\r\n render: (text, record, index) => (\r\n \r\n )\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"age\",\r\n key: \"age\"\r\n },\r\n {\r\n title: \"你懂的\",\r\n dataIndex: \"address\",\r\n key: \"address\"\r\n },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"operation\",\r\n key: \"operation\",\r\n render: (text, record, index) => {\r\n return this.state.dataSource.length > 1 ? (\r\n \r\n \r\n \r\n ) : null;\r\n }\r\n }\r\n ];\r\n\r\n this.state = {\r\n dataSource: [\r\n {\r\n key: \"0\",\r\n name: \"沉鱼\",\r\n age: \"18\",\r\n address: \"96, 77, 89\"\r\n },\r\n {\r\n key: \"1\",\r\n name: \"落雁\",\r\n age: \"16\",\r\n address: \"90, 70, 80\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"闭月\",\r\n age: \"17\",\r\n address: \"80, 60, 80\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"羞花\",\r\n age: \"20\",\r\n address: \"120, 60, 90\"\r\n }\r\n ],\r\n count: 4\r\n };\r\n }\r\n onCellChange = (index, key) => {\r\n return value => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n onDelete = (index) => {\r\n return () => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource.splice(index, 1);\r\n this.setState({ dataSource });\r\n }\r\n };\r\n handleAdd = () => {\r\n const { count, dataSource } = this.state;\r\n const newData = {\r\n key: count,\r\n name: `凤姐 ${count}`,\r\n age: 32,\r\n address: `100 100 100`\r\n };\r\n this.setState({\r\n dataSource: [...dataSource, newData],\r\n count: count + 1\r\n });\r\n };\r\n\r\n getBodyWrapper = body => {\r\n return (\r\n \r\n {body.props.children}\r\n \r\n );\r\n };\r\n render() {\r\n const { dataSource } = this.state;\r\n const columns = this.columns;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 这是带有增删改功能的表格(此编辑功能未使用render组件)"},{"example":,"title":" 表头分组并自定义表头高度","code":"/**\r\n *\r\n * @title 表头分组并自定义表头高度\r\n * @description columns[n] 可以内嵌 children,以渲染分组表头。\r\n * 自定义表头高度需要传headerHeight,注:修改th的padding top和bottom置为0,否则会有影响\r\n *\r\n */\r\n\r\nimport Button from \"bee-button\";\r\nimport React, { Component } from \"react\";\r\nimport Table from \"../../src\";\r\n\r\nconst { ColumnGroup, Column } = Table;\r\n\r\nconst columns = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: 100,\r\n fixed: \"left\"\r\n },\r\n {\r\n title: \"Other\",\r\n width:600,\r\n children: [\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: 200\r\n },\r\n {\r\n title: \"Address\",\r\n children: [\r\n {\r\n title: \"Street\",\r\n dataIndex: \"street\",\r\n key: \"street\",\r\n width: 200\r\n },\r\n {\r\n title: \"Block\",\r\n children: [\r\n {\r\n title: \"Building\",\r\n dataIndex: \"building\",\r\n key: \"building\",\r\n width: 100\r\n },\r\n {\r\n title: \"Door No.\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: 100\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Company\",\r\n width:400,\r\n children: [\r\n {\r\n title: \"Company Address\",\r\n dataIndex: \"companyAddress\",\r\n key: \"companyAddress\",\r\n width:200,\r\n },\r\n {\r\n title: \"Company Name\",\r\n dataIndex: \"companyName\",\r\n key: \"companyName\",\r\n width:200,\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\",\r\n key: \"gender\",\r\n width: 60,\r\n fixed: \"right\"\r\n }\r\n];\r\n\r\nconst data = [];\r\nfor (let i = 0; i < 20; i++) {\r\n data.push({\r\n key: i,\r\n name: \"John Brown\",\r\n age: i + 1,\r\n street: \"Lake Park\",\r\n building: \"C\",\r\n number: 2035,\r\n companyAddress: \"Lake Street 42\",\r\n companyName: \"SoftLake Co\",\r\n gender: \"M\"\r\n });\r\n}\r\n\r\nclass Demo3 extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" columns[n] 可以内嵌 children,以渲染分组表头。","scss_code":".demo3{\r\n .u-table-thead th {\r\n padding-top: 0px;\r\n padding-bottom: 0px;\r\n }\r\n}"},{"example":,"title":" 树形数据展示","code":"/**\r\n*\r\n* @title 树形数据展示\r\n* @description 通过在data中配置children数据,来自动生成树形数据\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\n\r\n\r\nconst columns4 = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: \"30%\"\r\n },\r\n {\r\n title: \"Address\",\r\n dataIndex: \"address\",\r\n key: \"address\"\r\n }\r\n];\r\n\r\nconst data4 = [\r\n {\r\n key: 1,\r\n name: \"John Brown sr.\",\r\n age: 60,\r\n address: \"New York No. 1 Lake Park\",\r\n children: [\r\n {\r\n key: 11,\r\n name: \"John Brown\",\r\n age: 42,\r\n address: \"New York No. 2 Lake Park\"\r\n },\r\n {\r\n key: 12,\r\n name: \"John Brown jr.\",\r\n age: 30,\r\n address: \"New York No. 3 Lake Park\",\r\n children: [\r\n {\r\n key: 121,\r\n name: \"Jimmy Brown\",\r\n age: 16,\r\n address: \"New York No. 3 Lake Park\"\r\n }\r\n ]\r\n },\r\n {\r\n key: 13,\r\n name: \"Jim Green sr.\",\r\n age: 72,\r\n address: \"London No. 1 Lake Park\",\r\n children: [\r\n {\r\n key: 131,\r\n name: \"Jim Green\",\r\n age: 42,\r\n address: \"London No. 2 Lake Park\",\r\n children: [\r\n {\r\n key: 1311,\r\n name: \"Jim Green jr.\",\r\n age: 25,\r\n address: \"London No. 3 Lake Park\"\r\n },\r\n {\r\n key: 1312,\r\n name: \"Jimmy Green sr.\",\r\n age: 18,\r\n address: \"London No. 4 Lake Park\"\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n key: 2,\r\n name: \"Joe Black\",\r\n age: 32,\r\n address: \"Sidney No. 1 Lake Park\"\r\n }\r\n];\r\nclass Demo4 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data4,\r\n factoryValue: 0,\r\n selectedRow: new Array(data4.length)//状态同步\r\n }\r\n }\r\n\r\n render() {\r\n return {\r\n if (this.state.selectedRow[index]) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n onRowClick={(record,index,indent)=>{\r\n let selectedRow = new Array(this.state.data.length);\r\n selectedRow[index] = true;\r\n this.setState({\r\n factoryValue: record,\r\n selectedRow: selectedRow\r\n });\r\n }}\r\n \r\n columns={columns4} data={data4} />;\r\n }\r\n}\r\n\r\n\r\n","desc":" 通过在data中配置children数据,来自动生成树形数据"},{"example":,"title":" 固定列","code":"/**\r\n*\r\n* @title 固定列\r\n* @description 固定列到表格的某侧\r\n*\r\n*/\r\n\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\n\r\n\r\n\r\nconst columns5 = [\r\n {\r\n title: \"Full Name\",\r\n width: 100,\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n fixed: \"left\"\r\n },\r\n { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\", fixed: \"left\" },\r\n { title: \"address\", dataIndex: \"address\", key: \"address\" }\r\n];\r\n\r\nconst data5 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n address: \"New York Park\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n }\r\n];\r\n\r\nclass Demo5 extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n","desc":" 固定列到表格的某侧"},{"example":,"title":" 固定表头","code":"/**\r\n*\r\n* @title 固定表头\r\n* @description 方便一页内展示大量数据。需要指定 column 的 width 属性,否则列头和内容可能不对齐。(还可以设置scroll来支持横向或纵向滚动)\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport dragColumn from \"../../src/lib/dragColumn\";;\r\nconst DragColumnTable = dragColumn(Table);\r\n\r\nconst columns6 = [\r\n {\r\n title: \"Full Name\",\r\n width: 100,\r\n dataIndex: \"name\",\r\n key: \"name\"\r\n },\r\n { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\"},\r\n { title: \"Address\", dataIndex: \"address\", key: \"1\" }\r\n];\r\n\r\nconst data6 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n address: \"New York Park\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },{\r\n key: \"11\",\r\n name: \"John Brown\",\r\n age: 32,\r\n address: \"New York Park\"\r\n },\r\n {\r\n key: \"12\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"13\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"14\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n }\r\n];\r\n\r\nclass Demo6 extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n","desc":" 方便一页内展示大量数据。需要指定 column 的 width 属性,否则列头和内容可能不对齐。(还可以设置scroll来支持横向或纵向滚动)"},{"example":,"title":" 主子表","code":"/**\r\n *\r\n * @title 主子表\r\n * @description 主表点击子表联动\r\n *\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport Table from \"../../src\";\r\n\r\nconst columns7 = [\r\n { title: \"班级\", dataIndex: \"a\", key: \"a\" },\r\n { title: \"人数\", dataIndex: \"b\", key: \"b\" },\r\n { title: \"班主任\", dataIndex: \"c\", key: \"c\" },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst data7 = [\r\n { a: \"02级一班\", b: \"2\", c: \"欧阳锋\", d: \"大侠\", key: \"1\" },\r\n { a: \"03级二班\", b: \"3\", c: \"归海一刀\", d: \"大侠\", key: \"2\" },\r\n { a: \"05级三班\", b: \"1\", c: \"一拳超人\", d: \"愣头青\", key: \"3\" }\r\n];\r\n\r\nconst columns7_1 = [\r\n { title: \"姓名\", dataIndex: \"a\", key: \"a\" },\r\n { title: \"班级\", dataIndex: \"b\", key: \"b\" },\r\n { title: \"系别\", dataIndex: \"c\", key: \"c\" }\r\n];\r\n\r\nclass Demo7 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n children_data: []\r\n };\r\n }\r\n\r\n rowclick = (record, index) => {\r\n if (record.a === \"02级一班\") {\r\n this.setState({\r\n children_data: [\r\n { a: \"郭靖\", b: \"02级一班\", c: \"文学系\", key: \"1\" },\r\n { a: \"黄蓉\", b: \"02级一班\", c: \"文学系\", key: \"2\" }\r\n ]\r\n });\r\n } else if (record.a === \"03级二班\") {\r\n this.setState({\r\n children_data: [\r\n { a: \"杨过\", b: \"03级二班\", c: \"外语系\", key: \"1\" },\r\n { a: \"小龙女\", b: \"03级二班\", c: \"外语系\", key: \"2\" },\r\n { a: \"傻姑\", b: \"03级二班\", c: \"外语系\", key: \"3\" }\r\n ]\r\n });\r\n } else if (record.a === \"05级三班\") {\r\n this.setState({\r\n children_data: [{ a: \"金圣叹\", b: \"05级三班\", c: \"美术系\", key: \"1\" }]\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
标题: 我是主表
}\r\n />\r\n 标题: 我是子表
}\r\n />\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 主表点击子表联动"},{"example":,"title":" 表格+分页","code":"/**\r\n *\r\n * @title 表格+分页\r\n * @description 点击分页联动表格\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\n\r\nimport Table from \"../../src\";\r\nimport Pagination from \"bee-pagination\";\r\n\r\nconst columns8 = [\r\n { title: \"姓名\", dataIndex: \"a\", key: \"a\", width: 100 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst pageData = {\r\n 1: [\r\n { a: \"杨过\", b: \"男\", c: 30, d: \"内行\", key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"大侠\", key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"大侠\", key: \"3\" }\r\n ],\r\n 2: [\r\n { a: \"芙蓉姐姐\", b: \"女\", c: 23, d: \"大侠\", key: \"1\" },\r\n { a: \"芙蓉妹妹\", b: \"女\", c: 23, d: \"内行\", key: \"2\" }\r\n ]\r\n};\r\n\r\nclass Demo8 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: pageData[1],\r\n activePage: 1\r\n };\r\n }\r\n\r\n handleSelect(eventKey) {\r\n this.setState({\r\n data: pageData[eventKey],\r\n activePage: eventKey\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n","desc":" 点击分页联动表格"},{"example":,"title":" 表格+搜索","code":"/**\r\n *\r\n * @title 表格+搜索\r\n * @description 搜索刷新表格数据\r\n *\r\n *\r\n * import {Table} from 'tinper-bee';\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\n\r\nimport Table from \"../../src\";\r\nimport Icon from \"bee-icon\";\r\nimport InputGroup from \"bee-input-group\";\r\nimport FormControl from \"bee-form-control\";\r\n\r\nclass Search extends Component {\r\n state = {\r\n searchValue: \"\",\r\n empty: false\r\n };\r\n\r\n /**\r\n * 搜索\r\n */\r\n handleSearch = () => {\r\n let { onSearch } = this.props;\r\n this.setState({\r\n empty: true\r\n });\r\n onSearch && onSearch(this.state.searchValue);\r\n };\r\n\r\n /**\r\n * 捕获回车\r\n * @param e\r\n */\r\n handleKeyDown = e => {\r\n if (e.keyCode === 13) {\r\n this.handleSearch();\r\n }\r\n };\r\n\r\n /**\r\n * 输入框改变\r\n * @param e\r\n */\r\n handleChange = (e) => {\r\n this.setState({\r\n searchValue: e\r\n });\r\n };\r\n\r\n /**\r\n * 清空输入框\r\n */\r\n emptySearch = () => {\r\n let { onEmpty } = this.props;\r\n this.setState({\r\n searchValue: \"\",\r\n empty: false\r\n });\r\n onEmpty && onEmpty();\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.state.empty ? (\r\n \r\n ) : null}\r\n\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst columns9 = [\r\n {\r\n title: \"姓名\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst userData = [\r\n { a: \"杨过\", b: \"男\", c: 30, d: \"内行\", key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"大侠\", key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"大侠\", key: \"3\" }\r\n];\r\n\r\nclass Demo9 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: userData\r\n };\r\n }\r\n\r\n handleSearch = value => {\r\n if (value === \"\") {\r\n return this.setState({\r\n data: userData\r\n });\r\n }\r\n let regExp = new RegExp(value, \"ig\");\r\n let data = userData.filter(item => regExp.test(item.a));\r\n this.setState({\r\n data\r\n });\r\n };\r\n\r\n handleEmpty = () => {\r\n this.setState({\r\n data: userData\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 搜索刷新表格数据"},{"example":,"title":" 无数据时显示","code":"/**\r\n*\r\n* @title 无数据时显示\r\n* @description 无数据时显示效果展示(可自定义)\r\n *\r\n* import {Table} from 'tinper-bee';\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\n\r\n\r\nconst columns10 = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: \"30%\"\r\n },\r\n {\r\n title: \"Address\",\r\n dataIndex: \"address\",\r\n key: \"address\"\r\n }\r\n ];\r\n \r\n const data10 = [\r\n \r\n ];\r\n\r\n const emptyFunc = () => 这里没有数据!\r\n \r\n class Demo10 extends Component {\r\n render() {\r\n return ;\r\n }\r\n }\r\n\r\n","desc":" 无数据时显示效果展示(可自定义)"},{"example":,"title":" 列排序","code":"/**\r\n* @description column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称\r\n* @title 列排序\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport Icon from \"bee-icon\";\r\nimport sort from \"../../src/lib/sort.js\";\r\nlet ComplexTable = sort(Table, Icon);\r\nconst columns11 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst data11 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\r\n];\r\n\r\nconst defaultProps11 = {\r\n prefixCls: \"bee-table\"\r\n};\r\nclass Demo11 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sortOrder: \"\",\r\n data: data11\r\n };\r\n }\r\n render() {\r\n\r\n return ;\r\n }\r\n}\r\nDemo11.defaultProps = defaultProps11;\r\n\r\n\r\n","desc":" column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称"},{"example":,"title":" 全选功能","code":"/**\r\n*\r\n* @title 全选功能\r\n* @description 点击表格左列按钮即可选中,并且在选中的回调函数中能获取到选中的数据(未使用封装好的全选功能)\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport multiSelect from \"../../src/lib/multiSelect.js\";\r\nimport Checkbox from 'bee-checkbox';\r\n\r\nconst columns12 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst data12 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\",_checked:true },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" ,_checked:true},\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" ,_checked:true}\r\n];\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet MultiSelectTable = multiSelect(Table, Checkbox);\r\n\r\nclass Demo12 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data12\r\n };\r\n }\r\n getSelectedDataFunc = data => {\r\n console.log(data);\r\n };\r\n \r\n render() {\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n","desc":" 点击表格左列按钮即可选中,并且在选中的回调函数中能获取到选中的数据(未使用封装好的全选功能)"},{"example":,"title":" 多列排序、全选功能、合计","code":"/**\r\n *\r\n * @title 多列排序、全选功能、合计\r\n * @description 多列排序、全选功能、合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)新增回调函数(sorterClick)\r\n *\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport Table from \"../../src\";\r\nimport Checkbox from \"bee-checkbox\";\r\nimport Button from \"bee-button\";\r\nimport Icon from \"bee-icon\";\r\nimport multiSelect from \"../../src/lib/multiSelect.js\";\r\nimport sort from \"../../src/lib/sort.js\";\r\nimport sum from \"../../src/lib/sum.js\";\r\n\r\nconst columns13 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n className:'dfasd',\r\n width: 200\r\n },\r\n {\r\n title: \"功力指数\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 200,\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c,\r\n sorterClick:(data,type)=>{//排序的回调函数\r\n //type value is up or down\r\n console.log(\"data\",data);\r\n }\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c,\r\n sorterClick:(data,type)=>{//排序的回调函数\r\n //type value is up or down\r\n console.log(\"data\",data);\r\n }\r\n },\r\n {\r\n title: \"成绩\",\r\n dataIndex: \"e\",\r\n key: \"e\",\r\n width: 200,\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c,\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width: 200\r\n }\r\n];\r\n\r\nconst data13 = [\r\n { a: \"杨过\", b: 675, c: 30, d: \"内行\",e:100, key: \"2\" },\r\n { a: \"令狐冲\", b: 43, c: 41, d: \"大侠\",e:90, key: \"1\" },\r\n { a: \"令狐冲1\", b: 43, c: 81, d: \"大侠\", e:120,key: \"4\" },\r\n { a: \"令狐冲2\", b: 43, c: 81, d: \"大侠\", e:130,key: \"5\" },\r\n { a: \"郭靖\", b: 153, c: 25, d: \"大侠\",e:90, key: \"3\" }\r\n];\r\n\r\n\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet ComplexTable = multiSelect(sum(sort(Table, Icon)), Checkbox);\r\n\r\nclass Demo13 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data13: data13,\r\n selectedRow: this.selectedRow,\r\n selectDisabled: this.selectDisabled\r\n };\r\n }\r\n getSelectedDataFunc = data => {\r\n console.log(data);\r\n };\r\n selectDisabled = (record, index) => {\r\n // console.log(record);\r\n if (index === 1) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n selectedRow = (record, index) => {\r\n // console.log(record);\r\n if (index === 0) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n onClick = () => {\r\n this.setState({\r\n selectedRow: function() {}\r\n });\r\n };\r\n\r\n render() {\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n let sortObj = {\r\n mode:'multiple'\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","desc":" 多列排序、全选功能、合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)新增回调函数(sorterClick)"},{"example":,"title":" 编辑态表格","code":"/**\r\n*\r\n* @title 编辑态表格\r\n* @description 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)\r\n*\r\n*/\r\n\r\nimport React from \"react\";\r\nimport Table from \"../../src\";\r\nimport Animate from \"bee-animate\";\r\nimport Tooltip from \"bee-tooltip\";\r\nimport Button from \"bee-button\";\r\nimport Form from \"bee-form\";\r\nimport Icon from \"bee-icon\";\r\nimport Input from \"bee-form-control\";\r\nimport Checkbox from \"bee-checkbox\";\r\nimport Datepicker from \"bee-datepicker\";\r\nimport Select from \"bee-select\";\r\nimport renderInput from \"../../build/render/InputRender.js\";\r\nimport renderDate from \"../../build/render/DateRender.js\";\r\nimport renderSelect from \"../../build/render/SelectRender.js\";\r\n\r\nconst InputRender = renderInput(Form, Input, Icon);\r\nconst DateRender = renderDate(Datepicker, Icon);\r\nconst SelectRender = renderSelect(Select, Icon);\r\n\r\nconst format = \"YYYY-MM-DD\";\r\nconst format2 = \"YYYY-MM\";\r\nconst format3 = \"YYYY-MM-DD HH:mm:ss\";\r\n\r\nconst dateInputPlaceholder = \"选择日期\";\r\nconst dateInputPlaceholder2 = \"选择年月\";\r\nconst dataSource = [\r\n {\r\n key: \"boyuzhou\",\r\n value: \"jack\"\r\n },\r\n {\r\n key: \"renhualiu\",\r\n value: \"lucy\"\r\n },\r\n {\r\n key: \"yuzhao\",\r\n value: \"yiminghe\"\r\n }\r\n];\r\nclass Demo14 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataSource: [\r\n {\r\n key: \"0\",\r\n name: \"沉鱼\",\r\n number: \"10\",\r\n age: \"y\",\r\n address: \"jack\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"1\",\r\n name: \"落雁\",\r\n number: \"100\",\r\n age: \"y\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"闭月\",\r\n number: \"1000\",\r\n age: \"n\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"羞花\",\r\n number: \"9999\",\r\n age: \"y\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n }\r\n ],\r\n count: 4\r\n };\r\n this.columns = [\r\n {\r\n title: \"普通输入\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"150px\",\r\n render: (text, record, index) => (\r\n \r\n \r\n \r\n }\r\n />\r\n )\r\n },\r\n {\r\n title: \"货币输入\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: \"150px\",\r\n render: (text, record, index) => (\r\n \r\n \r\n \r\n }\r\n reg={/^[0-9]+$/}\r\n />\r\n )\r\n },\r\n {\r\n title: \"复选\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: \"100px\",\r\n render: (text, record, index) => (\r\n \r\n )\r\n },\r\n {\r\n title: \"下拉框\",\r\n dataIndex: \"address\",\r\n key: \"address\",\r\n width: \"200px\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n },\r\n {\r\n title: \"年月日\",\r\n dataIndex: \"datepicker\",\r\n key: \"datepicker\",\r\n width: \"200px\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n );\r\n }\r\n },\r\n {\r\n title: \"年月\",\r\n dataIndex: \"MonthPicker\",\r\n key: \"MonthPicker\",\r\n width: \"200px\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n );\r\n }\r\n }\r\n ];\r\n }\r\n check = (flag, obj) => {\r\n console.log(flag);\r\n console.log(obj);\r\n };\r\n\r\n onInputChange = (index, key) => {\r\n return value => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n onCheckChange = (index, key) => {\r\n return value => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n onSelectChange = (index, key) => {\r\n return value => {\r\n console.log(`selected ${value}`);\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n onDateChange = d => {\r\n console.log(d);\r\n };\r\n onDateSelect = d => {\r\n console.log(d);\r\n };\r\n onDelete = index => {\r\n return () => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource.splice(index, 1);\r\n this.setState({ dataSource });\r\n };\r\n };\r\n handleAdd = () => {\r\n const { count, dataSource } = this.state;\r\n const newData = {\r\n key: count,\r\n name: `凤姐 ${count}`,\r\n age: 32,\r\n address: \"jack\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n };\r\n this.setState({\r\n dataSource: [...dataSource, newData],\r\n count: count + 1\r\n });\r\n };\r\n\r\n getBodyWrapper = body => {\r\n return (\r\n \r\n {body.props.children}\r\n \r\n );\r\n };\r\n getData = () => {\r\n console.log(this.state.dataSource);\r\n };\r\n render() {\r\n const { dataSource } = this.state;\r\n const columns = this.columns;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)"},{"example":,"title":" 表格行/列合并","code":"/**\r\n*\r\n* @title 表格行/列合并\r\n* @description 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。\r\n*\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Table from \"../../src\";\r\n\r\nconst renderContent = (value, row, index) => {\r\n const obj = {\r\n children: value,\r\n props: {},\r\n };\r\n if (index === 4) {\r\n obj.props.colSpan = 0;\r\n }\r\n return obj;\r\n};\r\n\r\nconst columns = [{\r\n title: 'Name',\r\n key: \"name\",\r\n dataIndex: 'name',\r\n render: (text, row, index) => {\r\n if (index < 4) {\r\n return {text};\r\n }\r\n return {\r\n children: {text},\r\n props: {\r\n colSpan: 5,\r\n },\r\n };\r\n },\r\n}, {\r\n title: 'Age',\r\n key: \"Age\",\r\n dataIndex: 'age',\r\n render: renderContent,\r\n}, {\r\n title: 'Home phone',\r\n colSpan: 2,\r\n key: \"tel\",\r\n dataIndex: 'tel',\r\n render: (value, row, index) => {\r\n const obj = {\r\n children: value,\r\n props: {},\r\n };\r\n if (index === 2) {\r\n obj.props.rowSpan = 2;\r\n }\r\n if (index === 3) {\r\n obj.props.rowSpan = 0;\r\n }\r\n if (index === 4) {\r\n obj.props.colSpan = 0;\r\n }\r\n return obj;\r\n },\r\n}, {\r\n title: 'Phone',\r\n colSpan: 0,\r\n key: \"phone\",\r\n dataIndex: 'phone',\r\n render: renderContent,\r\n}, {\r\n title: 'Address',\r\n key: \"address\",\r\n dataIndex: 'address',\r\n render: renderContent,\r\n}];\r\n\r\nconst data = [{\r\n key: '1',\r\n name: 'John Brown',\r\n age: 32,\r\n tel: '0571-22098909',\r\n phone: 18889898989,\r\n address: 'New York No. 1 Lake Park',\r\n}, {\r\n key: '2',\r\n name: 'Jim Green',\r\n tel: '0571-22098333',\r\n phone: 18889898888,\r\n age: 42,\r\n address: 'London No. 1 Lake Park',\r\n}, {\r\n key: '3',\r\n name: 'Joe Black',\r\n age: 32,\r\n tel: '0575-22098909',\r\n phone: 18900010002,\r\n address: 'Sidney No. 1 Lake Park',\r\n}, {\r\n key: '4',\r\n name: 'Jim Red',\r\n age: 18,\r\n tel: '0575-22098909',\r\n phone: 18900010002,\r\n address: 'London No. 2 Lake Park',\r\n}, {\r\n key: '5',\r\n name: 'Jake White',\r\n age: 18,\r\n tel: '0575-22098909',\r\n phone: 18900010002,\r\n address: 'Dublin No. 2 Lake Park',\r\n}];\r\n\r\nclass Demo15 extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n\r\n","desc":" 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。"},{"example":,"title":" 嵌套子表格","code":"/**\r\n*\r\n* @title 嵌套子表格\r\n* @description 通过expandedRowRender参数来实现子表格\r\n*\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Table from \"../../src\";\r\n\r\nconst columns16 = [\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\", \r\n width:200,\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert(\"这是第\" + index + \"列,内容为:\" + text);\r\n }}\r\n >\r\n 一些操作\r\n \r\n );\r\n }\r\n },\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n \r\n];\r\nconst columns17 = [\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width:200,\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert(\"这是第\" + index + \"列,内容为:\" + text);\r\n }}\r\n >\r\n 一些操作\r\n \r\n );\r\n }\r\n },\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n \r\n];\r\n\r\nconst data16 = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\r\n];\r\n\r\n\r\nclass Demo16 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n data_obj:{}\r\n }\r\n }\r\n expandedRowRender = (record, index, indent) => {\r\n let height = 42 * (this.state.data_obj[record.key].length+ 2);\r\n \r\n return (\r\n \r\n );\r\n };\r\n getData=(expanded, record)=>{\r\n //当点击展开的时候才去请求数据\r\n let new_obj = Object.assign({},this.state.data_obj);\r\n if(expanded){\r\n if(record.key==='1'){\r\n new_obj[record.key] = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\r\n ]\r\n this.setState({\r\n data_obj:new_obj\r\n })\r\n }else{\r\n new_obj[record.key] = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" }\r\n ]\r\n this.setState({\r\n data_obj:new_obj\r\n })\r\n }\r\n }\r\n }\r\n haveExpandIcon=(record, index)=>{\r\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\r\n if(index == 0){\r\n return true;\r\n }\r\n return false;\r\n }\r\n render() {\r\n return (\r\n 标题: 这是一个标题
}\r\n footer={currentData => 表尾: 我是小尾巴
}\r\n />\r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 通过expandedRowRender参数来实现子表格"},{"example":,"title":" loading属性指定表格是否加载中","code":"/**\r\n*\r\n* @title loading属性指定表格是否加载中\r\n* @description loading可以传boolean或者obj对象,obj为bee-loading组件的参数类型\r\n*\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Table from \"../../src\";\r\nimport Button from \"bee-button\";\r\n\r\nconst columns17 = [\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert('这是第'+index+'列,内容为:'+text);\r\n }}\r\n >\r\n 一些操作\r\n \r\n );\r\n }\r\n }\r\n];\r\n\r\nconst data17 = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\r\n];\r\n\r\nclass Demo17 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loading : true\r\n }\r\n }\r\n changeLoading = () => {\r\n this.setState({\r\n loading : !this.state.loading\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n
标题: 这是一个标题
}\r\n footer={currentData => 表尾: 我是小尾巴
}\r\n // loading={this.state.loading}或者是boolean\r\n loading={{show:this.state.loading,loadingType:\"line\"}}\r\n />\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" loading可以传boolean或者obj对象,obj为bee-loading组件的参数类型"},{"example":,"title":" 合并标题后的合计,且支持多字段统计","code":"/**\r\n *\r\n * @title 合并标题后的合计,且支持多字段统计\r\n * @description 合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)\r\n *\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport Button from \"bee-button\";\r\nimport Table from \"../../src\"; \r\nimport sum from \"../../src/lib/sum.js\";\r\n \r\nlet ComplexTable = sum(Table);\r\n\r\nconst columns = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: 100,\r\n fixed: \"left\"\r\n },\r\n {\r\n title: \"Other\",\r\n children: [\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: 200,\r\n sumCol: true,\r\n },\r\n {\r\n title: \"Address\",\r\n children: [\r\n {\r\n title: \"Street\",\r\n dataIndex: \"street\",\r\n key: \"street\",\r\n width: 200\r\n },\r\n {\r\n title: \"Block\",\r\n children: [\r\n {\r\n title: \"Building\",\r\n dataIndex: \"building\",\r\n key: \"building\",\r\n width: 100\r\n },\r\n {\r\n title: \"Door No.\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n // width: 100,\r\n sumCol: true,\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n // {\r\n // title: \"Company\",\r\n // children: [\r\n // {\r\n // title: \"Company Address\",\r\n // dataIndex: \"companyAddress\",\r\n // key: \"companyAddress\",\r\n // width: 100,\r\n // },\r\n // {\r\n // title: \"Company Name\",\r\n // dataIndex: \"companyName\",\r\n // key: \"companyName\",\r\n // width: 100,\r\n // }\r\n // ]\r\n // },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\",\r\n key: \"gender\",\r\n width: 80,\r\n fixed: \"right\"\r\n }\r\n];\r\n\r\nfunction getData(){\r\n const data = [];\r\n for (let i = 0; i < 5; i++) {\r\n data.push({\r\n key: i,\r\n name: \"John Brown\"+i,\r\n age: i + Math.floor(Math.random()*10),\r\n street: \"Lake Park\",\r\n building: \"C\",\r\n number: 20 * Math.floor(Math.random()*10),\r\n companyAddress: \"Lake Street 42\",\r\n companyName: \"SoftLake Co\",\r\n gender: \"M\"\r\n });\r\n }\r\n return data;\r\n}\r\n\r\nclass Demo18 extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: getData()\r\n };\r\n }\r\n\r\n changeData = ()=>{\r\n this.setState({\r\n data: getData()\r\n });\r\n }\r\n\r\n render() {\r\n const {data} = this.state;\r\n return (\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n","desc":" 合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)"},{"example":,"title":" 编辑态表格","code":"/**\r\n*\r\n* @title 编辑态表格\r\n* @description 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)\r\n*\r\n*/\r\n\r\nimport Button from \"bee-button\";\r\nimport React from \"react\";\r\nimport Table from \"../../src\";\r\nimport Animate from \"bee-animate\";\r\nimport Tooltip from \"bee-tooltip\";\r\nimport Icon from \"bee-icon\";\r\nimport Input from \"bee-form-control\";\r\nimport Form from \"bee-form\";\r\nimport Select from \"bee-select\";\r\nimport renderInput from \"../../build/render/InputRender.js\";\r\nimport renderSelect from \"../../build/render/SelectRender.js\";\r\n\r\nconst InputRender = renderInput(Form, Input, Icon);\r\nconst SelectRender = renderSelect(Select, Icon);\r\n\r\nconst Option = Select.Option;\r\n\r\nconst dataSource = [\r\n {\r\n key: \"boyuzhou\",\r\n value: \"jack\"\r\n },\r\n {\r\n key: \"renhualiu\",\r\n value: \"lucy\"\r\n },\r\n {\r\n key: \"yuzhao\",\r\n value: \"yiminghe\"\r\n }\r\n];\r\nclass Demo19 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataSource: [\r\n {\r\n key: \"0\",\r\n name: \"沉鱼\",\r\n number: \"10\",\r\n age: \"y\",\r\n address: \"jack\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"1\",\r\n name: \"落雁\",\r\n number: \"100\",\r\n age: \"y\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"闭月\",\r\n number: \"1000\",\r\n age: \"n\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"羞花\",\r\n number: \"9999\",\r\n age: \"y\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n }\r\n ],\r\n count: 4\r\n };\r\n this.columns = [ \r\n {\r\n title: \"货币输入\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: \"150px\",\r\n render: (text, record, index) => (\r\n \r\n \r\n \r\n }\r\n reg={/^[0-9]+$/}\r\n />\r\n )\r\n },\r\n \r\n {\r\n title:(下拉框的div
),\r\n dataIndex: \"address\",\r\n key: \"address\",\r\n width: \"200px\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n }\r\n ];\r\n }\r\n check = (flag, obj) => {\r\n console.log(flag);\r\n console.log(obj);\r\n };\r\n\r\n handFocus = (value,e) => {\r\n console.log(value+` 获取焦点事件`);\r\n };\r\n onBlur = (value,e) => {\r\n console.log(value+` onBlur`);\r\n };\r\n\r\n onInputChange = (index, key) => {\r\n return value => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n\r\n onSelectChange = (index, key) => {\r\n return value => {\r\n console.log(`selected ${value}`);\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n\r\n handleAdd = () => {\r\n const { count, dataSource } = this.state;\r\n const newData = {\r\n key: count,\r\n name: `凤姐 ${count}`,\r\n age: 32,\r\n address: \"jack\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n };\r\n this.setState({\r\n dataSource: [...dataSource, newData],\r\n count: count + 1\r\n });\r\n };\r\n\r\n getBodyWrapper = body => {\r\n return (\r\n \r\n {body.props.children}\r\n \r\n );\r\n };\r\n getData = () => {\r\n console.log(this.state.dataSource);\r\n };\r\n render() {\r\n const { dataSource } = this.state;\r\n const columns = this.columns;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)"},{"example":,"title":" 简单表格选中行的背景色、表头表尾","code":"/**\r\n*\r\n* @title 简单表格选中行的背景色、表头表尾\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Button from \"bee-button\";\r\nimport Tooltip from \"bee-tooltip\";\r\nimport Table from \"../../src\";\r\n\r\nconst columns = [\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width:80 , className:\"rowClassName\"},\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n];\r\n\r\nconst data = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, key: \"1\" },\r\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, key: \"3\" }\r\n];\r\n\r\nclass Demo26 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {\r\n if (this.state.selectedRowIndex == index) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n onRowClick={(record,index,indent)=>{\r\n this.setState({ \r\n selectedRowIndex: index\r\n });\r\n }}\r\n title={currentData => 标题: 这是一个标题
}\r\n footer={currentData => 表尾: 我是小尾巴
}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":""},{"example":,"title":" 根据列进行过滤","code":"/**\r\n*\r\n* @title 根据列进行过滤\r\n* @description 点击表格右侧按钮,进行表格列的数据过滤。可以自定义设置显示某列,通过ifshow属性控制,默认为true都显示。afterFilter为过滤之后的回调函数\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport filterColumn from '../../src/lib/filterColumn';\r\nimport sum from '../../src/lib/sum';\r\nimport Icon from \"bee-icon\";\r\nimport Checkbox from 'bee-checkbox';\r\nimport Popover from 'bee-popover';\r\n\r\nconst data21 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行',e: \"操作\", key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠',e: \"操作\", key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠',e: \"操作\", key: \"3\" }\r\n];\r\n\r\nconst FilterColumnTable = filterColumn(Table, Popover, Icon);\r\n\r\nconst defaultProps21 = {\r\n prefixCls: \"bee-table\"\r\n};\r\n\r\nclass Demo21 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state ={\r\n columns21: [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\"\r\n // width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n // width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n ifshow:false,\r\n // width: 200,\r\n // sumCol: true,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"e\",\r\n key: \"e\",\r\n render(text, record, index){\r\n return (\r\n \r\n );\r\n }\r\n }\r\n ]};\r\n }\r\n afterFilter = (optData,columns)=>{\r\n if(optData.key == 'b'){\r\n if(optData.ifshow){\r\n columns[2].ifshow = false;\r\n }else{\r\n columns[2].ifshow = true;\r\n }\r\n this.setState({\r\n columns21 :columns,\r\n showFilterPopover:true\r\n });\r\n }\r\n \r\n }\r\n \r\n render() {\r\n \r\n return ;\r\n }\r\n}\r\nDemo21.defaultProps = defaultProps21;\r\n\r\n\r\n","desc":" 点击表格右侧按钮,进行表格列的数据过滤。可以自定义设置显示某列,通过ifshow属性控制,默认为true都显示。afterFilter为过滤之后的回调函数"},{"example":,"title":" 列的拖拽,交换表头的顺序","code":"/**\r\n*\r\n* @title 列的拖拽,交换表头的顺序\r\n* @description 点击列的表头,进行左右拖拽\r\n*/\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src'; \r\nimport dragColumn from '../../src/lib/dragColumn';\r\n\r\nimport Icon from \"bee-icon\";\r\n\r\nconst columns22 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 200\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width: 200,\r\n }\r\n];\r\n\r\nconst data22 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\r\n];\r\n\r\nconst DragColumnTable = dragColumn(Table);\r\n\r\nconst defaultProps22 = {\r\n prefixCls: \"bee-table\"\r\n};\r\n\r\nclass Demo22 extends Component {\r\n constructor(props) {\r\n super(props); \r\n }\r\n \r\n render() {\r\n return ;\r\n }\r\n}\r\nDemo22.defaultProps = defaultProps22;\r\n\r\n\r\n","desc":" 点击列的表头,进行左右拖拽"},{"example":,"title":" 拖拽调整列的宽度","code":"/**\r\n*\r\n* @title 拖拽调整列的宽度\r\n* @description 注:不支持tree结构的表头、合并表头的table【目前支持表头拖拽宽度、交互列一起使用】\r\n*/\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src'; \r\nimport dragColumn from '../../src/lib/dragColumn';\r\n\r\nimport Icon from \"bee-icon\";\r\n\r\nconst columns23 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: '200',\r\n fixed:'left'\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: '600'\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: '200',\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c\r\n }, \r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width: 500,\r\n }\r\n];\r\n\r\nconst data23 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"31\" } , { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"21\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"11\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"32\" } , { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"22\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"12\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\r\n];\r\n\r\nconst DragColumnTable = dragColumn(Table);\r\n\r\nconst defaultProps23 = {\r\n prefixCls: \"bee-table\"\r\n};\r\n\r\nclass Demo23 extends Component {\r\n constructor(props) {\r\n super(props); \r\n }\r\n\r\n render() {\r\n return {\r\n console.log(width+\"--调整列宽后触发事件\",e.target);\r\n }}\r\n />;\r\n }\r\n}\r\nDemo23.defaultProps = defaultProps23;\r\n\r\n\r\n","desc":" 注:不支持tree结构的表头、合并表头的table【目前支持表头拖拽宽度、交互列一起使用】"},{"example":,"title":" 动态设置固、取消固定列","code":"/**\r\n*\r\n* @title 动态设置固、取消固定列\r\n* @description 动态设置固、取消固定列\r\n* @description 动态固定列设置 一个table动态设置一个方向【fixed: \"left\",fixed: \"right\"】。\r\n*\r\n*/\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport Icon from 'bee-icon';\r\nimport Menu from 'bee-menus';\r\nimport Dropdown from 'bee-dropdown';\r\n\r\n\r\nconst { Item } = Menu;\r\n// const columns24 = [\r\n// {\r\n// title: \"Full Name\",\r\n// width: 100,\r\n// dataIndex: \"name\",\r\n// key: \"name\",\r\n// fixed: \"left\",\r\n// },\r\n// { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\", fixed: \"left\" },\r\n// { title: \"Column 1\", dataIndex: \"address\", key: \"1\" },\r\n// { title: \"Column 2\", dataIndex: \"address2\", key: \"2\" },\r\n// { title: \"Column 3\", dataIndex: \"address\", key: \"3\" },\r\n// { title: \"Column 4\", dataIndex: \"address\", key: \"4\" },\r\n// { title: \"Column 24\", dataIndex: \"address\", key: \"24\" },\r\n// { title: \"Column 6\", dataIndex: \"address\", key: \"6\" },\r\n// { title: \"Column 7\", dataIndex: \"address\", key: \"7\" },\r\n// { title: \"Column 8\", dataIndex: \"address\", key: \"8\" }\r\n// ];\r\n\r\n\r\nconst columns24 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100,\r\n fixed: \"left\",\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100,\r\n fixed: \"left\",\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 100, \r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width: 150 \r\n },\r\n {\r\n title: \"对手\",\r\n dataIndex: \"e\",\r\n key: \"e\",\r\n width: 100 \r\n },\r\n {\r\n title: \"帮派\",\r\n dataIndex: \"f\",\r\n key: \"f\",\r\n width: 100 \r\n },\r\n {\r\n title: \"武功类型\",\r\n dataIndex: \"g\",\r\n key: \"g\",\r\n width: 100 \r\n },\r\n {\r\n title: \"师傅\",\r\n dataIndex: \"k\",\r\n key: \"k\",\r\n // width: 100 \r\n },\r\n {\r\n title: \"攻击系数\",\r\n dataIndex: \"h\",\r\n key: \"h\",\r\n width: 100 \r\n }\r\n];\r\n\r\n\r\nconst data24 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行',e:'黄荣',f:'古墓派',g:'剑术',k:'小龙女',h:'0.5', key: \"1\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'剑客',e:'自己',f:'无',g:'剑术',k:'无',h:'0.5', key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠',e:'黄荣',f:'朝廷',g:'内容',k:'外侵势力',h:'0.6', key: \"3\" }\r\n]; \r\n \r\nclass Demo24 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n // let columns = [];\r\n // Object.assign(columns,columns24);\r\n // columns.forEach(da=>da.onHeadCellClick=this.onHeadCellClick);\r\n this.state = {\r\n columns:columns24\r\n }\r\n }\r\n\r\n \r\n onSelect = ({key,item})=>{ \r\n console.log(`${key} selected`); //获取key\r\n let currentObject = item.props.data; //获取选中对象的数据\r\n let {columns} = this.state;\r\n let fixedCols = [];\r\n let nonColums = [];\r\n columns.find(da=>{\r\n if(da.key == key){\r\n da.fixed?delete da.fixed:da.fixed = 'left';\r\n }\r\n da.fixed?fixedCols.push(da):nonColums.push(da);\r\n });\r\n \r\n columns = [...fixedCols,...nonColums]\r\n\r\n this.setState({\r\n columns\r\n });\r\n }\r\n //表头增加下拉菜单\r\n renderColumnsDropdown(columns) {\r\n const icon ='uf-arrow-down';\r\n \r\n return columns.map((originColumn,index) => {\r\n let column = Object.assign({}, originColumn);\r\n let menuInfo = [], title='锁定';\r\n if(originColumn.fixed){\r\n title = '解锁'\r\n }\r\n menuInfo.push({\r\n info:title,\r\n key:originColumn.key,\r\n index:index\r\n });\r\n const menu = (\r\n )\r\n column.title = (\r\n \r\n {column.title}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n return column;\r\n });\r\n \r\n }\r\n\r\n render() {\r\n let {columns} = this.state;\r\n columns = this.renderColumnsDropdown(columns);\r\n return ;\r\n }\r\n}\r\n\r\n","desc":" 动态设置固、取消固定列","scss_code":"th{\r\n .drop-menu{\r\n .uf{\r\n font-size: 12px;\r\n visibility: hidden;\r\n margin-left: 15px;\r\n }\r\n \r\n \r\n }\r\n &:hover{\r\n .uf{\r\n visibility: visible;\r\n }\r\n }\r\n\r\n}\r\n\r\n"},{"example":,"title":" 根据列进行过滤、拖拽交换列综合使用案例","code":"/**\r\n* @title 根据列进行过滤、拖拽交换列综合使用案例\r\n* @description 新增属性【checkMinSize 当前表格显示最少列数 】 1. 当所有列都设置了width属性后,需要给table增加checkMinSize属性 2. 所有列不设置width。\r\n*/\r\n\r\n/**注:\r\n * 在使用过滤列的时候,如果每一列都设置了width属性,勾选的时候回出现重复列问题。当表格的宽度小于合计宽度的时候,就会出现此问题。 \r\n * 必须有个别列不设置width属性,即可避免此问题。\r\n */\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport multiSelect from '../../src/lib/multiSelect';\r\nimport filterColumn from '../../src/lib/filterColumn';\r\nimport dragColumn from \"../../src/lib/dragColumn\";\r\n\r\nimport sum from '../../src/lib/sum';\r\nimport Icon from \"bee-icon\";\r\nimport Checkbox from 'bee-checkbox';\r\nimport Popover from 'bee-popover';\r\n\r\n //Cloumns1\r\nfunction getCloumns(){\r\n const column = [\r\n {\r\n title: \"序号\",\r\n dataIndex: \"index\",\r\n key: \"index\",\r\n width: 100, \r\n },\r\n {\r\n title: \"订单编号\",\r\n dataIndex: \"orderCode\",\r\n key: \"orderCode\",\r\n width: 100, \r\n },\r\n {\r\n title: \"供应商名称\",\r\n dataIndex: \"supplierName\",\r\n key: \"supplierName\",\r\n width: 100\r\n },\r\n {\r\n title: \"类型\",\r\n dataIndex: \"type_name\",\r\n key: \"type_name\",\r\n width: 100\r\n },\r\n {\r\n title: \"采购组织\",\r\n dataIndex: \"purchasing\",\r\n key: \"purchasing\",\r\n width: 100\r\n },\r\n {\r\n title: \"采购组\",\r\n dataIndex: \"purchasingGroup\",\r\n key: \"purchasingGroup\",\r\n width: 300\r\n },\r\n {\r\n title: \"凭证日期\",\r\n dataIndex: \"voucherDate\",\r\n key: \"voucherDate\",\r\n width: 100,\r\n \r\n },\r\n {\r\n title: \"审批状态\",\r\n dataIndex: \"approvalState_name\",\r\n key: \"approvalState_name\",\r\n width: 100\r\n },\r\n {\r\n title: \"确认状态\",\r\n dataIndex: \"confirmState_name\",\r\n key: \"confirmState_name\",\r\n width: 100\r\n }, \r\n {\r\n title: \"关闭状态\",\r\n dataIndex: \"closeState_name\",\r\n key: \"closeState_name\",\r\n width: 100\r\n },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width:100,\r\n fixed: \"right\",\r\n render(text, record, index) {\r\n return (\r\n \r\n )\r\n }\r\n }\r\n ];\r\n return column;\r\n}\r\n\r\nconst dataList = [ \r\n { \r\n index: 1, \r\n orderCode:\"2343\", \r\n supplierName: \"xxx\",\r\n type_name: \"123\",\r\n purchasing:'内行', \r\n purchasingGroup:\"323\",\r\n voucherDate:\"kkkk\",\r\n approvalState_name:\"vvvv\",\r\n confirmState_name:\"aaaa\",\r\n closeState_name:\"vnnnnn\",\r\n d:\"操作\",\r\n key: \"1\"\r\n }, \r\n { \r\n index: 2, \r\n _checked:true,\r\n orderCode:\"222\", \r\n supplierName: \"22xxx\",\r\n type_name: \"1223\",\r\n purchasing:'内行2', \r\n purchasingGroup:\"3223\",\r\n voucherDate:\"222kk\",\r\n approvalState_name:\"22vvvv\",\r\n confirmState_name:\"2aaaa\",\r\n closeState_name:\"2vnnnnn\",\r\n d:\"2操作\",\r\n key: \"2\"\r\n },\r\n { \r\n index: 3, \r\n orderCode:\"222\", \r\n supplierName: \"22xxx\",\r\n _disabled:true,\r\n type_name: \"1223\",\r\n purchasing:'内行2', \r\n purchasingGroup:\"3223\",\r\n voucherDate:\"222kk\",\r\n approvalState_name:\"22vvvv\",\r\n confirmState_name:\"2aaaa\",\r\n closeState_name:\"2vnnnnn\",\r\n d:\"3操作\",\r\n key: \"3\"\r\n },\r\n { \r\n index: 4, \r\n orderCode:\"222\", \r\n supplierName: \"22xxx\",\r\n type_name: \"1223\",\r\n purchasing:'内行2', \r\n purchasingGroup:\"3223\",\r\n voucherDate:\"222kk\",\r\n approvalState_name:\"22vvvv\",\r\n confirmState_name:\"2aaaa\",\r\n closeState_name:\"2vnnnnn\",\r\n d:\"4操作\",\r\n key: \"4\"\r\n },\r\n]\r\n\r\nconst DragColumnTable = filterColumn(dragColumn(multiSelect(Table, Checkbox)),Popover);\r\n\r\nconst defaultProps25 = {\r\n prefixCls: \"bee-table\"\r\n};\r\n\r\nclass Demo25 extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n getSelectedDataFunc=(data)=>{\r\n console.log(\"data\",data);\r\n }\r\n \r\n getCloumnsScroll=(columns)=>{\r\n let sum = 0;\r\n columns.forEach((da)=>{\r\n sum += da.width;\r\n })\r\n console.log(\"sum\",sum);\r\n return (sum);\r\n }\r\n\r\n selectedRow=(record, index)=>{\r\n\r\n }\r\n\r\n render() {\r\n let columns = getCloumns();\r\n \r\n return \r\n \r\n
\r\n }\r\n}\r\nDemo25.defaultProps = defaultProps25;\r\n\r\n\r\n","desc":" 新增属性【checkMinSize 当前表格显示最少列数 】 1. 当所有列都设置了width属性后,需要给table增加checkMinSize属性 2. 所有列不设置width。"},{"example":,"title":" 按条件和值过滤","code":"/**\r\n*\r\n* @title 按条件和值过滤\r\n* @description 可以根据输入项目以及判断条件对表格内的数据进行过滤\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\n\r\n\r\nconst columns26 = [\r\n { title: \"姓名\", width: 180, dataIndex: \"name\", key: \"name\", filterType: \"text\", filterDropdown: \"show\" },\r\n { title: \"年龄\", width: 150, dataIndex: \"age\", key: \"age\", filterType: \"dropdown\", filterDropdown: \"show\" },\r\n { title: \"日期\", width: 200, dataIndex: \"date\", key: \"date\", filterType: \"date\", filterDropdown: \"show\", format: \"YYYY-MM-DD\" },\r\n { title: \"居住地址\", width: 150, dataIndex: \"address\", key: \"address\", filterType: \"dropdown\", filterDropdown: \"show\" },\r\n { title: \"备注\", dataIndex: \"mark\", key: \"mark\" }\r\n];\r\n\r\nconst data26 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-19\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n }, {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"6\",\r\n name: \"Jim Green\",\r\n age: 48,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"7\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"8\",\r\n name: \"Jim Green\",\r\n age: 38,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n }\r\n];\r\n\r\nclass Demo26 extends Component {\r\n handlerFilterChange = (key, val, condition) => {\r\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\r\n }\r\n\r\n handlerFilterClear = (key) => {\r\n console.log('清除条件', key);\r\n }\r\n render() {\r\n return ()\r\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\r\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\r\n filterable={true}//是否开启过滤数据功能\r\n bordered\r\n columns={columns26}\r\n data={data26} />;\r\n }\r\n}\r\n\r\n","desc":" 可以根据输入项目以及判断条件对表格内的数据进行过滤"},{"example":,"title":" 组合过滤和其他功能使用","code":"/**\r\n*\r\n* @title 组合过滤和其他功能使用\r\n* @description 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等\r\n*\r\n*/\r\n\r\n/**\r\n * @description \r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport multiSelect from '../../src/lib/multiSelect';\r\nimport sort from '../../src/lib/sort';\r\nimport Checkbox from 'bee-checkbox';\r\nimport Icon from 'bee-icon';\r\nimport Menu from 'bee-menus';\r\nimport Dropdown from 'bee-dropdown';\r\n\r\n\r\nconst { Item } = Menu;\r\nconst SubMenu = Menu.SubMenu;\r\nconst MenuItemGroup = Menu.ItemGroup;\r\n\r\n\r\nconst dataList = [\r\n { \"key\": \"1\", value: \"库存明细\", id: \"a\" },\r\n { \"key\": \"2\", value: \"订单明细\", id: \"v\" },\r\n { \"key\": \"3\", value: \"发货明细\", id: \"c\" }\r\n]\r\n\r\nconst data27 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-19\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n }, {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"6\",\r\n name: \"Jim Green\",\r\n age: 48,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"7\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"8\",\r\n name: \"Jim Green\",\r\n age: 38,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n }\r\n];\r\n\r\n\r\nconst MultiSelectTable = multiSelect(Table, Checkbox);\r\nconst ComplexTable = sort(MultiSelectTable, Icon);\r\nclass Demo27 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dropdownvalue: []\r\n }\r\n }\r\n handlerFilterChange = (key, val, condition) => {\r\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\r\n }\r\n\r\n handlerFilterClear = (key) => {\r\n console.log('清除条件', key);\r\n }\r\n getSelectedDataFunc = data => {\r\n console.log(data);\r\n }\r\n onClick = (item) => {\r\n console.log(item);\r\n }\r\n\r\n render() {\r\n const menu1 = (\r\n )\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n let columns27 = [\r\n {\r\n title: \"\", width: 40, dataIndex: \"key\", key: \"key\", render: (text, record, index) => {\r\n return \r\n \r\n \r\n }\r\n },\r\n {\r\n title: \"姓名\",\r\n width: 180,\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n filterType: \"text\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"string\"//字符条件\r\n },\r\n {\r\n title: \"年龄\",\r\n width: 180,\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n filterType: \"number\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"number\"//字符条件\r\n },\r\n {\r\n title: \"日期\",\r\n width: 190,\r\n dataIndex: \"date\",\r\n key: \"date\",\r\n filterType: \"date\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"string\"//字符条件\r\n },\r\n {\r\n title: \"时间范围\",\r\n width: 290,\r\n dataIndex: \"mark\",\r\n key: \"mark\",\r\n filterType: \"daterange\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"number\"//字符条件\r\n },\r\n {\r\n title: \"地址\",\r\n width: 100,\r\n dataIndex: \"address\",\r\n key: \"address\",\r\n filterType: \"dropdown\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"number\"//字符条件\r\n }\r\n ];\r\n return ()\r\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\r\n filterDelay={500}//输入文本多少ms触发回调函数,默认500ms\r\n filterable={true}//是否开启过滤数据功能\r\n getSelectedDataFunc={this.getSelectedDataFunc}\r\n bordered\r\n multiSelect={multiObj}\r\n columns={columns27}\r\n data={data27} />;\r\n }\r\n}\r\n\r\n","desc":" 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等"},{"example":,"title":" 列排序,后端排序","code":"/**\r\n*\r\n* @title 列排序,后端排序\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport Icon from \"bee-icon\";\r\nimport sort from \"../../src/lib/sort.js\";\r\nlet ComplexTable = sort(Table, Icon);\r\nconst columns11 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n },\r\n {\r\n title: \"分数\",\r\n dataIndex: \"e\",\r\n key: \"e\",\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n];\r\n\r\nconst data11 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', e:139,key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', e:109, key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', e:159, key: \"3\" }\r\n];\r\n\r\nconst defaultProps = {\r\n prefixCls: \"bee-table\"\r\n};\r\nclass Demo28 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sortOrder: \"\",\r\n data: data11\r\n };\r\n }\r\n /**\r\n * 后端获取数据\r\n */\r\n sortFun = (sortParam)=>{\r\n console.info(sortParam);\r\n //将参数传递给后端排序\r\n }\r\n render() {\r\n let sortObj = {\r\n mode:'multiple',\r\n backSource:true,\r\n sortFun:this.sortFun\r\n }\r\n return ;\r\n }\r\n}\r\nDemo28.defaultProps = defaultProps;\r\n\r\n\r\n","desc":""},{"example":,"title":" 从弹出框内显示过滤行并且设置可选下拉条件","code":"/**\r\n*\r\n* @title 从弹出框内显示过滤行并且设置可选下拉条件\r\n* @description 通过Modal组件来展示表格的过滤相关能力,并且通过filterDropdownIncludeKeys设置可选条件\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport Table from '../../src';\r\nimport Modal from 'bee-modal';\r\nimport Button from 'bee-button';\r\n\r\n\r\nconst columns29 = [\r\n {\r\n title: \"姓名\",\r\n width: 180,\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n filterType: \"text\",\r\n filterDropdown: \"show\",\r\n filterDropdownIncludeKeys: ['LIKE', 'EQ']\r\n },\r\n {\r\n title: \"年龄\",\r\n width: 170,\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n filterType: \"number\",\r\n filterDropdown: \"show\",\r\n filterDropdownType: \"number\",\r\n filterDropdownIncludeKeys: ['EQ'],\r\n filterInputNumberOptions: {\r\n max: 200,\r\n min: 0,\r\n step: 1,\r\n precision: 0\r\n }\r\n },\r\n {\r\n title: \"日期\",\r\n width: 200,\r\n dataIndex: \"date\",\r\n key: \"date\",\r\n filterType: \"date\",\r\n filterDropdown: \"show\",\r\n format: \"YYYY-MM-DD\"\r\n }\r\n];\r\n\r\nconst data29 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-19\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n }, {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"6\",\r\n name: \"Jim Green\",\r\n age: 48,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"7\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"8\",\r\n name: \"Jim Green\",\r\n age: 38,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n }\r\n];\r\n\r\nclass Demo29 extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n show: false\r\n }\r\n this.close = this.close.bind(this);\r\n this.open = this.open.bind(this);\r\n }\r\n handlerFilterChange = (key, val, condition) => {\r\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\r\n }\r\n\r\n handlerFilterClear = (key) => {\r\n console.log('清除条件', key);\r\n }\r\n close() {\r\n this.setState({\r\n show: false\r\n });\r\n }\r\n open() {\r\n this.setState({\r\n show: true\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n 过滤行\r\n \r\n \r\n ()\r\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\r\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\r\n filterable={true}//是否开启过滤数据功能\r\n bordered\r\n columns={columns29}\r\n data={data29} />\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\n","desc":" 通过Modal组件来展示表格的过滤相关能力,并且通过filterDropdownIncludeKeys设置可选条件"},{"example":,"title":" 大数据加载","code":"/**\r\n*\r\n* @title 大数据加载\r\n* 【Tooltip】\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Tooltip from \"bee-tooltip\";\r\nimport Table from \"../../src\";\r\nimport BigData from \"../../src/lib/bigData\";\r\nconst BigDataTable = BigData(Table);\r\nconst columns = [\r\n {\r\n title:'序号',\r\n dataIndex:'index',\r\n width:'50',\r\n render:(text,record,index)=>{\r\n return index\r\n }\r\n },\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\r\n\r\n];\r\n\r\nconst data = [ ...new Array(10000) ].map((e, i) => {\r\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\r\n if(i%3==0){\r\n rs.b = '女';\r\n }\r\n return rs;\r\n })\r\n\r\n\r\nclass Demo30 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {\r\n console.log('currentIndex--'+index);\r\n }}\r\n />\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\n","desc":"","scss_code":".big-data tr td {\r\n // height: 48px;\r\n}"},{"example":,"title":" 含有嵌套子表格的大数据场景","code":"/**\r\n*\r\n* @title 含有嵌套子表格的大数据场景\r\n* @description 通过expandedRowRender参数来实现子表格\r\n*\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Table from \"../../src\";\r\nimport BigData from \"../../src/lib/bigData\";\r\nconst BigDataTable = BigData(Table);\r\nconst outColumns = [\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\", \r\n width:200,\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert(\"这是第\" + index + \"列,内容为:\" + text);\r\n }}\r\n >\r\n 一些操作\r\n \r\n );\r\n }\r\n },\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n \r\n];\r\nconst innerColumns = [\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width:200,\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert(\"这是第\" + index + \"列,内容为:\" + text);\r\n }}\r\n >\r\n {'一些操作'+index}\r\n \r\n );\r\n }\r\n },\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n \r\n];\r\n\r\nconst data16 = [ ...new Array(10000) ].map((e, i) => {\r\n return { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\r\n })\r\n\r\n\r\n\r\n\r\n\r\nclass Demo31 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n data_obj:{\r\n 0:[\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\r\n ],\r\n 1: [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\r\n ],\r\n }\r\n }\r\n }\r\n expandedRowRender = (record, index, indent) => {\r\n let height = 200;\r\n let innderData = [ ...new Array(100) ].map((e, i) => {\r\n return { a: index+\"-\"+ i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: index+\"-\"+ i };\r\n })\r\n return (\r\n \r\n );\r\n };\r\n getData=(expanded, record)=>{\r\n //当点击展开的时候才去请求数据\r\n let new_obj = Object.assign({},this.state.data_obj);\r\n if(expanded){\r\n if(record.key==='1'){\r\n new_obj[record.key] = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\r\n ]\r\n this.setState({\r\n data_obj:new_obj\r\n })\r\n }else{\r\n new_obj[record.key] = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\r\n ]\r\n this.setState({\r\n data_obj:new_obj\r\n })\r\n }\r\n }\r\n }\r\n haveExpandIcon=(record, index)=>{\r\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\r\n if(index == 0){\r\n return true;\r\n }\r\n return false;\r\n }\r\n render() {\r\n return (\r\n 标题: 这是一个标题
}\r\n footer={currentData => 表尾: 我是小尾巴
}\r\n />\r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 通过expandedRowRender参数来实现子表格"},{"example":,"title":" 大数据加载下的复杂Table","code":"/**\r\n*\r\n* @title 大数据加载下的复杂Table\r\n*\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Tooltip from \"bee-tooltip\";\r\nimport Checkbox from 'bee-checkbox';\r\nimport Icon from 'bee-icon';\r\nimport Popover from 'bee-popover';\r\nimport Table from \"../../src\";\r\nimport BigData from \"../../src/lib/bigData\";\r\nimport multiSelect from '../../src/lib/multiSelect';\r\nimport filterColumn from '../../src/lib/filterColumn';\r\n\r\nlet ComplexTable = filterColumn(multiSelect(BigData(Table), Checkbox), Popover, Icon);\r\n\r\nconst columns = [\r\n {\r\n title:'序号',\r\n dataIndex:'index',\r\n width:'50',\r\n render:(text,record,index)=>{\r\n return index\r\n }\r\n },\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\r\n];\r\n\r\nconst data = [ ...new Array(10000) ].map((e, i) => {\r\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\r\n if(i%3==0){\r\n rs.b = '女';\r\n }\r\n return rs;\r\n })\r\n\r\n\r\nclass Demo32 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n getSelectedDataFunc = data => {\r\n console.log(data);\r\n };\r\n\r\n render() {\r\n return (\r\n {\r\n this.setState({\r\n selectedRowIndex: index\r\n });\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}/>\r\n\r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":""},{"example":,"title":" 树状结构的大数据场景","code":"/**\r\n*\r\n* @title 树状结构的大数据场景\r\n* 【Tooltip】\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Tooltip from \"bee-tooltip\";\r\nimport Table from \"../../src\";\r\nimport BigData from \"../../src/lib/bigData\";\r\nconst BigDataTable = BigData(Table);\r\nconst columns = [\r\n {\r\n title:'序号',\r\n dataIndex:'index',\r\n width:'150',\r\n render:(text,record,index)=>{\r\n return index\r\n }\r\n },\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\r\n];\r\n\r\nconst data = [ ...new Array(1000) ].map((e, i) => {\r\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\r\n if(i%3==0){\r\n rs.b = '女';\r\n rs.children = [];\r\n for(let subi=0;subi<3;subi++){\r\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\r\n }\r\n }else{\r\n rs.children = [];\r\n for(let subi=0;subi<3;subi++){\r\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\r\n }\r\n }\r\n return rs;\r\n })\r\n\r\n\r\nclass Demo30 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n onExpandedRowsChange = (params)=>{\r\n console.log(params);\r\n }\r\n onExpand = (expandKeys)=>{\r\n console.log('expand---'+expandKeys);\r\n }\r\n render() {\r\n return (\r\n {\r\n console.log('currentIndex--'+index);\r\n }}\r\n />\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":""},{"example":,"title":" hover呼出菜单栏","code":"/**\r\n*\r\n* @title hover呼出菜单栏\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport Button from \"bee-button\";\r\nimport Tooltip from \"bee-tooltip\";\r\nimport Table from \"../../src\";\r\n\r\nconst columns = [\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 80, className: \"rowClassName\",\r\n fixed:'left',\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 300 },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n render(text, record, index) {\r\n return (\r\n \r\n );\r\n }\r\n }\r\n];\r\n\r\nconst data = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\r\n];\r\n\r\nclass Demo35 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n delFun=()=>{\r\n // console.log('click'+this.currentIndex);\r\n let {data} = this.state;\r\n data.splice(this.currentIndex,1);\r\n this.setState({\r\n data\r\n });\r\n }\r\n onRowHover=(index,record)=>{\r\n this.currentIndex = index;\r\n this.currentRecord = record;\r\n }\r\n getHoverContent=()=>{\r\n return
\r\n }\r\n render() {\r\n return (\r\n \r\n {\r\n this.setState({\r\n selectedRowIndex: index\r\n });\r\n }}\r\n />\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":"","scss_code":".opt-btns{\r\n button{\r\n background: #505F79 ;\r\n height: 26px;\r\n color:#FFFFFF;\r\n line-height: 26px;\r\n }\r\n }"}]
class Demo extends Component {
diff --git a/dist/demo.css b/dist/demo.css
index f750f9e..c559b4d 100644
--- a/dist/demo.css
+++ b/dist/demo.css
@@ -2156,13 +2156,13 @@
color: rgb(255,255,255) !important; }
.bg-primary {
- background-color: rgb(30,136,229) !important; }
+ background-color: rgb(245, 60, 50) !important; }
.bg-primary-contrast {
background-color: rgb(255,255,255) !important; }
.bg-primary-dark {
- background-color: rgb(21,101,192) !important; }
+ background-color: rgb(230, 0, 18) !important; }
.bg-accent {
background-color: rgb(67,160,71) !important; }
@@ -2171,13 +2171,13 @@
background-color: rgb(255,255,255) !important; }
.text-primary {
- color: rgb(30,136,229) !important; }
+ color: rgb(245, 60, 50) !important; }
.text-primary-contrast {
color: rgb(255,255,255) !important; }
.text-primary-dark {
- color: rgb(21,101,192) !important; }
+ color: rgb(230, 0, 18) !important; }
.text-accent {
color: rgb(67,160,71) !important; }
@@ -5980,8 +5980,8 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
/* Navlayout */
.u-button {
background: rgb(224,224,224);
- border: none;
- border-radius: 4px;
+ border: 1px solid rgb(224,224,224);
+ border-radius: 3px;
color: rgb(0,0,0);
position: relative;
min-width: 72px;
@@ -6003,13 +6003,16 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-button::-moz-focus-inner {
border: 0; }
.u-button:hover {
- background-color: rgb(238,238,238); }
+ background-color: rgb(238,238,238);
+ border-color: rgb(238,238,238); }
.u-button:active {
- background-color: rgb(189,189,189); }
+ background-color: rgb(189,189,189);
+ border-color: rgb(189,189,189); }
.u-button.colored {
- color: rgb(30,136,229); }
+ color: rgb(245, 60, 50); }
.u-button.colored:focus:not(:active) {
- background-color: rgb(189,189,189); }
+ background-color: rgb(238,238,238);
+ border-color: rgb(189,189,189); }
.u-button.disable {
-webkit-box-shadow: none;
filter: alpha(opacity=65);
@@ -6029,7 +6032,7 @@ input.u-button[type="submit"] {
width: 38px;
padding: 0;
line-height: normal;
- border: 1px solid rgb(189,189,189); }
+ border: 1px solid rgb(165, 173, 186); }
.u-button-floating.colored {
background: rgb(67,160,71);
color: rgb(255,255,255);
@@ -6055,63 +6058,114 @@ input.u-button[type="submit"] {
background-color: #e6e6e6;
border-color: #adadad; }
-.u-button-primary {
- color: rgb(255,255,255);
- background-color: rgb(30,136,229);
- border: 1px rgb(30,136,229) solid; }
- .u-button-primary.focus, .u-button-primary:focus, .u-button-primary:hover {
- background-color: rgb(66,165,245);
- border-color: rgb(66,165,245); }
- .u-button-primary.active, .u-button-primary:active {
- background-color: rgb(21,101,192);
- border-color: rgb(21,101,192); }
+.u-button-border {
+ color: rgb(0,0,0);
+ border: 1px solid rgb(165, 173, 186);
+ background: rgb(255,255,255); }
+ .u-button-border:hover {
+ color: rgb(0,0,0);
+ background-color: rgb(238,238,238);
+ border-color: rgb(165, 173, 186); }
+ .u-button-border:active {
+ color: rgb(0,0,0);
+ background-color: rgb(189,189,189);
+ border-color: rgb(165, 173, 186); }
+ .u-button-border:focus:not(:active) {
+ color: rgb(0,0,0);
+ background-color: rgb(238,238,238);
+ border-color: rgb(165, 173, 186); }
-.u-button-danger {
+.u-button.u-button-primary {
+ color: rgb(255,255,255);
+ background-color: rgb(245, 60, 50);
+ border: 1px rgb(245, 60, 50) solid; }
+ .u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {
+ background-color: rgb(230, 0, 18);
+ border-color: rgb(230, 0, 18); }
+ .u-button.u-button-primary.active, .u-button.u-button-primary:active {
+ background-color: rgb(230, 0, 18);
+ border-color: rgb(230, 0, 18); }
+
+.u-button.u-button-secondary {
+ color: rgb(0,0,0);
+ background-color: rgb(224,224,224);
+ border: 1px rgb(224,224,224) solid; }
+ .u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover {
+ background-color: rgb(238,238,238);
+ border-color: rgb(238,238,238); }
+ .u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
+ background-color: rgb(189,189,189);
+ border-color: rgb(189,189,189); }
+
+.u-button.u-button-danger {
color: rgb(255,255,255);
background-color: rgb(244,67,54);
border: 1px rgb(244,67,54) solid; }
- .u-button-danger.focus, .u-button-danger:focus, .u-button-danger:hover {
+ .u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover {
background-color: rgb(229,115,115);
border-color: rgb(229,115,115); }
- .u-button-danger.active, .u-button-danger:active {
+ .u-button.u-button-danger.active, .u-button.u-button-danger:active {
background-color: rgb(211,47,47);
border-color: rgb(211,47,47); }
-.u-button-info {
+.u-button.u-button-info {
color: rgb(255,255,255);
background-color: rgb(0,188,212);
border: 1px rgb(0,188,212) solid; }
- .u-button-info.focus, .u-button-info:focus, .u-button-info:hover {
+ .u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover {
background-color: rgb(77,208,225);
border-color: rgb(77,208,225); }
- .u-button-info.active, .u-button-info:active {
+ .u-button.u-button-info.active, .u-button.u-button-info:active {
background-color: rgb(0,151,167);
border-color: rgb(0,151,167); }
-.u-button-warning {
+.u-button.u-button-warning {
color: rgb(255,255,255);
background-color: rgb(255,152,0);
border: 1px rgb(255,152,0) solid; }
- .u-button-warning.focus, .u-button-warning:focus, .u-button-warning:hover {
+ .u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover {
background-color: rgb(255,183,77);
border-color: rgb(255,183,77); }
- .u-button-warning.active, .u-button-warning:active {
+ .u-button.u-button-warning.active, .u-button.u-button-warning:active {
background-color: rgb(245,124,0);
border-color: rgb(245,124,0); }
-.u-button-success {
+.u-button.u-button-success {
color: rgb(255,255,255);
background-color: rgb(76,175,80);
border: 1px rgb(76,175,80) solid; }
- .u-button-success.focus, .u-button-success:focus, .u-button-success:hover {
+ .u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover {
background-color: rgb(129,199,132);
border-color: rgb(129,199,132); }
- .u-button-success.active, .u-button-success:active {
+ .u-button.u-button-success.active, .u-button.u-button-success:active {
background-color: rgb(56,142,60);
border-color: rgb(56,142,60); }
+.u-button.u-button-dark {
+ color: rgb(255,255,255);
+ background-color: rgb(97,97,97);
+ border: 1px rgb(97,97,97) solid; }
+ .u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover {
+ background-color: rgb(117,117,117);
+ border-color: rgb(117,117,117); }
+ .u-button.u-button-dark.active, .u-button.u-button-dark:active {
+ background-color: rgb(66,66,66);
+ border-color: rgb(66,66,66); }
+
+.u-button.u-button-light {
+ color: rgb(97,97,97);
+ background-color: rgb(255,255,255);
+ border: 1px rgb(255,255,255) solid; }
+ .u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover {
+ background-color: rgb(238,238,238);
+ border-color: rgb(238,238,238); }
+ .u-button.u-button-light.active, .u-button.u-button-light:active {
+ background-color: rgb(189,189,189);
+ border-color: rgb(189,189,189); }
+
.u-button-border.u-button-success {
color: rgb(76,175,80);
+ background-color: #fff;
border: 1px rgb(76,175,80) solid; }
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {
background-color: rgb(129,199,132);
@@ -6124,6 +6178,7 @@ input.u-button[type="submit"] {
.u-button-border.u-button-warning {
color: rgb(255,152,0);
+ background-color: #fff;
border: 1px rgb(255,152,0) solid; }
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {
background-color: rgb(255,183,77);
@@ -6136,6 +6191,7 @@ input.u-button[type="submit"] {
.u-button-border.u-button-danger {
color: rgb(244,67,54);
+ background-color: #fff;
border: 1px rgb(244,67,54) solid; }
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {
background-color: rgb(229,115,115);
@@ -6148,6 +6204,7 @@ input.u-button[type="submit"] {
.u-button-border.u-button-info {
color: rgb(0,188,212);
+ background-color: #fff;
border: 1px rgb(0,188,212) solid; }
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {
background-color: rgb(77,208,225);
@@ -6159,29 +6216,56 @@ input.u-button[type="submit"] {
border-color: rgb(0,151,167); }
.u-button-border.u-button-primary {
- color: rgb(30,136,229);
- border: 1px rgb(30,136,229) solid; }
+ color: rgb(245, 60, 50);
+ background-color: #fff;
+ border: 1px rgb(245, 60, 50) solid; }
.u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {
- background-color: rgb(66,165,245);
- border-color: rgb(66,165,245);
+ background-color: rgb(230, 0, 18);
+ border-color: rgb(230, 0, 18);
color: #fff; }
.u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {
color: #fff;
- background-color: rgb(21,101,192);
- border-color: rgb(21,101,192); }
+ background-color: rgb(230, 0, 18);
+ border-color: rgb(230, 0, 18); }
-.u-button-border {
- color: rgb(0,0,0);
- border: 1px solid #d9d9d9;
- background-color: #fff; }
+.u-button-border.u-button-secondary {
+ color: rgb(224,224,224);
+ background-color: #fff;
+ border: 1px rgb(224,224,224) solid; }
+ .u-button-border.u-button-secondary.focus, .u-button-border.u-button-secondary:focus, .u-button-border.u-button-secondary:hover {
+ background-color: rgb(238,238,238);
+ border-color: rgb(238,238,238);
+ color: #fff; }
+ .u-button-border.u-button-secondary.active, .u-button-border.u-button-secondary:active {
+ color: #fff;
+ background-color: rgb(189,189,189);
+ border-color: rgb(189,189,189); }
-.u-button-border:hover, .u-button-border:focus {
- color: rgb(0,0,0);
- background: rgb(238,238,238); }
+.u-button-border.u-button-dark {
+ color: rgb(97,97,97);
+ background-color: #fff;
+ border: 1px rgb(97,97,97) solid; }
+ .u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {
+ background-color: rgb(117,117,117);
+ border-color: rgb(117,117,117);
+ color: #fff; }
+ .u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
+ color: #fff;
+ background-color: rgb(66,66,66);
+ border-color: rgb(66,66,66); }
-.u-button-border:active {
- color: #fff;
- background: rgb(189,189,189); }
+.u-button-border.u-button-light {
+ color: rgb(97,97,97);
+ background-color: #fff;
+ border: 1px rgb(255,255,255) solid; }
+ .u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {
+ background-color: rgb(238,238,238);
+ border-color: rgb(238,238,238);
+ color: #fff; }
+ .u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
+ color: #fff;
+ background-color: rgb(189,189,189);
+ border-color: rgb(189,189,189); }
.u-button-icon {
border-radius: 50%;
@@ -6192,16 +6276,20 @@ input.u-button[type="submit"] {
width: 32px;
padding: 0;
line-height: normal;
- border: 1px solid rgb(189,189,189); }
+ border: 1px solid rgb(165, 173, 186); }
.u-button-lg {
padding: 8px 15px;
font-size: 14px; }
.u-button-xg {
- padding: 10px 18px;
+ padding: 10.5px 18px;
font-size: 16px; }
+.u-button-md {
+ padding: 4px 13px;
+ font-size: 14px; }
+
.u-button-sm {
padding: 3px 5px;
font-size: 12px; }
@@ -6263,7 +6351,7 @@ input.u-button[type="submit"] {
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
- border: 1px solid rgb(224,224,224);
+ border: 1px solid rgb(165, 173, 186);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.u-popconfirm-dark {
@@ -6287,27 +6375,27 @@ input.u-button[type="submit"] {
left: -10px;
margin-top: -11px;
border-left-width: 0;
- border-right-color: rgb(224,224,224); }
+ border-right-color: rgb(165, 173, 186); }
.u-popconfirm.left > .arrow {
top: 50%;
right: -10px;
margin-top: -11px;
border-right-width: 0;
- border-left-color: rgb(224,224,224); }
+ border-left-color: rgb(165, 173, 186); }
.u-popconfirm.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
- border-top-color: rgb(224,224,224);
+ border-top-color: rgb(165, 173, 186);
bottom: -10px; }
.u-popconfirm.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
- border-bottom-color: rgb(224,224,224);
+ border-bottom-color: rgb(165, 173, 186);
top: -11px; }
.u-popconfirm > .arrow {
@@ -6458,7 +6546,7 @@ input.u-button[type="submit"] {
.u-button {
background: rgb(224,224,224);
border: 1px solid rgb(224,224,224);
- border-radius: 4px;
+ border-radius: 3px;
color: rgb(0,0,0);
position: relative;
min-width: 72px;
@@ -6486,7 +6574,7 @@ input.u-button[type="submit"] {
background-color: rgb(189,189,189);
border-color: rgb(189,189,189); }
.u-button.colored {
- color: rgb(30,136,229); }
+ color: rgb(245, 60, 50); }
.u-button.colored:focus:not(:active) {
background-color: rgb(238,238,238);
border-color: rgb(189,189,189); }
@@ -6554,14 +6642,14 @@ input.u-button[type="submit"] {
.u-button.u-button-primary {
color: rgb(255,255,255);
- background-color: rgb(30,136,229);
- border: 1px rgb(30,136,229) solid; }
+ background-color: rgb(245, 60, 50);
+ border: 1px rgb(245, 60, 50) solid; }
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {
- background-color: rgb(66,165,245);
- border-color: rgb(66,165,245); }
+ background-color: rgb(230, 0, 18);
+ border-color: rgb(230, 0, 18); }
.u-button.u-button-primary.active, .u-button.u-button-primary:active {
- background-color: rgb(21,101,192);
- border-color: rgb(21,101,192); }
+ background-color: rgb(230, 0, 18);
+ border-color: rgb(230, 0, 18); }
.u-button.u-button-secondary {
color: rgb(0,0,0);
@@ -6693,17 +6781,17 @@ input.u-button[type="submit"] {
border-color: rgb(0,151,167); }
.u-button-border.u-button-primary {
- color: rgb(30,136,229);
+ color: rgb(245, 60, 50);
background-color: #fff;
- border: 1px rgb(30,136,229) solid; }
+ border: 1px rgb(245, 60, 50) solid; }
.u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {
- background-color: rgb(66,165,245);
- border-color: rgb(66,165,245);
+ background-color: rgb(230, 0, 18);
+ border-color: rgb(230, 0, 18);
color: #fff; }
.u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {
color: #fff;
- background-color: rgb(21,101,192);
- border-color: rgb(21,101,192); }
+ background-color: rgb(230, 0, 18);
+ border-color: rgb(230, 0, 18); }
.u-button-border.u-button-secondary {
color: rgb(224,224,224);
@@ -7090,10 +7178,10 @@ input.u-button[type="submit"] {
.u-checkbox input[disabled] {
cursor: not-allowed; }
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
- border-color: #1e88e5; }
+ border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:before {
- box-shadow: inset 0 0 0 10px rgb(30,136,229);
- border-color: rgb(30,136,229); }
+ box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
+ border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: #fff;
content: "\e658";
@@ -7135,8 +7223,8 @@ input.u-button[type="submit"] {
font-size: 14px; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
- box-shadow: inset 0 0 0 10px #1e88e5;
- border-color: #1e88e5; }
+ box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
+ border-color: rgb(245, 60, 50); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(76,175,80);
@@ -7811,7 +7899,7 @@ ul {
white-space: nowrap; }
.u-select-dropdown .u-select-dropdown-menu-item:hover,
.u-select-dropdown .u-select-dropdown-menu-item-active {
- background-color: rgb(227,242,253); }
+ background-color: rgb(235, 236, 240); }
.u-select-dropdown .u-select-dropdown-menu-item-disabled {
color: #ccc;
cursor: not-allowed; }
@@ -8621,21 +8709,21 @@ ul {
.u-table td {
border-bottom: 1px solid rgb(233,233,233); }
.u-table td a {
- color: rgb(30,136,229); }
+ color: rgb(245, 60, 50); }
.u-table td a:hover {
- color: rgb(66,165,245); }
+ color: rgb(230, 0, 18); }
.u-table td a:active {
- color: rgb(21,101,192); }
+ color: rgb(230, 0, 18); }
.u-table tr:hover td .uf-eye {
visibility: visible !important; }
.u-table tr tr a {
- color: rgb(30,136,229); }
+ color: rgb(245, 60, 50); }
.u-table tr tr a:hover {
- color: rgb(66,165,245); }
+ color: rgb(230, 0, 18); }
.u-table tr tr a:active {
- color: rgb(21,101,192); }
+ color: rgb(230, 0, 18); }
.u-table tr.tr-row-hover {
- background: rgb(227,242,253); }
+ background: rgb(235, 236, 240); }
.u-table th,
.u-table td {
padding: 12px 8px;
@@ -8646,7 +8734,7 @@ ul {
.u-table tr.filterable th .filterContext {
height: 35px; }
.u-table-row-hover {
- background: rgb(227,242,253); }
+ background: rgb(235, 236, 240); }
.u-table-scroll {
overflow: auto; }
.u-table-bordered table {
@@ -8729,7 +8817,7 @@ ul {
.u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {
content: "+"; }
.u-table-row.selected {
- background: rgb(227,242,253); }
+ background: rgb(235, 236, 240); }
.u-table tr.u-table-expanded-row {
background: #f7f7f7; }
.u-table tr.u-table-expanded-row:hover {
@@ -8800,8 +8888,8 @@ ul {
background-clip: padding-box;
-moz-user-select: -moz-none;
-webkit-user-select: none;
- /*
- Introduced in IE 10.
+ /*
+ Introduced in IE 10.
*/
-ms-user-select: none;
user-select: none; }
@@ -8844,7 +8932,7 @@ ul {
.u-table-thead .th-drag {
cursor: move; }
.u-table-thead .th-drag:hover {
- background: rgb(227,242,253); }
+ background: rgb(235, 236, 240); }
.u-table-thead .th-drag-hover {
background: #ccc; }
.u-table-thead-th {
diff --git a/dist/demo.css.map b/dist/demo.css.map
index f3533c3..198eb1d 100644
--- a/dist/demo.css.map
+++ b/dist/demo.css.map
@@ -1 +1 @@
-{"version":3,"sources":["demo.css","../node_modules/tinper-bee-core/scss/minxin-variables.scss","TableDemo.scss","../node_modules/tinper-bee-core/scss/minxin-palette.scss","../node_modules/tinper-bee-core/scss/set-normalize.scss","../node_modules/tinper-bee-core/scss/set-global.scss","../node_modules/tinper-bee-core/scss/util-iconfont.css","../node_modules/tinper-bee-core/scss/util-utilities.scss","../node_modules/tinper-bee-core/scss/minxin-mixins.scss","../node_modules/tinper-bee-core/scss/util-shadow.scss","../node_modules/tinper-bee-core/scss/util-keyframe.scss","../node_modules/bee-panel/node_modules/bee-transition/src/Transition.scss","../node_modules/bee-panel/src/Panel.scss","../node_modules/bee-layout/src/Layout.scss","../node_modules/bee-button/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-button/src/Button.scss","../node_modules/bee-button/node_modules/tinper-bee-core/scss/minxin-mixins.scss","../node_modules/bee-transition/src/Transition.scss","../node_modules/bee-popconfirm/src/Popconfirm.scss","../node_modules/bee-form-control/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-form-control/src/FormControl.scss","../node_modules/bee-pagination/node_modules/bee-button/src/Button.scss","../node_modules/bee-pagination/src/Pagination.scss","../node_modules/bee-checkbox/src/Checkbox.scss","../node_modules/bee-select/src/Select.scss","../node_modules/bee-form/src/Form.scss","../node_modules/bee-popover/src/Popover.scss","../node_modules/bee-tooltip/src/Tooltip.scss","../node_modules/bee-loading/src/Loading.scss","../src/Table.scss","../node_modules/bee-input-group-addon/src/InputGroupAddon.scss","../node_modules/bee-datepicker/node_modules/bee-input-group/src/InputGroupButton.scss","../node_modules/bee-datepicker/node_modules/bee-input-group/src/InputGroup.scss","../node_modules/bee-datepicker/src/datepicker.scss","demolist/Demo24.scss","demolist/Demo3.scss","demolist/Demo35.scss"],"names":[],"mappings":"AAAA,iBAAiB;ACuXjB,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;ACrXjB,2DAAO;AACP,6DAAO;AACP,oEAAO;AACP,uDAAO;ACXL;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,mCAAoD,EACrD;;AAED;EACE,8CAA+D,EAChE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,+BAAsD,EACvD;;AAED;EACE,0CAAiE,EAClE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAID;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,kCAA4D,EAC7D;;AAED;EACE,6CAAuE,EACxE;;AAED;EACE,kCAA4D,EAC7D;;AAED;EACE,6CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,gCAA4D,EAC7D;;AAED;EACE,2CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,+BAAsD,EACvD;;AAED;EACE,0CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,gCAAwD,EACzD;;AAED;EACE,2CAAmE,EACpE;;AAID;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,iCAA8D,EAC/D;;AAED;EACE,4CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAID;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAID;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,gCAAwD,EACzD;;AAED;EACE,2CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAID;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAID;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,iCAA2D,EAC5D;;AAED;EACE,4CAAsE,EACvE;;AAED;EACE,gCAA2D,EAC5D;;AAED;EACE,2CAAsE,EACvE;;AAED;EACE,gCAA2D,EAC5D;;AAED;EACE,2CAAsE,EACvE;;AAOD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AACD;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AACD;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AACD;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAKD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,gCAA0D,EAC3D;;AAED;EACE,2CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,iCAA0D,EAC3D;;AAED;EACE,4CAAqE,EACtE;;AAKD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,iCAA0D,EAC3D;;AAED;EACE,4CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,gCAA0D,EAC3D;;AAED;EACE,2CAAqE,EACtE;;AAKD;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AACD;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AACD;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AACD;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AACD;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AACD;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AACD;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AACD;EACE,gCAAyD,EAC1D;;AAED;EACE,2CAAoE,EACrE;;AACD;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AACD;EACE,gCAAyD,EAC1D;;AAED;EACE,2CAAoE,EACrE;;AAMD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,gCAAwD,EACzD;;AAED;EACE,2CAAmE,EACpE;;AAOD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAOD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,iCAA0D,EAC3D;;AAED;EACE,4CAAqE,EACtE;;AAMD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AACD;EACE,8CAAmE,EACpE;;AACD;EACE,2CAAoE,EACrE;;AACD;EACE,gCAAyD,EAC1D;;AACD;EACE,2CAAoE,EACrE;;AAAE;EACE,gCAAyD,EAC1D;;AAKJ;EACE,wCAA4D,EAC7D;;AAED;EACE,6BAAiD,EAClD;;AAID;EACE,8CAA4D,EAC7D;;AAED;EACE,mCAAiD,EAClD;;AAKH;EACE,6CAA8D,EAC/D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,4CAA6D,EAC9D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,kCAAmD,EACpD;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,iCAAkD,EACnD;;AAED;EACE,mCAA2D,EAC5D;;ACz1FD;;;;;;EAME;AAMF;EACI,YAAY;EACZ,aAAa;EACb,+BAA+B;EAC/B,2BAA2B;EAC3B,2BAA2B;EAC3B,+BAA+B,EAClC;;AAED;;;EAGE;AAGF;EACE,UAAU;EACV,YAAY;EACZ,aAAa,EACd;;AAGD;;;GAGG;AACH;EACE,eAAe,EAChB;;AAED;;;EAGE;AACF;EACE,yBAAyB,EAC1B;;AAED;EACI,uBAAuB,EAC1B;;AAWD;;;;;;;;;;;;EAYE,eAAe,EAChB;;AAMD;;;;EAIE,sBAAsB,EACvB;;AAMD;EACE,cAAc;EACd,UAAU,EACX;;AAMD;EACE,yBAAyB,EAC1B;;AAOD;;EAEE,cAAc,EACf;;AASD;EACE,8BAA8B,EAC/B;;AAOD;;EAEE,iBAAiB,EAClB;;AAUD;EACE,oBAAoB;EACpB,2BAA2B;EAC3B,kCAAkC,EACnC;;AAMD;;EAEE,qBAAqB,EACtB;;AAMD;;EAEE,oBAAoB,EACrB;;AAMD;EACE,mBAAmB,EACpB;;AAOD;EACE,eAAe;EACf,iBAAiB,EAClB;;AAMD;EACE,uBAAuB;EACvB,YAAY,EACb;;AAMD;EACE,eAAe,EAChB;;AAOD;;EAEE,eAAe;EACf,eAAe;EACf,mBAAmB;EACnB,yBAAyB,EAC1B;;AAED;EACE,gBAAgB,EACjB;;AAED;EACE,YAAY,EACb;;AASD;EACE,mBAAmB,EACpB;;AAMD;EACE,iBAAiB,EAClB;;AAUD;;;;EAIE,kCAAkC;EAClC,eAAe,EAChB;;AAMD;EACE,iBAAiB,EAClB;;AAOD;EACE,wBAAwB;EACxB,UAAU;EACV,kBAAkB,EACnB;;AASD;;;;EAIE,cAAc,EACf;;AAMD;EACE,kBAAkB,EACnB;;AAQD;;;EAGE,kBAAkB,EACnB;;AAOD;;;;EAIE,UAAU,EACX;;AAOD;;EAEE,qBAAqB,EACtB;;AAMD;;;;EAIE,gBAAgB,EACjB;;AJ69DD;EIt9DE,gBAAgB,EACjB;;AAQD;;;;EAIE,2BAA2B,EAC5B;;AAMD;;EAEE,UAAU;EACV,WAAW,EACZ;;AAMD;;EAEE,+BAA+B,EAChC;;AAMD;EACE,0BAA0B;EAC1B,cAAc;EACd,+BAA+B,EAChC;;AASD;EACE,uBAAuB;EACvB,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,WAAW;EACX,oBAAoB,EACrB;;AAMD;EACE,eAAe,EAChB;;AJq7DD;;EI56DE,uBAAuB;EACvB,WAAW,EACZ;;AJ+6DD;;EIv6DE,aAAa,EACd;;AJ06DD;EIn6DE,8BAA8B,EAC/B;;AJq6DD;;EI55DE,yBAAyB,EAC1B;;AHjFD,eAAe;AAWf,iBAAiB;AI1XjB;EACK,gBAAgB,EACpB;;AAED;EACE,qGJkBiG;EIjBjG,6BJ2BiB;EI1BjB,kBAAkB;EAClB,iBAAiB,EAClB;;AAID;EACE,eAAe,EAChB;;AAGD;;GAEG;AAEH;EACI,6BJqF4B;EIpF5B,kBAAkB,EACrB;;AAED;;GAEG;AAEH;EACI,eAAe;EACf,YAAY;EACZ,UAAU;EACV,2BAA2B;EAC3B,cAAc;EACd,WAAW,EACd;;AAED;;GAEG;AAEH;;;;;;EAMI,uBAAuB,EAC1B;;AAID;;GAEG;AAEH;EACI,iBAAiB,EACpB;;AAED;;gFAEgF;AAEhF;EACI,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,iBAAiB,EACpB;;AAID;;GAEG;AAEH;EACI,UAAU;EACV,oBAAU;EACV,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,mBAAmB;EACnB,WAAW,EACd;;AAED;;;GAGG;AAEH;;EAEI,WAAW;EACX,aAAa;EACb,UAAU;EACV,kBAAkB;EAClB,iBAAiB;EACjB,YAAY,EACf;;AAOD;;;gFAGgF;AAEhF;EACI;;;;;IAKI,mCAAmC;IACnC,uBAAuB;IAAE,+DAA+D;IACxF,4BAA4B;IAC5B,6BAA6B,EAChC;EAED;;IAEI,2BAA2B,EAC9B;EAED;IACI,6BAA4B,EAC/B;EAED;IACI,8BAA6B,EAChC;EAED;;;OAGG;EAEH;;IAEI,YAAY,EACf;EAED;;IAEI,uBAAuB;IACvB,yBAAyB,EAC5B;EAED;;;OAGG;EAEH;IACI,4BAA4B,EAC/B;EAED;;IAEI,yBAAyB,EAC5B;EAED;IACI,2BAA2B,EAC9B;EAED;;;IAGI,WAAW;IACX,UAAU,EACb;EAED;;IAEI,wBAAwB,EAC3B,EAAA;;AAML;;GAEG;AACH;;EAGI,yCAAyC;EACzC,oDAAiC,EACpC;;AC/MD;EAAY,kBAAkB;EAC5B,8EAAQ;EAAuE,QAAQ;EACvF,kYAGkF;EAAS,cAAc,EAAA;;AAI3G;EACI,6BAA6B;EAC7B,gBAAgB;EAChB,mBAAmB;EACnB,oCAAoC;EACpC,mCAAmC,EACtC;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;ALx6BD,eAAe;AAWf,iBAAiB;AM7XjB;EACE,aAAa,EAoBd;EArBD;IAII,sBAAsB;IACtB,aAAa;IACb,uBAAuB;IACvB,YAAY,EACb;EARH;IAWI,sBAAsB;IACtB,gBAAgB;IAChB,gBNgBiB,EMflB;EAdH;IAgBI,uBAAuB,EACxB;EAjBH;IAmBI,uBAAuB,EACxB;;AAKH;EACE,2BAA2B,EAC5B;;AAED;EACE,iCAAiC,EAClC;;AAED;EACE,0BAA0B,EAC3B;;AAID;ECseE,iBAAiB;EACjB,wBAAwB;EACxB,kBAAkB;EAClB,oBAAoB,EDverB;;AAED;ECyeE,sBAAsB;EAElB,kBAAkB;EACd,cAAc;EACtB,sBAAsB;EACtB,oBAAoB,ED5erB;;AAED;EC8eE,oBAAoB,ED5erB;;AAGD;EACE,eAAe;EACf,cAAc,EACf;;AAED;EACE,eAAe;EACf,aAAa,EACd;;AAED;EACE,eAAe;EACf,cAAc,EACf;;AAKD;EACE,+BAA+B,EAChC;;AACD;EACE,kCAAkC,EACnC;;AACD;EACE,kCAAkC,EACnC;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,+BAA+B,EAChC;;AAOD;EACE,qCAAqC,EACtC;;AACD;EACE,qCAAqC,EACtC;;AACD;EACE,sCAAsC,EACvC;;AAKD;EACE,8BAA8B,EAC/B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA0C,EAC3C;;AACD;EACE,4BAA2C,EAC5C;;AACD;EACE,4BAA2C,EAC5C;;AACD;EACE,4BAAyC,EAC1C;;AAKD;EACE,wBAAwB,EACzB;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AAMD;EC4WI,aAAa;EACb,eAAe,EAChB;;AD9WH;ECgXI,YAAY,EACb;;AD9WH;ECiWE,eAAe;EACf,kBAAkB;EAClB,mBAAmB,EDjWpB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,uBAAuB,EACxB;;AAOD;EACE,yBAAyB,EAC1B;;AACD;EACE,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EC2VE,mBAAmB;EACnB,kBAAkB;EAClB,8BAA8B;EAC9B,UAAU,ED5VX;;AAID;EACE,yBAAyB,EAC1B;;AAGD,QAAA;AACA;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,YAAY,EACb;;AAKD;EACE,YAAY,EACb;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,YAAY,EACb;;AAKD;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAGD;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAKD;EACE,aAAa,EACd;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,wBAAwB,EACzB;;AAED;EACE,aAAa,EACd;;AAGD,SAAA;AAEA;EACE,UAAU,EACX;;AAED;EACE,aAAa,EACd;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,gBAAgB;EAChB,mBAAmB,EACpB;;AAED;EACE,gBAAgB;EAChB,mBAAmB,EACpB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,kBAAkB;EAClB,iBAAiB,EAClB;;AAED;EACE,kBAAkB;EAClB,iBAAiB,EAClB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,gBAAgB,EACjB;;AAED;EACE,gBAAgB,EACjB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EACrB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EACrB;;AAED;EACE,oBAAoB,EACrB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,cAAc,EACf;;AAED;EACE,oBAAoB;EACpB,mBAAmB,EACpB;;AAED;EACE,kBAAkB;EAClB,qBAAqB,EACtB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EACrB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,qBAAqB,EACtB;;AAID;EACE,qBAAqB,EACtB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AAID;EACE,yBAAyB;EACzB,4BAA4B,EAC7B;;AACD;EACE,2BAA2B;EAC3B,8BAA8B,EAC/B;;AACD;EACE,2BAA2B;EAC3B,8BAA8B,EAC/B;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AAID;EACE,2BAA2B;EAC3B,0BAA0B,EAC3B;;AACD;EACE,6BAA6B;EAC7B,4BAA4B,EAC7B;;AACD;EACE,6BAA6B;EAC7B,4BAA4B,EAC7B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AAGD;EACE,yBAAyB,EAC1B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AAID;EACE,4BAA4B,EAC7B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AAID;EACE,0BAA0B,EAC3B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AAID;EACE,2BAA2B,EAC5B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AAGD,SAAA;AACA;EACE,sBAAsB,EACvB;;AAED;EACE,4BAA4B;EAC5B,2BAA2B,EAC5B;;AAED;EACE,0BAA0B;EAC1B,6BAA6B,EAC9B;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,oBAAoB;EACpB,mBAAmB,EACpB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,oBAAoB;EACpB,mBAAmB,EACpB;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,qBAAqB,EACtB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB;EACpB,mBAAmB,EACpB;;AAED;EACE,kBAAkB;EAClB,qBAAqB,EACtB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,kBAAkB;EAClB,qBAAqB,EACtB;;AAED;EACE,kBAAkB;EAClB,qBAAqB,EACtB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EACrB;;AAKD;EACE,sBAAsB,EACvB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AAID;EACE,0BAA0B;EAC1B,6BAA6B,EAC9B;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AAID;EACE,4BAA4B;EAC5B,2BAA2B,EAC5B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AAGD;EACE,0BAA0B,EAC3B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AAID;EACE,6BAA6B,EAC9B;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AAID;EACE,2BAA2B,EAC5B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AAID;EACE,4BAA4B,EAC7B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AAGD;EACE,oBAAoB,EAAA;;AAKtB;;;;ECh7BE,yBAAyB,EDq7B1B;;AAED;;;;;;;;;;;;EAYE,yBAAyB,EAC1B;;AAGC;EADF;IC98BE,0BAA0B,EDk9B3B;IAJD;MC78BY,0BAA0B,EAAI;ID68B1C;MC58BY,8BAA8B,EAAI;ID48B9C;;MC18BY,+BAA+B,EAAI,EAAA;;ADg9B7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAGC;EADF;ICn+BE,0BAA0B,EDu+B3B;IAJD;MCl+BY,0BAA0B,EAAI;IDk+B1C;MCj+BY,8BAA8B,EAAI;IDi+B9C;;MC/9BY,+BAA+B,EAAI,EAAA;;ADq+B7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAGC;EADF;ICx/BE,0BAA0B,ED4/B3B;IAJD;MCv/BY,0BAA0B,EAAI;IDu/B1C;MCt/BY,8BAA8B,EAAI;IDs/B9C;;MCp/BY,+BAA+B,EAAI,EAAA;;AD0/B7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAGC;EADF;IC7gCE,0BAA0B,EDihC3B;IAJD;MC5gCY,0BAA0B,EAAI;ID4gC1C;MC3gCY,8BAA8B,EAAI;ID2gC9C;;MCzgCY,+BAA+B,EAAI,EAAA;;AD+gC7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAIC;EADF;IC3hCE,yBAAyB,ED+hC1B,EAAA;;AAEC;EADF;IChiCE,yBAAyB,EDoiC1B,EAAA;;AAEC;EADF;ICriCE,yBAAyB,EDyiC1B,EAAA;;AAEC;EADF;IC1iCE,yBAAyB,ED8iC1B,EAAA;;AAGD,QAAA;AAEA;EACE,0BAA0B;EAC1B,gBAAgB,EACjB;;AAED,QAAA;AACA;EACE,eAAe;EACf,8BAA8B,EAC/B;;AAGD;EACE,gBAAgB;EAChB,sBAAa;EACb,8BAA8B;EAC9B,sBAAsB,EAEvB;;AAED;;EAEE,WAAW,EACZ;;AAED;EACI,2BAA2B,EAC9B;;AAGD;EACE,uCAA4B,EAC7B;;AAED;EACE,wCAA6B,EAC9B;;AAED;EACE,yCAA8B,EAC/B;;AAED;EACE,0CAA+B,EAChC;;ANzxCD,eAAe;AAWf,iBAAiB;AQ/XjB;EDsME,iBAAiB,ECpMlB;;AAED;EDsME,gHAEkC;EAClC,0EAE6C,ECzM9C;;AAED;ED0ME,gHAEkC,EC1MnC;;AAED;ED2ME,iHAE8C,EC3M/C;;AAED;ED4ME,kHAE8C,EC5M/C;;AAED;ED6ME,sHAE8C,EC7M/C;;AAED;ED+ME,wHAEgD,EC/MjD;;AAED;EDiNE,yHAEgD,ECjNjD;;AChCD,kBAAA;;AAiBA;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,0BAA0B;IAE1B,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,0BAA0B;IAE1B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,0BAA0B;IAE1B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,0BAA0B;IAE1B,uBAAiB,EAAA,EAAA;;AA0B7B;EACE;;IAGU,2BAAqB,EAAA;EAE/B;IAEU,6BAAqB,EAAA;EAE/B;IAEU,4BAAqB,EAAA;EAE/B;IAEU,4BAAqB,EAAA;EAE/B;IAEU,2BAAqB,EAAA,EAAA;;AAejC;EACE;IACE,WAAW;IAEH,sBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,oBAAgB,EAAA,EAAA;;AAc5B;EACE;IAEU,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,sBAAgB,EAAA,EAAA;;AAc5B;EACE;IACE,WAAW;IAEH,sBAAgB,EAAA;EAE1B;IAEU,oBAAgB,EAAA,EAAA;;AAc5B;EACE;IAEU,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA;EAE1B;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA;EAE1B;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA;EAE1B;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA;EAE1B;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA,EAAA;;AAG5B;EACE;IACE,WAAW;IACX,uBAAgB,EAAA;EAElB;IACE,WAAW;IACX,uBAAgB,EAAA,EAAA;;AAGpB;EACE;IAEE,uBAAgB,EAAA;EAElB;IACE,WAAW;IACX,uBAAgB,EAAA,EAAA;;AAGpB;EACE;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA;EAEnB;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA,EAAA;;AAGrB;EACE;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA;EAEnB;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA,EAAA;;AT5SrB,eAAe;AAWf,iBAAiB;AUhYjB;EACE,mBAAmB;EACnB,UAAU;EACV,iBAAiB;EAEjB,wCAAwC;EAExC,2BAA2B;EAE3B,iCAAiC,EAClC;;AACD;EACI,cAAc,EACjB;;AACD;EACI,eAAe,EAClB;;ACZD;EACI,wBAAwB;EACxB,eX8qC0B;EW7qC1B,mBAAmB;EACnB,oBAAoB;EAEpB,2CAA4B;EAC5B,uBXwqCkB;EWvqClB,8BAA8B;EAC9B,mBAAmB,EAmDtB;EA5DD;IAWQ,4BAA4B;IAC5B,6BAA6B;IAC7B,mBAAmB;IACnB,mBX4pCyB;IW3pCzB,qCAAqC,EACxC;EAhBL;IAkBQ,+BAA+B;IAC/B,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,yCAAoC,EACvC;EAxBL;IA0BQ,mBXipCyB;IWhpCzB,0BXmpCwB;IWlpCxB,2BXqpCuB;IWppCvB,gCAAgC;IAChC,+BAA+B,EAClC;EA/BL;IAiCQ,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,eAAe,EAIlB;IAzCL;MAuCU,eAAc,EACf;EAxCT;IA2CQ,mBXioCuB;IWhoCvB,mBAAmB,EAetB;IA3DL;MA8CY,mBAAmB;MACnB,YAAY;MACZ,UAAU;MACV,YAAY;MACZ,gBAAgB;MAChB,iBAAiB;MACjB,YAAY;MACZ,mBAAmB;MACnB,gBAAgB,EAInB;MA1DT;QAwDgB,eAAe,EAClB;;AAKb;EACQ,mBXknCuB,EW1mC9B;EATD;IAGQ,0BX4mCwB;IW3mCxB,YAAY,EACf;EALL;IAOQ,kCAAkC,EACrC;;AAML;EACI,mBXomC2B,EW5lC9B;EATD;IAGQ,8BXkmCuB,EWjmC1B;EAJL;IAMQ,2BX+lCuB;IW9lCvB,uBAAuB,EAC1B;;AAEL;EAGI,wBAAwB,EAC3B;;AACD;EACI,eAAe;EACf,aAAa,EAChB;;AACD;EACI,cAAa,EAChB;;AACD;EACI,oBAAoB,EAevB;EAhBD;IAGI,iBAAiB;IACjB,mBAAmB,EAClB;EALL;IAOI,gBAAgB,EACf;EARL;IAUI,iBAAiB;IACjB,gBAAgB,EACf;EAZL;IAcI,2BXikC2B,EWhkC1B;;AXgQL,eAAe;AAWf,iBAAiB;AY1SjB;EAzEE,mBAAmB;EACnB,kBAAkB;EAClB,mBAAoB;EACpB,oBAAmB,EAkFpB;EATC;IAHF;MAII,aZ2YiC,EYnYpC,EAAA;EANC;IANF;MAOI,aZ6YiC,EYxYpC,EAAA;EAHC;IATF;MAUI,cZ+YkC,EY7YrC,EAAA;;AAOD;EA5FE,mBAAmB;EACnB,kBAAkB;EAClB,mBAAoB;EACpB,oBAAmB,EA2FpB;;AAOD;EA3FE,mBAAkB;EAClB,oBAAmB;EACnB,uBAAuB,EAoGxB;EAXD;IAGI,eAAe;IACf,aAAa,EACd;EALH;IAOI,eAAe;IACf,aAAa;IACb,YAAY,EACb;;AAqCH;EACE,mBAAmB;EAEnB,gBAAgB;EAEhB,mBAAmB;EACnB,oBAAoB;EACpB,uBAAuB,EACxB;;AAED;EACE,YAAW,EACZ;;AA/IC;EACE,WAAU,EACX;;AACD;EACE,YAAW,EACZ;;AAEC;EACE,gBAAgB,EACjB;;AACD;EACE,eAAgB,EACjB;;AACD;EACE,gBAAiB,EAClB;;AACD;EACE,sBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,WAAgB,EACjB;;AACD;EACE,UAAgB,EACjB;;AACD;EACE,WAAiB,EAClB;;AACD;EACE,iBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,WAAgB,EACjB;;AACD;EACE,UAAgB,EACjB;;AACD;EACE,WAAiB,EAClB;;AACD;EACE,iBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,WAAgB,EACjB;;AACD;EACE,UAAgB,EACjB;;AACD;EACE,WAAiB,EAClB;;AACD;EACE,iBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,YAAgB,EACjB;;AACD;EACE,WAAgB,EACjB;;AACD;EACE,YAAiB,EAClB;;AACD;EACE,kBAAsB,EACvB;;AAqIL;EACE;IACE,YAAW,EACZ;EA1JD;IACE,WAAU,EACX;EACD;IACE,YAAW,EACZ;EAEC;IACE,gBAAgB,EACjB;EACD;IACE,eAAgB,EACjB;EACD;IACE,gBAAiB,EAClB;EACD;IACE,sBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,YAAgB,EACjB;EACD;IACE,WAAgB,EACjB;EACD;IACE,YAAiB,EAClB;EACD;IACE,kBAAsB,EACvB,EAAA;;AAgJL;EACE;IACE,YAAW,EACZ;EACD;IACE,YAAW,EACZ;EAxKD;IACE,WAAU,EACX;EACD;IACE,YAAW,EACZ;EAEC;IACE,gBAAgB,EACjB;EACD;IACE,eAAgB,EACjB;EACD;IACE,gBAAiB,EAClB;EACD;IACE,sBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,YAAgB,EACjB;EACD;IACE,WAAgB,EACjB;EACD;IACE,YAAiB,EAClB;EACD;IACE,kBAAsB,EACvB;EAID;IACE,WAAU,EACX;EACD;IACE,YAAW,EAOZ;EAEC;IACE,gBAAgB,EACjB;EACD;IACE,eAAgB,EACjB;EACD;IACE,gBAAiB,EAClB;EACD;IACE,sBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,YAAgB,EACjB;EACD;IACE,WAAgB,EACjB;EACD;IACE,YAAiB,EAClB;EACD;IACE,kBAAsB,EACvB,EAAA;;AAkIP;EACE;IACE,YAAW,EACZ;EAnLD;IACE,WAAU,EACX;EACD;IACE,YAAW,EACZ;EAEC;IACE,gBAAgB,EACjB;EACD;IACE,eAAgB,EACjB;EACD;IACE,gBAAiB,EAClB;EACD;IACE,sBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,YAAgB,EACjB;EACD;IACE,WAAgB,EACjB;EACD;IACE,YAAiB,EAClB;EACD;IACE,kBAAsB,EACvB,EAAA;;AC2RL,eAAe;AAWf,iBAAiB;ACpVjB;EACE,6BduDqB;EctDrB,aAAa;EACb,mBdoSsB;EcnStB,kBdiQiC;EchQjC,mBAAmB;EACnB,gBdyRmB;EcxRnB,kBd0R8B;EczR9B,sBAAsB;ECPpB,qGf0B+F;EeuJjG,gBAAa;EACb,iBAAiB;EAEjB,eAAe;EACf,kBAAkB;ED5KlB,iBAAiB;EACjB,mCAAmC;EACnC,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,qBD0O4B;ECzO5B,uBAAuB,EA2BxB;EA5CD;IAmBI,UAAU,EACX;EApBH;IAuBI,mCdkCkB,EcjCnB;EAxBH;IA2BI,mCd4BkB,Ec3BnB;EA5BH;IA+BI,uBdwHoB,EcnHrB;IApCH;MAkCM,mCdqBgB,EcpBjB;EAnCL;IAsCI,yBAAyB;IACzB,0BAAa;IACb,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EACd;;AAGH;EACE,yBAAwB,EACzB;;AAGD;EACE,mBAAmB;EACnB,gBduPuB;EctPvB,adoPkB;EcnPlB,aAAa;EACb,gBdkPkB;EcjPlB,YdiPkB;EchPlB,WAAW;EACX,oBAAoB;EACpB,mCdA+B,EcmBhC;EA5BD;IAYI,2BdqN0B;IcpN1B,wBduN+B;Ic1M/B,6Bd2MiC,Ec1MlC;IA3BH;MAgBM,mCdkN8B,EcjN/B;IAjBL;MAoBM,iCd+M+B,Ec9MhC;IArBL;MAwBM,iCd2M+B,Ec1MhC;;AAKL;EACI,oBAAoB;EACpB,aAAa;EACb,0BAAa;EACb,iBAAiB,EACpB;;AAED;EACI,YAAY;EACZ,uBAAuB;EACvB,mBAAmB,EAKtB;EARD;IAKQ,0BAA0B;IAC1B,sBAAsB,EACzB;;AAIL;EC+OQ,wBflF2B;EemF3B,kCf5LgB;Ee6LhB,kCAA2B,ED/OlC;EAFD;ICoPQ,kCf/LqB;IegMrB,8BfhMqB,EeiMxB;EDtPL;ICyPQ,kCfnMsB;IeoMtB,8BfpMsB,EeqMzB;;ADxPL;EC4OQ,wBflF2B;EemF3B,iCfnKe;EeoKf,iCAA2B,ED5OlC;EAFD;ICiPQ,mCftKoB;IeuKpB,+BfvKoB,EewKvB;EDnPL;ICsPQ,iCf1KqB;Ie2KrB,6Bf3KqB,Ee4KxB;;ADrPL;ECyOQ,wBflF2B;EemF3B,iCfhLY;EeiLZ,iCAA2B,EDzOlC;EAFD;IC8OQ,kCfnLkB;IeoLlB,8BfpLkB,EeqLrB;EDhPL;ICmPQ,iCfvLmB;IewLnB,6BfxLmB,EeyLtB;;ADlPL;ECsOQ,wBflF2B;EemF3B,iCf5Ke;Ee6Kf,iCAA2B,EDtOlC;EAFD;IC2OQ,kCf/KqB;IegLrB,8BfhLqB,EeiLxB;ED7OL;ICgPQ,iCfnLsB;IeoLtB,6BfpLsB,EeqLzB;;AD/OL;ECmOQ,wBflF2B;EemF3B,iCfpLe;EeqLf,iCAA2B,EDnOlC;EAFD;ICwOQ,mCfvLqB;IewLrB,+BfxLqB,EeyLxB;ED1OL;IC6OQ,iCf3LsB;Ie4LtB,6Bf5LsB,Ee6LzB;;AD3OL;ECwMI,sBf5JmB;Ee6JnB,iCAA2B,EDvM9B;EAFD;IC4MI,mCf/JyB;IegKzB,+BfhKyB;IeiKzB,YAAW,EACV;ED/ML;ICkNQ,YAAW;IACX,iCfrKsB;IesKtB,6BftKsB,EeuKzB;;ADlNL;ECqMI,sBfpJmB;EeqJnB,iCAA2B,EDpM9B;EAFD;ICyMI,kCfvJyB;IewJzB,8BfxJyB;IeyJzB,YAAW,EACV;ED5ML;IC+MQ,YAAW;IACX,iCf7JsB;Ie8JtB,6Bf9JsB,Ee+JzB;;AD/ML;ECkMI,sBf3ImB;Ee4InB,iCAA2B,EDjM9B;EAFD;ICsMI,mCf9IwB;Ie+IxB,+Bf/IwB;IegJxB,YAAW,EACV;EDzML;IC4MQ,YAAW;IACX,iCfpJqB;IeqJrB,6BfrJqB,EesJxB;;AD5ML;EC+LI,sBfxJgB;EeyJhB,iCAA2B,ED9L9B;EAFD;ICmMI,kCf3JsB;Ie4JtB,8Bf5JsB;Ie6JtB,YAAW,EACV;EDtML;ICyMQ,YAAW;IACX,iCfjKmB;IekKnB,6BflKmB,EemKtB;;ADxML;EC2LI,uBfpKoB;EeqKpB,kCAA2B,ED1L9B;EAFD;IC+LI,kCfvKyB;IewKzB,8BfxKyB;IeyKzB,YAAW,EACV;EDlML;ICqMQ,YAAW;IACX,kCf7KsB;Ie8KtB,8Bf9KsB,Ee+KzB;;ADpML;EACI,kBdgI+B;Ec/H/B,0BAA0B;EAC1B,uBAAuB,EAC1B;;AACD;EACI,kBd2H+B;Ec1H/B,6BdlFkB,EcmFrB;;AACD;EACI,YAAY;EACZ,6BdxFkB,EcyFrB;;AAED;EACI,mBAAmB;EACnB,gBdwJqB;EcvJrB,adyJiB;EcxJjB,aAAa;EACb,gBduJiB;EctJjB,YdsJiB;EcrJjB,WAAW;EACX,oBAAoB;EACpB,mCd/F6B,EcgGhC;;AAGD;ECoME,kBFxFuB;EEyFvB,gBFxFe,EC3GhB;;AAED;ECgME,mBFlFuB;EEmFvB,gBFlFe,EC5GhB;;AAGD;EC0LE,iBF5EsB;EE6EtB,gBF5Ee,EC7GhB;;AAED;EACE,iBAAiB,EAClB;;AAID;EACE,sBAAsB,EACvB;;AAGD;EACE,oBAAoB;EACpB,eAAe;EACf,YAAY,EACb;;AAGD;EACE,+BAA+B,EAChC;;AAED;EACE,+BAA+B,EAChC;;AEvMD;EACE,mBAAmB;EACnB,UAAU;EACV,iBAAiB;EAEjB,wCAAwC;EAExC,2BAA2B;EAE3B,iCAAiC,EAClC;;AACD;EACI,cAAc,EACjB;;AACD;EACI,eAAe,EAClB;;AhBqWD,eAAe;AAWf,iBAAiB;AiB9XjB;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,cjBsFoB;EiBrFpB,cAAc;EACd,iBjBytCwB;EiBxtCxB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,uBAAuB;EACvB,iBAAiB;EACjB,wBAAwB;EACxB,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,uBAAuB;EACvB,6BAA6B;EAC7B,mCjBgCmB;EiB/BnB,mBAAmB;EACnB,0CAA2B,EAM9B;EAhCD;IA6BQ,gCjBsBc;IiBrBd,YAAY,EACf;;AAGL;EACI,kBjBgsCoB,EiB/rCvB;;AAED;EACI,mBjB4rCoB,EiB3rCvB;;AAED;EACI,kBjBwrCoB,EiBvrCvB;;AAED;EACI,iBjBorCoB,EiBnrCvB;;AAED;EACI,SAAS;EACT,YAAY;EACZ,kBAAkB;EAClB,qBAAqB;EACrB,qCjBCmB,EiBAtB;;AAED;EACI,SAAS;EACT,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,oCjBPmB,EiBQtB;;AAED;EACI,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,mCjBdmB;EiBenB,cAAc,EACjB;;AAED;EACI,UAAU;EACV,mBAAmB;EACnB,oBAAoB;EACpB,sCjBtBmB;EiBuBnB,WAAW,EACd;;AAED;EACI,mBjBmpCyB,EiBlpC5B;;AAED;EACI,mBAAmB;EACnB,eAAe;EACf,SAAS;EACT,UAAU;EACV,0BAA0B;EAC1B,oBAAoB,EACvB;;AAGD;EACI,mBjBqoCyB;EiBpoCzB,YAAY,EACf;;AAED;EACI,aAAa;EACb,UAAU;EACV,cAAc;EACd,qBAAqB;EACrB,yBjBioCmC,EiBhoCtC;;AAED;EACI,aAAa;EACb,WAAW;EACX,sBAAsB;EACtB,wBjB0nCmC;EiBznCnC,cAAc,EACjB;;AAED;EACI,aAAa;EACb,YAAY;EACZ,mBAAmB;EACnB,uBAAuB;EACvB,uBjBinCmC,EiBhnCtC;;AAED;EACI,aAAa;EACb,SAAS;EACT,mBAAmB;EACnB,oBAAoB;EACpB,0BjBymCmC,EiBxmCtC;;AAGD;EACI,kCjBpFkB,EiBqFrB;;AAED;EACI,iCjBxFkB,EiByFrB;;AAED;EACI,gCjB5FkB,EiB6FrB;;AAED;EACI,mCjBhGkB,EiBiGrB;;AAGD;EACI,cAAc,EACjB;;AACD;EACI,mBAAmB,EAItB;EALD;IAGQ,mBAAmB,EACtB;;AAGL;EACI,aAAa,EAChB;;ACsKD,eAAe;AAWf,iBAAiB;ACnVjB;EACI,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;EAChB,YAAY;EACZ,aD6R8B;EC5R9B,aAAa;EACb,gBDwRiC;ECvRjC,iBAAiB;EACjB,eD4RwB;EC3RxB,uBD4RwB;EC3RxB,uBAAuB;EACvB,0BD2R+B;EC1R/B,mBDiR4B;EChR5B,oBAAoB,EAMvB;EApBD;IAgBK,sBAAsB;IACtB,WAAW,EACX;EAlBL;IAmB8B,cAAa,EAAG;;AAE9C;EACI,iBDkRgC;ECjRhC,sBDmRuC;EClRvC,eDiRgC;EChRhC,oBAAoB,EACvB;;AACD;EACI,aDuQyB;ECtQzB,gBDmQ4B,EClQ/B;;AACD;EACI,gBDiQ4B;EChQ5B,aDmQyB,EClQ5B;;AACD;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,aAAa;EACb,aAAa;EACb,YAAY,EAqBf;EA3BD;IAQQ,YAAY;IACZ,mBAAmB;IACnB,SAAS;IACT,WAAW;IACX,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,sBAAsB,EASzB;IA1BL;MAmBY,oBAAoB;MACpB,gBAAgB;MAChB,YAAY,EAIf;MAzBT;QAuBgB,iBAAiB,EACpB;;AAOb;EACI,mBAAmB;EACnB,sBAAsB;EACtB,YAAY,EAYf;EAfD;IAKQ,mBAAmB;IACnB,SAAS;IAGT,4BAAqB;IACrB,WAAW;IACX,eAAe;IACf,WAAW;IACX,2BAAW,EACd;;AnBkSL,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;AoB1XjB;EACE,6BpBoN4B;EoBlN5B,mCpBkN4B;EoBjN5B,mBpB+RsB;EoB9RtB,kBpB4PiC;EoB3PjC,mBAAmB;EACnB,gBpBoRmB;EoBnRnB,kBpBqR8B;EoBpR9B,sBAAsB;EbZpB,qGP0B+F;EOuJjG,gBAAa;EACb,iBAAiB;EAEjB,eAAe;EACf,kBAAkB;EavKlB,iBAAiB;EACjB,mCAAmC;EACnC,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,qBpBgR4B;EoB/Q5B,uBAAuB,EA8BxB;EAhDD;IAoBI,UAAU,EACX;EArBH;IAwBI,mCpBoMwB;IoBnMxB,+BpB4BkB,EoB3BnB;EA1BH;IA6BI,mCpBgMyB;IoB/LzB,+BpBqBkB,EoBpBnB;EA/BH;IAkCI,uBpBiHoB,EoB3GrB;IAxCH;MAqCM,mCpByLsB;MoBxLtB,+BpBagB,EoBZjB;EAvCL;IA0CI,yBAAyB;IACzB,0BAAa;IACb,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EACd;;AAGH;EACE,yBAAwB,EACzB;;AAGD;EACE,mBAAmB;EACnB,gBpB+OuB;EoB9OvB,apB4OkB;EoB3OlB,aAAa;EACb,gBpB0OkB;EoBzOlB,YpByOkB;EoBxOlB,WAAW;EACX,oBAAoB;EACpB,mCpBZqB,EoB+BtB;EA5BD;IAYI,2BpB6M0B;IoB5M1B,wBpB+M+B;IoBlM/B,6BpBmMiC,EoBlMlC;IA3BH;MAgBM,mCpB0M8B,EoBzM/B;IAjBL;MAoBM,iCpBuM+B,EoBtMhC;IArBL;MAwBM,iCpBmM+B,EoBlMhC;;AAKL;EACI,oBAAoB;EACpB,aAAa;EACb,0BAAa;EACb,iBAAiB,EACpB;;AAED;EACI,YAAY;EACZ,uBAAuB;EACvB,mBAAmB,EAKtB;EARD;IAKQ,0BAA0B;IAC1B,sBAAsB,EACzB;;AAGL;EACE,kBpB0JiC;EoBzJjC,mCpBpDqB;EoBqDrB,6BpBgH8B,EoB9F/B;EArBD;IAKI,kBpBsJ+B;IoBrJ/B,mCpBgHwB;IoB/GxB,+BpBzDmB,EoB0DpB;EARH;IAWI,kBpBgJ+B;IoB/I/B,mCpB2GyB;IoB1GzB,+BpB/DmB,EoBgEpB;EAdH;IAiBI,kBpB0I+B;IoBzI/B,mCpBsGwB;IoBrGxB,+BpBrEmB,EoBsEpB;;AAGH;EbkNQ,wBPnF2B;EOoF3B,kCP7LgB;EO8LhB,kCAA2B,Ea/MlC;EALD;IbuNQ,kCPhMqB;IOiMrB,8BPjMqB,EOkMxB;EazNL;Ib4NQ,kCPpMsB;IOqMtB,8BPrMsB,EOsMzB;;AaxNL;Eb4MQ,kBPhF0B;EOiF1B,mCPzLkB;EO0LlB,mCAA2B,EazMlC;EALD;IbiNQ,mCP5LuB;IO6LvB,+BP7LuB,EO8L1B;EanNL;IbsNQ,mCPhMwB;IOiMxB,+BPjMwB,EOkM3B;;AalNL;EbsMQ,wBPnF2B;EOoF3B,iCPpKe;EOqKf,iCAA2B,EanMlC;EALD;Ib2MQ,mCPvKoB;IOwKpB,+BPxKoB,EOyKvB;Ea7ML;IbgNQ,iCP3KqB;IO4KrB,6BP5KqB,EO6KxB;;Aa5ML;EbgMQ,wBPnF2B;EOoF3B,iCPjLY;EOkLZ,iCAA2B,Ea7LlC;EALD;IbqMQ,kCPpLkB;IOqLlB,8BPrLkB,EOsLrB;EavML;Ib0MQ,iCPxLmB;IOyLnB,6BPzLmB,EO0LtB;;AatML;Eb0LQ,wBPnF2B;EOoF3B,iCP7Ke;EO8Kf,iCAA2B,EavLlC;EALD;Ib+LQ,kCPhLqB;IOiLrB,8BPjLqB,EOkLxB;EajML;IboMQ,iCPpLsB;IOqLtB,6BPrLsB,EOsLzB;;AahML;EboLQ,wBPnF2B;EOoF3B,iCPrLe;EOsLf,iCAA2B,EajLlC;EALD;IbyLQ,mCPxLqB;IOyLrB,+BPzLqB,EO0LxB;Ea3LL;Ib8LQ,iCP5LsB;IO6LtB,6BP7LsB,EO8LzB;;Aa1LL;Eb8KQ,wBPnF2B;EOoF3B,gCPhSc;EOiSd,gCAA2B,Ea3KlC;EALD;IbmLQ,mCPnSc;IOoSd,+BPpSc,EOqSjB;EarLL;IbwLQ,gCP1Sc;IO2Sd,4BP3Sc,EO4SjB;;AapLL;EbwKQ,qBP/Rc;EOgSd,mCP5Jc;EO6Jd,mCAA2B,EarKlC;EALD;Ib6KQ,mCP/JmB;IOgKnB,+BPhKmB,EOiKtB;Ea/KL;IbkLQ,mCPnKoB;IOoKpB,+BPpKoB,EOqKvB;;Aa7KL;EbyII,sBP5JmB;EO6JnB,uBAAuB;EACvB,iCAA2B,EazI9B;EAFD;Ib8II,mCPhKyB;IOiKzB,+BPjKyB;IOkKzB,YAAW,EACV;EajJL;IboJQ,YAAW;IACX,iCPtKsB;IOuKtB,6BPvKsB,EOwKzB;;AapJL;EbsII,sBPpJmB;EOqJnB,uBAAuB;EACvB,iCAA2B,EatI9B;EAFD;Ib2II,kCPxJyB;IOyJzB,8BPzJyB;IO0JzB,YAAW,EACV;Ea9IL;IbiJQ,YAAW;IACX,iCP9JsB;IO+JtB,6BP/JsB,EOgKzB;;AajJL;EbmII,sBP3ImB;EO4InB,uBAAuB;EACvB,iCAA2B,EanI9B;EAFD;IbwII,mCP/IwB;IOgJxB,+BPhJwB;IOiJxB,YAAW,EACV;Ea3IL;Ib8IQ,YAAW;IACX,iCPrJqB;IOsJrB,6BPtJqB,EOuJxB;;Aa9IL;EbgII,sBPxJgB;EOyJhB,uBAAuB;EACvB,iCAA2B,EahI9B;EAFD;IbqII,kCP5JsB;IO6JtB,8BP7JsB;IO8JtB,YAAW,EACV;EaxIL;Ib2IQ,YAAW;IACX,iCPlKmB;IOmKnB,6BPnKmB,EOoKtB;;Aa1IL;Eb4HI,uBPpKoB;EOqKpB,uBAAuB;EACvB,kCAA2B,Ea5H9B;EAFD;IbiII,kCPxKyB;IOyKzB,8BPzKyB;IO0KzB,YAAW,EACV;EapIL;IbuIQ,YAAW;IACX,kCP9KsB;IO+KtB,8BP/KsB,EOgLzB;;AavIL;EbyHI,wBPhKsB;EOiKtB,uBAAuB;EACvB,mCAA2B,EazH9B;EAFD;Ib8HI,mCPpK2B;IOqK3B,+BPrK2B;IOsK3B,YAAW,EACV;EajIL;IboIQ,YAAW;IACX,mCP1KwB;IO2KxB,+BP3KwB,EO4K3B;;AapIL;EbsHI,qBPvQkB;EOwQlB,uBAAuB;EACvB,gCAA2B,EatH9B;EAFD;Ib2HI,mCP3QkB;IO4QlB,+BP5QkB;IO6QlB,YAAW,EACV;Ea9HL;IbiIQ,YAAW;IACX,gCPpRc;IOqRd,4BPrRc,EOsRjB;;AajIL;EbmHI,qBPvQkB;EOwQlB,uBAAuB;EACvB,mCAA2B,EanH9B;EAFD;IbwHI,mCPvIuB;IOwIvB,+BPxIuB;IOyIvB,YAAW,EACV;Ea3HL;Ib8HQ,YAAW;IACX,mCP7IoB;IO8IpB,+BP9IoB,EO+IvB;;Aa7HL;EACI,mBAAmB;EACnB,gBpB8FqB;EoB7FrB,apB+FiB;EoB9FjB,aAAa;EACb,gBpB6FiB;EoB5FjB,YpB4FiB;EoB3FjB,WAAW;EACX,oBAAoB;EACpB,mCpB7JmB,EoB8JtB;;AAGD;Eb2IE,kBP/CuB;EOgDvB,gBP/Ce,EoB3FhB;;AAED;EbuIE,qBPzCuB;EO0CvB,gBPzCe,EoB5FhB;;AAED;EbkIE,kBapWwB;EbqWxB,gBapWiB,EAmOlB;;AAED;Eb8HE,iBPnCsB;EOoCtB,gBPnCe,EoB1FhB;;AAED;EACE,iBAAiB,EAClB;;AAID;EACE,sBAAsB,EACvB;;AAGD;EACE,oBAAoB;EACpB,eAAe;EACf,YAAY,EACb;;AAGD;EACE,+BAA+B,EAChC;;AAED;EACE,+BAA+B,EAChC;;AClQD;EACE,gBAAgB;EAChB,mBAAmB,EA+MpB;EAjND;IAII,YAAY;IACZ,YAAY,EAoGb;IAzGH;MAOM,YAAY;MACZ,eAAe;MACf,YAAY,EACb;IAVL;MAYM,iBAAiB;MACjB,wBAAwB,EACzB;IAdL;MAiBM,sBAAsB;MACtB,sBAAsB;MACtB,8BrB63BmB;MqB53BnB,iCrB43BmB;MqB33BnB,+BrB23BmB;MqB13BnB,8BAA8B;MAC9B,mBAAmB;MACnB,erBs3Ba;MqBr3Bb,kBAAkB;MAClB,wBAAwB,EACzB;IA3BL;MA6BQ,mBAAmB,EACtB;IA9BL;MAgCM,eAAe;MACf,4BAA4B;MAC5B,+BAA+B,EAChC;IAnCL;MAqCM,6BAA6B;MAC7B,gCAAgC,EACjC;IAvCL;MAyCM,6BAA6B;MAC7B,gCAAgC;MAChC,gCAAgC,EACjC;IA5CL;MA8CM,YAAY;MACZ,sBAAsB,EAUvB;MAzDL;QAiDQ,YrBg2Bc;QqB/1Bd,4CrBg2BgB;QqB/1BhB,sBrBg2BuB;QqB/1BvB,gBAAgB,EACjB;MArDP;QAuDQ,eAAe,EAChB;IAxDP;MA4DQ,WAAW;MACX,YrBu1Be;MqBt1Bf,gBAAgB;MAChB,0BrBs1BoB;MqBr1BpB,sBrBs1BwB,EqBr1BzB;IAjEP;MAqEQ,YrBk1BiB;MqBj1BjB,oBAAoB;MACpB,8BAA8B;MAC9B,mBrBi1BuB,EqBh1BxB;IAzEP;MA2EQ,eAAe,EAChB;IA5EP;MA+EM,8BAA8B;MAC9B,+BAA+B;MAC/B,4BAA4B;MAC5B,kBAAkB;MAClB,wBAAwB,EACzB;IApFL;MAuFQ,8BAA8B,EAC/B;IAxFP;MA2FM,uBAAuB;MACvB,4BAA4B;MAC5B,+BAA+B,EAChC;IA9FL;MAgGM,wBAAwB,EACzB;IAjGL;MAmGM,aAAa;MACb,gBAAgB,EACjB;IArGL;MAuGM,gCAAgC,EACjC;EAxGL;IA4GI,aAAa;IACb,cAAc;IACd,uBAAuB,EACxB;EA/GH;IAiHI,qBAAc;IAAd,cAAc;IACd,wBAAoB;IAApB,oBAAoB;IACpB,uBAAoB;IAApB,oBAAoB;IACpB,sBAAkB;IAAlB,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IAEf,sBAAwB;IAAxB,wBAAwB,EACzB;EAzHH;IA2HI,YAAY,EACb;EA5HH;IA8HI,YAAY;IACZ,YAAY;IACZ,iBAAiB,EAkBlB;IAlJH;MAkIM,sBAAsB;MACtB,kBAAkB;MAClB,YAAY,EACb;IArIL;MAuIM,YAAY;MACZ,cAAc;MACd,aAAa;MACb,YAAY,EAOb;MAjJL;QA4IQ,aAAa,EAId;QAhJP;UA8IU,kBAAkB,EACnB;EA/IT;IAoJI,cAAc;IACd,yBAAyB;IACzB,aAAa;IACb,iBAAiB;IACjB,sBAAsB;IACtB,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,gBAAgB;IAChB,cAAc,EACf;EA/JH;IAiKI,YAAY;IACZ,YAAY,EAMb;IAxKH;MAoKM,sBAAsB;MACtB,kBAAkB;MAClB,YAAY,EACb;EAvKL;IA0KI,cAAc;IACd,yBAAyB;IACzB,iBAAiB;IACjB,mBAAmB;IACnB,YAAY;IACZ,mBAAmB;IACnB,0BAA0B,EAE3B;EAlLH;;IAqLI,cAAc;IACd,WAAW;IACX,aAAa;IACb,kBAAkB;IAClB,uBAAuB;IACvB,YAAY,EACb;EA3LH;IA6LI,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,YAAY,EAIb;IApMH;MAkMM,eAAc,EACf;EAnML;IAuMM,mBAAmB;IACnB,QAAQ;IACR,OAAO;IACP,YAAY;IACZ,aAAa;IACb,qCAAgB;IAChB,WAAW;IACX,oBAAoB,EACrB;;AAIL;EACE,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,gBAAgB;EAChB,YrBwrBoB;EqBvrBpB,kBAAkB,EAiCnB;EAxCD;IASI,cAAc;IACd,YAAY;IACZ,uBAAuB;IACvB,kBAAkB;IAClB,aAAa;IACb,kBAAkB;IAClB,eAAe,EAChB;EAhBH;IAkBI,cAAc;IACd,YAAY;IACZ,uBAAuB;IACvB,kBAAkB;IAClB,aAAa;IACb,kBAAkB;IAClB,eAAe,EAChB;EAzBH;IA2BI,eAAe;IACf,YAAY;IACZ,kBAAkB;IAClB,uBAAuB;IACvB,wBAAwB;IACxB,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,aAAa,EACd;EApCH;IAsCI,uBAAuB,EACxB;;AdoJG;EACA,kBPyf0C;EOxf1C,gBPsf0C;EOrf1C,qBP8gB+B,EO7gBhC;;AAEG;EA/FN,+BPgpB6B;EO/oB1B,4BP+oB0B,EO/iBxB;;AAGC;EA5GN,gCPwpB6B;EOvpB1B,6BPupB0B,EO1iBxB;;AAIC;EACA,mBPwewC;EOvexC,gBPqewC;EOpexC,qBP6f6B,EO5f9B;;AArBD;EACA,iBP6fyC;EO5fzC,gBP0f0C;EOzf1C,iBP+gByB,EO9gB1B;;AAEG;EA/FN,+BPipB6B;EOhpB1B,4BPgpB0B,EOhjBxB;;AAGC;EA5GN,gCPypB6B;EOxpB1B,6BPwpB0B,EO3iBxB;;AAIC;EACA,iBP4euC;EO3evC,gBPyewC;EOxexC,iBP8fuB,EO7fxB;;Ac9JP;EAEI,oBAAoB,EAIrB;EANH;IAIM,gBAAgB,EACjB;;AAGL;EAEI,mBAAmB,EACpB;;AAGH;EAEI,aAAa,EACd;;AAHH;EAKI,aAAa,EACd;;AAIH;;EAEE,mBAAmB,EACpB;;AAED;EAGM,cAAc;EACd,mBAAmB;EACnB,0BAA0B,EAK3B;EAVL;IAOQ,8BAA8B;IAC9B,sBrBylB4B,EqBxlB7B;;AATP;EAcQ,mBAAmB,EACpB;;AAfP;EAoBM,wBAAwB,EACzB;;ArB4DL,eAAe;AAWf,iBAAiB;AsB9XjB;EACC,sBAAsB;EACtB,mBAAmB;EACnB,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;EACjB,gBAAgB;EAChB,cAAc;EACd,mBAAmB;EACnB,eAAe;EACf,uBAAuB,EAwE1B;EApFD;IAcE,oBAAoB;IACpB,aAAa,EACb;EAhBF;IAkBE,mBAAmB;IACnB,WAAW;IACX,gBAAgB;IAChB,WAAW;IACX,uBAAuB;IACvB,WAAW;IACX,YAAY;IACT,aAAa,EAChB;EA1BF;IA4BE,oBAAoB,EACpB;EA7BF;IA+BK,sBAAiB,EACpB;EAhCF;IAqCM,6CtB2hBkB;IsB1hBlB,8BtB0hBkB,EsBzhBrB;EAvCH;IAyCG,YAAY;IACZ,iBAAiB;IACd,kBAAkB;IAClB,gBAAgB,EACnB;EA7CH;IAgDE,gBAAgB;IACb,sBAAsB;IAEtB,mBAAmB,EAgCtB;IAnFF;MAuDM,mBAAmB;MACnB,kBAAkB;MAClB,uBAAuB;MAIvB,iCAAiC;MACjC,YAAY;MACZ,kBAAkB;MAClB,sBAAsB;MACtB,YAAY;MACZ,aAAa;MACb,QAAQ;MACX,OAAO;MACJ,mBAAmB;MACnB,mBAAmB,EACtB;IAvEH;MAyEG,YAAY;MACT,kBAAkB;MAClB,sBAAsB;MACtB,YAAY;MACZ,aAAa;MACb,QAAQ;MACR,OAAO;MACP,mBAAmB;MACnB,mBAAmB,EACtB;;AAGH;EACI,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB,EACnB;;AAED;EACI,qCAAgC;EAChC,sBAAiB,EACpB;;AAKD;EAKM,4CtBsDiB;EsBrDjB,6BtBqDiB,EsBpDpB;;AAPH;EAUK,6BtBiDkB,EsBhDrB;;AAKF;EAKM,4CtB8CiB;EsB7CjB,6BtB6CiB,EsB5CpB;;AAPH;EAUK,6BtByCkB,EsBxCrB;;AAKF;EAKM,4CtBuCiB;EsBtCjB,6BtBsCiB,EsBrCpB;;AAPH;EAUK,6BtBkCkB,EsBjCrB;;AAKF;EAKM,2CtBrGgB;EsBsGhB,4BtBtGgB,EsBuGnB;;AAPH;EAUK,4BtB1GiB,EsB2GpB;;AAKF;EAKM,4CtBNc;EsBOd,6BtBPc,EsBQjB;;AAPH;EAUK,6BtBXe,EsBYlB;;AtBoMF,eAAe;AAWf,iBAAiB;ASjYjB,kBAAA;;AAiBA;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,0BAA0B;IAE1B,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,0BAA0B;IAE1B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,0BAA0B;IAE1B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,0BAA0B;IAE1B,uBAAiB,EAAA,EAAA;;AA0B7B;EACE;;IAGU,2BAAqB,EAAA;EAE/B;IAEU,6BAAqB,EAAA;EAE/B;IAEU,4BAAqB,EAAA;EAE/B;IAEU,4BAAqB,EAAA;EAE/B;IAEU,2BAAqB,EAAA,EAAA;;AAejC;EACE;IACE,WAAW;IAEH,sBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,oBAAgB,EAAA,EAAA;;AAc5B;EACE;IAEU,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,sBAAgB,EAAA,EAAA;;AAc5B;EACE;IACE,WAAW;IAEH,sBAAgB,EAAA;EAE1B;IAEU,oBAAgB,EAAA,EAAA;;AAc5B;EACE;IAEU,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA;EAE1B;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA;EAE1B;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA;EAE1B;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA;EAE1B;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA,EAAA;;AAG5B;EACE;IACE,WAAW;IACX,uBAAgB,EAAA;EAElB;IACE,WAAW;IACX,uBAAgB,EAAA,EAAA;;AAGpB;EACE;IAEE,uBAAgB,EAAA;EAElB;IACE,WAAW;IACX,uBAAgB,EAAA,EAAA;;AAGpB;EACE;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA;EAEnB;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA,EAAA;;AAGrB;EACE;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA;EAEnB;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA,EAAA;;Ac/pBrB;EACI,UAAU;EACV,WAAW;EACX,iBAAiB,EAClB;;AACD;EACI,uBAAuB;EACvB,sBAAsB;EACtB,mBAAmB;EACnB,YvByuCa;EuBxuCb,YAAY;EACZ,gBvBwuCiB,EuB1qCpB;EApED;IASQ,aAAa,EAChB;EAVL;IAYM,gBvBkuCe,EuBjuChB;EAbL;IAeM,cAAc,EACf;EAhBL;IAkBQ,mBAAmB;IACnB,yBAAyB;IACzB,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,mCAAmC;IACnC,oCAAoC;IACpC,mCAAmC;IACnC,mBAAmB;IACnB,SAAS;IACT,WAAW;IACX,eAAe;IACf,iBAAiB;IACjB,sBAAsB;IACtB,gBvB8sCa;IuB7sCb,kBAAkB;IAGV,oCAA6B;IACrC,aAAa;IACb,+GAA+G;IAC/G,QAAQ,EAUX;IAjDL;MAyCU,eAAe;MACf,kBAAkB;MAClB,iBAAiB;MAGjB,gCAAgC,EAEjC;EAhDT;IAmDQ,cAAc;IACd,0BAA0B;IACvB,uBAAuB;IACtB,sBAAsB;IAClB,kBAAkB;IAC1B,uBAAuB;IACvB,eAAe;IACf,uBvBgrCY;IuB/qCZ,mBvBirCgB;IuBhrChB,0BvB+qCmB;IuB7qCnB,0DAAiC,EAIpC;IAlEL;MAgEU,sBAAsB,EACvB;;AAIT;EACE,WAAW;EACX,uBAAuB,EACxB;;AAMD;;;EAGE,sBAAsB;EACtB,WAAW;EACX,iBAAiB,EAClB;;AACD;EACE,sBAAsB;EACtB,mBAAmB;EACnB,yBAAyB;EACzB,mBAAmB;EACnB,qBAAqB;EACrB,qBAAqB;EACrB,WAAW;EACX,mBAAmB;EACnB,WAAW;EACX,WAAW;EACX,iBAAiB;EACjB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAEhB,gDAAgD,EACjD;;AACD;EACE,eAAe;EACf,kBAAkB;EAClB,mCAAmC;EACnC,oCAAoC;EACpC,mCAAmC;EACnC,iBAAiB,EAClB;;AACD;EACE,YAAY,EACb;;AACD;EACE,WAAW,EACZ;;AACD;EACE,YAAY;EACZ,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;EACpB,gBAAgB;EAChB,oBAAoB,EACrB;;AAGD;EACI,YvBgnCsB,EuBllCzB;EA/BD;IAGQ,oBvB+mCkB;IuB9mClB,oBAAoB,EACvB;EALL;IAOQ,sBvB4mC4B;IuB3mC5B,iBAAiB,EACpB;EATL;IAWQ,cAAc;IACd,mBAAmB;IACnB,qBAAqB,EACxB;EAdL;IAgBQ,oBAAoB;IACpB,YAAY;IACZ,oBAAoB,EACvB;EAnBL;IAqBQ,cAAc,EACjB;EAtBL;IAyBQ,YAAY;IACZ,gBAAgB,EACnB;EA3BL;IA6BQ,YAAY,EACf;;AAIL;EACI,aAAa;EACb,mBAAmB;EACnB,gBAAgB,EACnB;;AACD;EACI,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,kBAAkB,EAQrB;EAbD;IAOQ,aAAa;IACb,mBAAmB;IACnB,qBAAqB;IACrB,sBAAsB;IACtB,SAAS,EACZ;;AAGL;EAEQ,aAAa,EAChB;;AAHL;EAKQ,kBAAkB,EACrB;;AANL;EAQQ,iBAAiB,EACpB;;AATL;EAWQ,aAAa;EACb,kBAAkB,EACrB;;AAEL;EAEQ,mBAAmB,EACtB;;AAHL;EAKQ,aAAa,EAChB;;AANL;EAQQ,kBAAkB,EACrB;;AATL;EAWQ,iBAAiB,EACpB;;AAZL;EAcQ,aAAa;EACb,kBAAkB,EACrB;;AAIL;EACE,sBAAsB;EACtB,mBAAmB,EACpB;;AACD;;EAEE,mBAAmB;EACnB,SAAS;EACT,QAAQ;EACR,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,aAAa;EACb,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB,EACrB;;AACD;EACE,UAAU,EACX;;AAED;EACI,mBAAmB;EACnB,YAAY;EACZ,aAAa,EAwBhB;EA3BD;IAKQ,YAAY;IACZ,aAAa,EAChB;EAPL;IASQ,UAAU;IACV,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,wBAAwB;IACxB,WAAW;IACX,mBAAmB,EACtB;EAhBL;IAkBQ,mBAAmB;IACnB,OAAO;IACP,cAAc;IACd,iBAAiB;IACjB,qBAAqB,EACxB;EAvBL;IAyBQ,aAAa,EAChB;;AAGL;EACI,iBAAiB;EACjB,aAAa;EACb,oBAAoB;EACpB,QAAQ,EAyGX;EA7GD;IAMQ,aAAa;IACb,eAAe,EAClB;EARL;IAUQ,YAAY;IACZ,mBAAmB;IACnB,aAAa;IACb,UAAU,EACb;EAdL;IAgBQ,YAAY;IACZ,iBAAiB;IACjB,YAAY;IACZ,WAAW,EAId;IAvBL;MAqBY,cAAc,EACjB;EAtBT;IAyBQ,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EAChB;EA5BL;IA8BQ,gBAAgB;IAChB,aAAa;IACb,kBAAkB,EACrB;EAjCL;IAmCQ,0BAA0B;IAC1B,mBAAmB;IACnB,gBAAgB;IAChB,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,mBAAmB;IACnB,iBAAiB;IAEjB,8DAAqC;IACrC,uBAAuB,EAC1B;EA/CL;IAkDQ,gBAAgB,EACnB;EAnDL;IAqDQ,sBAAsB;IACtB,oBAAoB;IACpB,iBAAiB;IACjB,wBAAwB;IACxB,gBAAgB;IAEhB,6DAAoC,EACvC;EA5DL;IA8DQ,mBAAmB;IACnB,yBAAyB;IACzB,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,eAAe;IACf,mCAAmC;IACnC,oCAAoC;IACpC,mCAAmC;IACnC,YAAY;IACZ,qBAAqB;IACrB,gBAAgB;IAChB,kBAAkB;IAElB,0DAAiC;IACjC,sBAAsB;IACtB,gBAAgB;IAChB,kBAAkB;IAGZ,uCAAmC;IACzC,aAAa;IACb,+GAA+G;IAC/G,QAAQ;IACR,mBAAmB;IACnB,WAAW;IACX,mBAAmB;IACnB,UAAU,EACb;EA1FL;IA4FQ,eAAe;IACf,kBAAkB,EACrB;EA9FL;IAiGQ,aAAa,EAChB;EAlGL;IAoGQ,gBAAgB,EACnB;EArGL;IAuGQ,eAAe,EAClB;EAxGL;IA0GQ,kBAAkB;IAClB,iBAAiB,EACpB;;AAGL;EAEQ,uEAAuE;EACvE,8BAAqB,EACxB;;AAJL;EAQQ,0BAAiB,EACpB;;AATL;EAWQ,sBAAsB;EACtB,WAAW;EACX,sBAAsB;EACtB,WAAW,EACd;;AAGL;EAEQ,cAAc,EACjB;;AAHL;EAKQ,aAAa;EACb,YAAY;EACZ,YAAY,EACf;;AARL;EAUQ,YAAY;EACZ,aAAa,EAChB;;AAZL;EAcQ,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,WAAW;EAEX,0DAAiC;EACjC,iBAAiB,EACpB;;AAIL;EACI,wBAAwB;EACxB,yCAA0B;EAC1B,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;EACd,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,cAAc;EACd,iBAAiB;EACjB,gBAAgB,EAyFnB;EApGD;IAiBQ,2BAA2B,EAC9B;EAlBL;IAsBQ,6BAA6B,EAChC;EAvBL;IA0BQ,4BAA4B,EAC/B;EA3BL;IA8BQ,8BAA8B,EACjC;EA/BL;IAiCQ,cAAc,EACjB;EAlCL;IAoCQ,cAAc;IACd,iBAAiB;IACjB,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,eAAe,EAClB;EA1CL;IA4CQ,UAAU;IACV,WAAW,EAId;IAjDL;MA+CY,mBAAmB,EACtB;EAhDT;IAoDQ,YAAY;IACZ,iBAAiB;IACjB,kBAAkB,EACrB;EAvDL;IAyDQ,mBAAmB;IACnB,eAAe;IACf,kBAAkB;IAClB,oBAAoB;IACpB,YAAY;IACZ,gBAAgB;IAChB,oBAAoB;IACpB,iBAAiB;IAEjB,iCAAiC;IAEjC,iBAAiB;IACjB,wBAAwB;IACxB,oBAAoB,EACvB;EAvEL;;IA0EQ,mCvBzSmB,EuB0StB;EA3EL;IA6EQ,YAAY;IACZ,oBAAoB,EACvB;EA/EL;IAiFQ,YAAY;IACZ,uBAAuB;IACvB,oBAAoB,EACvB;EApFL;;IAuFQ,mCvBpTsB;IuBqTtB,kBAAkB;IAClB,evB+uB0B,EuB9uB7B;EA1FL;IA4FQ,YAAY;IACZ,cAAc;IACd,iBAAiB;IACjB,0BAA0B;IAC1B,eAAe,EAClB;;AAIL;EACI,kBAAkB;EAClB,mCAAmC;EACnC,oCAAoC;EACpC,mCAAmC;EACnC,iBAAiB;EACjB,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;EAGb,uCAAmC;EACzC,aAAa;EACb,+GAA+G;EAC/G,QAAQ;EAER,0BAA0B;EAC1B,mBAAmB;EACnB,SAAS;EAGH,4BAAqB;EAC3B,YAAY;EACZ,kBAAkB;EAClB,wDAAwD,EAC3D;;AACD;EAEQ,YAAY,EACf;;AAHL;EAKQ,cAAc,EACjB;;AANL;EAQQ,eAAe;EACf,sBAAsB,EACzB;;AAKL;EAEU,aAAa,EACtB;;AACD;EACE,gBAAgB,EACjB;;AAGD;;EAEE,eAAe,EAChB;;AACD;EACI,sBAAsB;EACtB,mBAAmB,EAuBtB;EAzBD;IAKQ,yBAAyB,EAC5B;EANL;IAQQ,mBAAmB;IACnB,WAAW;IACX,gBAAgB;IAEhB,yBAAyB;IACzB,gBAAgB;IAChB,aAAa;IACb,kBAAkB;IAClB,SAAS;IACT,kBAAkB,EACrB;EAlBL;IAoBQ,eAAe,EAClB;EArBL;IAuBQ,0BAA0B,EAC7B;;AAGL;EACE,sBAAsB;EACtB,uBAAuB,EACxB;;AACD;EAGY,mBAAmB;EACnB,mBAAmB;EACnB,UAAU;EACV,YAAY,EACf;;AAPT;EASY,oBAAoB,EACvB;;AAVT;EAaQ,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB;EACtB,2BAA2B;EAC3B,WAAW;EACX,mBAAmB;EACnB,wBAAwB;EACxB,WAAW;EACX,kBAAkB;EAClB,mBAAmB,EACtB;;AAvBL;EA2BY,oBAAoB,EACvB;;AA5BT;EA8BY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AArCT;EAuCY,oBAAoB,EACvB;;AAxCT;EA0CY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AAjDT;EAmDY,eAAe;EACf,0BAA0B;EAC1B,sBAAsB,EACzB;;AAtDT;EAwDY,oBAAoB,EACvB;;AAzDT;EA2DY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AAlET;EAoEY,eAAe;EACf,0BAA0B;EAC1B,sBAAsB,EACzB;;AAvET;EAyEY,iBAAiB,EACpB;;AA1ET;EA4EY,sBAAsB,EACzB;;AA7ET;EAiFQ,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EAkBzB;EArGL;IAqFY,YAAY;IACZ,0BAA0B;IAC1B,sBAAsB,EACzB;EAxFT;IA0FY,oBAAoB,EACvB;EA3FT;IA6FY,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,wBAAwB,EAC3B;;AApGT;EAuGQ,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EAkBzB;EA3HL;IA2GY,YAAY;IACZ,0BAA0B;IAC1B,sBAAsB,EACzB;EA9GT;IAgHY,oBAAoB,EACvB;EAjHT;IAmHY,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,wBAAwB,EAC3B;;AA1HT;EA8HY,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EAczB;EA9IT;IAkIgB,oBAAoB,EACvB;EAnIb;IAqIgB,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,wBAAwB,EAC3B;;AA5Ib;EAgJY,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EACzB;;AAnJT;EAqJY,oBAAoB,EACvB;;AAtJT;EAwJY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AA/JT;EAiKY,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EACzB;;AApKT;EAsKY,oBAAoB,EACvB;;AAvKT;EAyKY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AAhLT;EAoLQ,mBAAmB,EACtB;;AAGL;EAEQ,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EAkBzB;EAtBL;IAMY,YAAY;IACZ,0BAA0B;IAC1B,sBAAsB,EACzB;EATT;IAWY,oBAAoB,EACvB;EAZT;IAcY,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,wBAAwB,EAC3B;;AvBrcX,eAAe;AAWf,iBAAiB;AwBhYjB;EACE,cAAc;EACd,iBAAiB,EAClB;;AACD;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AACD;EACE,iBAAiB;EACjB,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,cAAc;EACd,gBAAgB;EAChB,mBAAmB;EACnB,eAAe,EAChB;;AACD;EACE,eAAe,EAChB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,sBAAsB;EACtB,uBAAuB;EACvB,YAAY,EACb;;AACD;EACE,sBAAsB,EACvB;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,+BAA+B;EAC/B,4BAA4B;EAC5B,gCAAgC;EAChC,6BAA6B,EAC9B;;AACD;EACE,sBAAsB,EACvB;;AACD;EACE,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,0BAA0B;EAC1B,iBAAiB;EACjB,YAAY,EACb;;AACD;EACE,YAAY,EACb;;AACD;EACE,mBAAmB;EACnB,+BAA+B;EAC/B,4BAA4B,EAC7B;;AACD;EACE,wCAAsC;EACtC,qCAAmC,EACpC;;AACD;EACE,kBAAkB;EAClB,gCAAgC;EAChC,6BAA6B,EAC9B;;AAED;EACE,eAAe;EACf,mBAAmB;EACnB,SAAS;EACT,kBAAkB,EACnB;;AxBiSD,eAAe;AAWf,iBAAiB;AyBnXjB;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,cAfiB;EAgBjB,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,uBAAuB;EACvB,iBAAiB;EACjB,wBAAwB;EACxB,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,uBAAuB;EACvB,6BAA6B;EAC7B,uBA/BuB;EAgCvB,mBAAmB;EACnB,0CAA2B,EAsI9B;EA/JD;IA2BQ,mBAAmB;IACnB,eAAe;IACf,SAAS;IACT,UAAU;IACV,0BAA0B;IAC1B,oBAAoB,EACvB;EAjCL;IAmCQ,mBA1CkB,EA2CrB;EApCL;IAsCQ,mBA7CkB;IA8ClB,YAAY,EACf;EAxCL;IA2CQ,kBArDa,EAoEhB;IA1DL;MA6CY,UAAU;MACV,mBAAmB;MACnB,uBAAuB;MACvB,uBApDoB;MAqDpB,cAAc,EAQjB;MAzDT;QAmDgB,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,uBAAuB;QACvB,uBAzDoB,EA0DvB;EAxDb;IA6DY,WAAW;IACX,YAAY,EACf;EA/DT;IAmEY,WAAW,EACd;EApET;IAuEQ,kBAjFa,EAgGhB;IAtFL;MAyEY,SAAS;MACT,YAAY;MACZ,kBAAkB;MAClB,qBAAqB;MACrB,yBAjFoB,EAyFvB;MArFT;QA+EgB,aAAa;QACb,UAAU;QACV,cAAc;QACd,qBAAqB;QACrB,yBArFoB,EAsFvB;EApFb;IAyFY,UAAU,EACb;EA1FT;IA8FY,UAAU;IACV,aAAa,EAChB;EAhGT;IAoGQ,mBA9Ga,EA6HhB;IAnHL;MAsGY,SAAS;MACT,aAAa;MACb,kBAAkB;MAClB,sBAAsB;MACtB,wBA9GoB,EAsHvB;MAlHT;QA4GgB,aAAa;QACb,WAAW;QACX,sBAAsB;QACtB,wBAjHoB;QAkHpB,cAAc,EACjB;EAjHb;IAsHY,UAAU,EACb;EAvHT;IA2HY,UAAU;IACV,aAAa,EAChB;EA7HT;IAiIQ,iBA3Ia,EA0JhB;IAhJL;MAmIY,UAAU;MACV,mBAAmB;MACnB,oBAAoB;MACpB,0BA1IoB;MA2IpB,WAAW,EAQd;MA/IT;QAyIgB,aAAa;QACb,SAAS;QACT,mBAAmB;QACnB,oBAAoB;QACpB,0BA/IoB,EAgJvB;EA9Ib;IAmJY,YAAY;IACZ,WAAW,EACd;EArJT;IAyJY,WAAW,EACd;EA1JT;IA6JQ,kBAAkB,EACrB;;AzB0ML,eAAe;AAWf,iBAAiB;A0B9XjB;EACI,mBAAmB;EACnB,cAAc;EACd,eAAe;EACf,uDAAuD;EACvD,mBAAmB;EACnB,iBAAiB;EACjB,uBAAuB;EACvB,iBAAiB;EACjB,wBAAwB;EACxB,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW,EAyNd;EA5OD;IAqBK,wBAAoC,EACpC;EAtBL;IAwBQ,mBAAmB;IACnB,eAAe;IACf,SAAS;IACT,UAAU;IACV,0BAA0B;IAC1B,oBAAoB,EACvB;EA9BL;IAiCK,iB1BitBoB;I0BhtBpB,iBAAiB;IACjB,YAAY;IACZ,uB1BgtBY;I0B/sBZ,mBAAmB;IAChB,sBAAqB,EACxB;EAvCL;IA0CK,eAAe,EAQf;IAlDL;MA4CM,SAAS;MACT,QAAQ;MACR,iBAAiB;MACjB,4BAA4B;MAC5B,yB1BosBW,E0BnsBX;EAjDN;IAoDK,eAAe,EAQf;IA5DL;MAsDM,UAAU;MACV,UAAU;MACV,kBAAkB;MAClB,wBAAwB;MACxB,uB1B0rBW,E0BzrBX;EA3DN;IA8DK,eAAe,EAQf;IAtEL;MAgEM,SAAS;MACT,SAAS;MACT,iBAAiB;MACjB,4BAA4B;MAC5B,wB1BgrBW,E0B/qBX;EArEN;IAwEK,eAAe,EASf;IAjFL;MA0EM,OAAO;MACP,UAAU;MACV,kBAAkB;MAClB,wBAAwB;MACxB,0B1BsqBW,E0BrqBR;EA/ET;IAoFY,SAAS;IACT,WAAW;IACjB,SAAS;IACT,iBAAiB;IACjB,4BAA4B;IAC5B,wB1B2pBW,E0B1pBR;EA1FT;IA8FY,SAAS;IACf,QAAQ;IACR,iBAAiB;IACjB,4BAA4B;IAC5B,yB1BkpBW,E0BjpBR;EAnGT;IAuGY,OAAO;IACb,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,0B1ByoBW,E0BxoBR;EA5GT;IAgHY,UAAU;IACV,UAAU;IACV,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,uB1B+nBK,E0B9nBR;EAtHT;IA+HY,SAAQ;IACR,kBAAkB;IAClB,oBAAmB;IACnB,0BAAyB,EAC5B;EAnIT;IAqIY,6B1BgnB0B,E0B/mB7B;EAtIT;IA0IY,SAAQ;IACR,kBAAkB;IAClB,oBAAmB;IACnB,0BAAyB;IACzB,6BAA6B,EAChC;EA/IT;IAiJY,6B1BomB0B,E0BnmB7B;EAlJT;IAsJY,sBAAsB;IACtB,UAAU;IACV,kBAAkB;IAClB,wBAAwB,EAC3B;EA1JT;IA4JY,2B1BylB0B,E0BxlB7B;EA7JT;IAiKY,sBAAsB;IACtB,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,2BAA2B,EAC9B;EAtKT;IAwKY,2B1B6kB0B,E0B5kB7B;EAzKT;IA6KY,qBAAqB;IACrB,UAAU;IACV,iBAAiB;IACjB,yBAAyB,EAC5B;EAjLT;IAmLY,4B1BkkB0B,E0BjkB7B;EApLT;IAwLY,qBAAqB;IACrB,UAAU;IACV,iBAAiB;IACjB,yBAAyB;IACzB,4BAA4B,EAC/B;EA7LT;IA+LY,4B1BsjB0B,E0BrjB7B;EAhMT;IAoMY,UAAU;IACV,kBAAkB;IAClB,uBAAuB;IACvB,6BAA6B;IAC7B,uBAAuB,EAC1B;EAzMT;IA2MY,0B1B0iB0B,E0BziB7B;EA5MT;IAgNY,UAAU;IACV,kBAAkB;IAClB,uBAAuB;IACvB,6BAA6B;IAC7B,uBAAuB;IACvB,0BAA0B,EAC7B;EAtNT;IAwNY,0B1B6hB0B,E0B5hB7B;EAzNT;IA6NY,uBAAuB;IACvB,e1BwhBe;I0BvhBf,0B1BshB0B,E0BrhB7B;EAhOT;IAmOY,mBAAkB;IAClB,eAAc;IACd,SAAQ;IACR,UAAS;IACT,8BAA8B;IAC9B,aAAY,EACf;;A1B0IT,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;A2B5XjB;;IAEI;AAcJ;;IAEI;AACJ;EACE,mBAAmB;EACnB,UAAU;EACV,QAAQ;EACR,SAAS;EACT,gB3BoxC2B;E2BnxC3B,YAAY;EACZ,mBAAmB,EACpB;;AAGD;;IAEI;AAEJ;EAGM,mBAAmB;EACnB,oBAAoB;EACpB,YAAY;EAEZ,0BAA0B;EAC1B,0BAA0B;EAC1B,iCAAiC;EACjC,Y3BswCmB;E2BrwCnB,a3BqwCmB;E2BpwCnB,S3B+wCiB;E2B9wCjB,U3B+wCkB;E2B9wClB,mB3BixCsB;E2BhxCtB,kB3BgxCsB;E2B/wCtB,mCAAmC;EACnC,sBAAsB;EAEtB,2CAA2C,EAC5C;;AApBL;EAuBQ,mB3BywCuB;E2BxwCvB,kB3BwwCuB;E2BvwCvB,Y3BwvCoB;E2BvvCpB,a3BuvCoB,E2BtvCrB;;AA3BP;EA+BQ,mB3B+vCwB;E2B9vCxB,kB3B8vCwB;E2B7vCxB,Y3B8uCqB;E2B7uCrB,a3B6uCqB,E2B5uCtB;;AAnCP;EAuCQ,0B3BgtCiB;E2B/sCjB,iCAAiC,EAClC;;AAzCP;EA6CQ,0B3B2sCqB;E2B1sCrB,iCAAiC,EAClC;;AA/CP;EAmDQ,0B3BssCc;E2BrsCd,iCAAiC,EAClC;;AAMP;EACE,mBAAmB;EACnB,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,cAAc;EACd,YAAY;EACZ,oBAAY;EACZ,uBAAuB,EAIxB;EAbD;IAWI,gBAAgB,EACjB;;AAGH;EACE;IAEE,iCAA6B,EAAA;EAG/B;IAEE,qCAA+B,EAAA;EAGjC;IAEE,mCAA+B,EAAA,EAAA;;AAInC;EAEI,mBAAmB;EACnB,S3B6rCmB;E2B5rCnB,U3B6rCoB;E2B5rCpB,kB3BosC0B;E2BnsC1B,mB3BosC2B,E2BlpC5B;EAxDH;IAQM,0BAA0B;IAC1B,W3BirCiB;I2BhrCjB,a3BirCmB;I2BhrCnB,mBAAmB;IACnB,YAAY;IAEZ,0BAA0B;IAC1B,sBAAsB,EACvB;EAhBL;IAkBM,kB3ByrC2B;I2BxrC3B,mB3ByrC4B,E2BprC7B;IAxBL;MAqBQ,W3BuqCkB;M2BtqClB,a3BuqCoB,E2BtqCrB;EAvBP;IA0BM,kB3B6qC4B;I2B5qC5B,mB3B6qC4B,E2BxqC7B;IAhCL;MA6BQ,W3B2pCmB;M2B1pCnB,a3B2pCoB,E2B1pCrB;EA/BP;IAoCQ,2E3B4nC0C;I2B3nC1C,0B3BkoCU,E2BjoCX;EAtCP;IAoCQ,2E3B6nC0C;I2B5nC1C,0B3BmoCU,E2BloCX;EAtCP;IAoCQ,2E3B8nC0C;I2B7nC1C,0B3BooCU,E2BnoCX;EAtCP;IAoCQ,2E3B+nC0C;I2B9nC1C,0B3BqoCU,E2BpoCX;EAtCP;IAoCQ,2E3BgoC0C;I2B/nC1C,0B3BsoCU,E2BroCX;EAtCP;IA2CQ,0B3BinCiB,E2BhnClB;EA5CP;IAgDQ,0B3B6mCqB,E2B5mCtB;EAjDP;IAqDQ,0B3BymCc,E2BxmCf;;AAIP;EACE;IAEE,qBAAiB,EAAA;EAGnB;IAEE,uBAAiB,EAAA;EAGnB;IAEE,qBAAiB,EAAA,EAAA;;ACxLrB;EACE,gBAdmB;EAenB,YAhBe;EAkBf,mBAAmB;EACnB,iBAjBe;EAkBf,iBAAiB,EAoflB;EA1fD;IASI,mBAAmB,EACpB;EAVH;IAYI,mBAAmB,EAOpB;IAnBH;MAcM,mBAAmB;MACnB,SAAS;MACT,UAAU,EAEX;EAlBL;IAqBI,YAAY;IACZ,0BAA0B;IAC1B,iBAAiB,EAClB;EAxBH;IA4BI,kBAAkB,EAQnB;IApCH;MA+BM,mBAAmB,EACpB;IAhCL;MAkCM,iBAAiB,EAClB;EAnCL;IAuCI,0CAjDwB,EA2DzB;IAjDH;MAyCM,uB5BgGkB,E4BzFnB;MAhDL;QA2CQ,uB5B+FqB,E4B9FtB;MA5CP;QA8CQ,uB5B6FsB,E4B5FvB;EA/CP;IAyDU,+BAA+B,EAChC;EA1DT;IA8DM,uB5B2EkB,E4BpEnB;IArEL;MAgEQ,uB5B0EqB,E4BzEtB;IAjEP;MAmEQ,uB5BwEsB,E4BvEvB;EApEP;IAwEI,6B5B2HyB,E4B1H1B;EAzEH;;IA6EI,kBAnFoB;IAoFpB,sBAAsB,EACvB;EA/EH;IAoFQ,iBAAiB;IACjB,oBAAoB,EAIrB;IAzFP;MAuFU,aAAa,EACd;EAxFT;IA6FI,6B5BsGyB,E4BrG1B;EA9FH;IAiGI,eAAe,EAChB;EAlGH;IAqGM,mCA/GsB;IAgHtB,uBAAuB;IACvB,oBAAoB,EAErB;EAzGL;IA2GM,0CArHsB;IAsHtB,uBAAuB,EACxB;EA7GL;;IAgHM,yCA1HsB;IA2HtB,uBAAuB,EACxB;EAlHL;IAuHQ,iBAAiB,EAClB;EAxHP;IA4HI,iBAAiB;IACjB,6B5B60CiC;I4B50CjC,0B5B60C2B,E4B50C5B;EA/HH;IAkII,iBAAiB,EAClB;EAnIH;IAsII,iBAAiB;IACjB,mBAAmB,EACpB;EAxIH;IA0II,oBAAoB;IACpB,oBAAoB,EACrB;EA5IH;IA+II,mBAAmB,EACpB;EAhJH;IAmJI,aAAa;IACb,iBAAiB,EAClB;EArJH;IAyJI,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,mBAAmB;IACnB,uBAAuB,EACxB;EA9JH;IAiKI,kBAvKoB;IAwKpB,uCA5KwB,EA6KzB;EAnKH;IAsKI,mBAAmB,EACpB;EAvKH;IA0KI,kBAhLoB;IAiLpB,0CArLwB,EAyLzB;IA/KH;MA6KM,mBAAmB,EACpB;EA9KL;IAiLI,mBAvLoB,EAwLrB;EAlLH;IAqLI,kBAA8B;IAC9B,iBAAiB;IACjB,0CAjMwB;IAkMxB,mBAAmB;IACnB,mBAAmB,EACpB;EA1LH;IA6LI,YAAY,EACb;EA9LH;IAkMM,gBAAgB;IAChB,sBAAsB;IACtB,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,mCAnNsB;IAoNtB,0BAAkB;IAAlB,uBAAkB;IAAlB,sBAAkB;IAAlB,kBAAkB;IAClB,iBAAiB;IACjB,mBAAmB,EACpB;EA7ML;IA+MM,mBAAmB,EACpB;EAhNL;IAkNM,aAAa,EACd;EAnNL;IAsNM,aAAa,EACd;EAvNL;IA0NM,aAAa,EACd;EA3NL;IA+NM,6B5B5BuB,E4B6BxB;EAhOL;IAmOI,oBAAoB,EAQrB;IA3OH;MAqOM,oBAAoB,EACrB;IAtOL;MAyOM,WAAW,EACZ;EA1OL;IA6OI,cAAc,EACf;EA9OH;IAiPI,gBAAgB;IAChB,YAAY;IACZ,WAAW,EAWZ;IA9PH;MAqPM,eAAe,EAChB;IAtPL;MAwPM,oBAAoB;MACpB,YAAY,EAIb;MA7PL;QA2PQ,YAAY,EACb;EA5PP;IAgQI,kBAAkB,EAInB;IApQH;MAkQM,aAAa,EACd;EAnQL;IAsQI,aAAa,EAId;IA1QH;MAwQM,aAAa,EACd;EAzQL;IA8QI,mBAAmB;IACnB,OAAO;IACP,iBAAiB;IACjB,WAAW,EAKZ;IAtRH;MAmRM,YAAY;MACZ,iBAAiB,EAClB;EArRL;IAyRI,QAAQ;IACR,+CAA0B,EAQ3B;IAlSH;MA4RM,oBAAoB;MACpB,oBAAoB,EACrB;IA9RL;MAgSM,iBAAiB,EAClB;EAjSL;IAqSI,SAAS;IACT,gDAA2B,EAS5B;IA/SH;MA2SM,mBAAmB;MACnB,qBAAqB,EACtB;EA7SL;IAkTI,iBAAiB,EAClB;EAnTH;IAsTI,iBAAiB,EAClB;EAvTH;IA2TM,oBAAoB,EACrB;EA5TL;IA8TM,qBAAc;IAAd,cAAc;IACd,sBAAwB;IAAxB,wBAAwB;IACxB,uBAAoB;IAApB,oBAAoB,EAIrB;IApUL;MAkUQ,gBAAgB,EACjB;EAnUP;IAsUM,6B5BooC+B;I4BnoC/B,0B5BooCyB;I4BnoCzB,6BAA4B;IAE5B,4BAA4B;IAE5B,0BAA0B;IAC1B;;QAEE;IACA,sBAAsB;IACtB,kBAAkB,EAyDrB;IA1YL;MAuVQ,mBAAmB;MACnB,iBAAiB;MACjB,YAAY;MACZ,uBAAuB;MACvB,mBAAmB;MACnB,sBAAsB,EAUvB;MAtWP;;QAgWU,iBAAiB;QACjB,eAAe;QACf,YAAY;QACZ,gBAAgB,EACjB;IApWT;;;;MA4WQ,eAAe,EAChB;IA7WP;;MAiXQ,aAAa;MACb,gBAAgB,EACjB;IAnXP;;MAsXQ,sBAAsB;MACtB,WAAW;MACX,gBAAgB;MAChB,iBAAiB;MAGjB,uCAAmC;MACnC,+GAA+G;MAC/G,QAAQ;MACR,iBAAiB;MACjB,YAAY;MACZ,YAAY,EAGb;IApYP;MAuYY,sBAAsB,EACzB;EAxYT;IA4YM,aAAa,EACd;EA7YL;IA+YM,6B5B5MuB,E4B6MxB;EAhZL;IAsZM,iBAAiB,EAClB;EAvZL;IAyZM,mBAAmB,EAgCpB;IAzbL;MA4ZQ,aAAa;MACb,mBAAmB;MACnB,aAAa;MACb,OAAO;MAIP,YAAY;MAEZ,uBAAuB;MACvB,WAAW,EAYZ;MAlbP;QAyaU,aAAa;QACb,WAAW;QACX,wBAAuB;QACvB,eAAe,EAChB;MA7aT;QA+aU,oBAAmB,EACpB;IAhbT;MAobQ,mBAAmB,EAIpB;MAxbP;QAsbU,oBACD,EAAC;EAvbV;IA4bQ,aAAa,EACd;EA7bP;IAqcM,aAAa;IACb,gBAAgB;IAChB,cAAc;IACd,mBAAmB,EACpB;EAzcL;IA2cM,8BAA8B;IAC9B,gBAAgB,EACjB;EA7cL;IA+cM,mBAAmB,EACpB;EAhdL;IAkdM,mBAAmB;IACnB,SAAS;IACT,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,WAAW;IACX,oBAAoB,EAIrB;IA7dL;MA2dQ,aAAa,EACd;EA5dP;IA+dM,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB,EACjB;EAleL;IAoeM,iBAAiB;IACjB,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,oBAAoB,EACrB;EAzeL;IA2eM,uBAAuB;IACvB,iBAAiB,EAClB;EA7eL;IAkfI,cAAa;IACb,qBAAqB,EACtB;EApfH;IAufI,aAxfiB;IAyfjB,kBAzfiB,EA0flB;;AAEH;EACE,cAAc;EAGd,kBAAkB,EACnB;;AAEC;EAEI,oBAAmB,EACpB;;AAEL;EAEI,0BAA0B,EAC3B;;AAHH;;EAMI,mCAvhBwB,EAwhBzB;;AAGH;;EAEE,WAAW;EACX,+DAAuC;EACvC,yBAAyB;EACzB,0BAA0B;EAC1B,6BAA6B,EAC9B;;AAED;EACE,kEAAuC;EACvC,yBAAyB;EACzB,0BAA0B;EAC1B,6BAA6B,EAC9B;;AAED;;EAEE,2BAA2B;EAC3B,8BAA8B,EAC/B;;AAED;EACE,6BAA6B;EAC7B,8BAA8B,EAC/B;;AAED;EACE;IACE,sBAAsB;IACtB,4BAAqB;IACrB,WAAW;IACX,6B5BtgBkB,EAAA;E4BwgBpB;IACE,sBAAsB;IACtB,yBAAqB;IACrB,WAAW,EAAA;EAEb;IACE,6B5B9gBkB,EAAA;E4BghBpB;IACE,wBAAwB;IACxB,WAAW,EAAA,EAAA;;AAIf;EACE;IACE,sBAAsB;IACtB,yBAAqB;IACrB,WAAW,EAAA;EAEb;IACE,sBAAsB;IACtB,6BAAqB;IACrB,WAAW,EAAA,EAAA;;AAIf;EACE,cAAc;EACd,kBAAkB;EAClB,WAAW,EACZ;;AACD;EACE,cAAc;EACd,aAAa;EACb,sBAAsB;EACtB,yBAAyB;EACzB,wBAAwB;EACxB,eAAe;EACf,yBAAyB;EACzB,0BAA0B;EAC1B,UAAU;EACV,mBAAmB;EACnB,WAAW;EACX,SAAS;EACT,SAAS,EACV;;AAED;EACE,mBAAmB,EACpB;;AAED;;EAEE,oBAAoB,EACrB;;AAED;EACE,0BAA0B;EAC1B,aAAa,EACd;;AAED;;EAEE,mBAAmB;EACnB,OAAO;EACP,SAAS;EACT,YAAY;EACZ,gBAAgB,EACjB;;AAED;EACE,kBAAkB;EAClB,cAAc,EACf;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,sBAAsB,EACvB;;AAED;;EAEE,eAAe,EAChB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EAuBrB;EAxBD;IAGI,mBAAmB;IACnB,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,eAAe;IACf,gBAAgB,EACjB;EATH;IAWI,aAAa,EACd;EAZH;IAcI,aAAa;IACb,oBAAoB;IACpB,sBAAsB;IACtB,oBAAoB,EACrB;EAlBH;IAoBI,SAAS;IACT,YAAY;IACZ,mBAAmB,EACpB;;AAIH;EACE,YAAY;EACZ,mBAAmB,EAyDpB;EA3DD;IAKI,oBAAoB,EACrB;EANH;IASI,oBAAoB,EACrB;EAVH;IAaI,cAAc,EACf;EAdH;IAiBI,kBAAkB;IAClB,mBAAmB;IACnB,WAAW;IACX,YAAY;IACZ,mBAAmB,EAqCpB;IA1DH;MAwBM,eAAe;MACf,UAAU;MACV,mBAAmB;MACnB,mBAAmB,EAQpB;MAnCL;QA8BQ,WACD,EAAC;MA/BR;QAiCQ,UACD,EAAC;IAlCR;MAuCQ,oBAAoB,EACrB;IAxCP;MA0CQ,kBAAkB,EACnB;IA3CP;MA+CM,gBAAgB;MAChB,cAAc,EACf;IAjDL;MAoDM,mBAAmB;MACnB,WAAW;MACX,aAAa;MACb,SAAS;MACT,UAAU,EACX;;AAIL;EACI,cAAc,EASjB;EAVD;IAIY,kBAAkB;IAClB,aAAa;IACb,yBAAyB;IACzB,gBAAgB,EACnB;;AAIT;EACE,mBAAmB;EACnB,YAAY;EACZ,cAAc;EACd,uBAAoB;EAApB,oBAAoB;EACpB,sBAAwB;EAAxB,wBAAwB;EACxB,oBA7vByB,EA8vB1B;;AAED;EACE,mBAAmB;EACnB,UAAU,EACX;;AAGD;EACE,WAAW;EACX,YAAY,EACb;;AACD;EACE,cAAc,EACf;;AACD;EACE,+BAA+B;EAC/B,mBAAmB,EACpB;;AACD;EACE,mBAAmB;EACnB,0BAA0B;EAC1B,mBAAmB,EACpB;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;A5BrbD,eAAe;AAWf,iBAAiB;AkBrDjB,eAAe;AAWf,iBAAiB;ACnVjB;EACI,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;EAChB,YAAY;EACZ,aD6R8B;EC5R9B,aAAa;EACb,gBDwRiC;ECvRjC,iBAAiB;EACjB,eD4RwB;EC3RxB,uBD4RwB;EC3RxB,uBAAuB;EACvB,0BD2R+B;EC1R/B,mBDiR4B;EChR5B,oBAAoB,EAMvB;EApBD;IAgBK,sBAAsB;IACtB,WAAW,EACX;EAlBL;IAmB8B,cAAa,EAAG;;AAE9C;EACI,iBDkRgC;ECjRhC,sBDmRuC;EClRvC,eDiRgC;EChRhC,oBAAoB,EACvB;;AACD;EACI,aDuQyB;ECtQzB,gBDmQ4B,EClQ/B;;AACD;EACI,gBDiQ4B;EChQ5B,aDmQyB,EClQ5B;;AACD;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,aAAa;EACb,aAAa;EACb,YAAY,EAqBf;EA3BD;IAQQ,YAAY;IACZ,mBAAmB;IACnB,SAAS;IACT,WAAW;IACX,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,sBAAsB,EASzB;IA1BL;MAmBY,oBAAoB;MACpB,gBAAgB;MAChB,YAAY,EAIf;MAzBT;QAuBgB,iBAAiB,EACpB;;AAOb;EACI,mBAAmB;EACnB,sBAAsB;EACtB,YAAY,EAYf;EAfD;IAKQ,mBAAmB;IACnB,SAAS;IAGT,4BAAqB;IACrB,WAAW;IACX,eAAe;IACf,WAAW;IACX,2BAAW,EACd;;AnBkSL,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;A6B/XjB;EACI,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,YAAY;EACZ,mBAAmB;EACnB,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,UAAU;EACV,oBAAoB;EACpB,uBAAuB;EACvB,oBAAoB,EAWvB;EAxBD;IAeK,eAAe;IACZ,0BAA0B;IAC1B,6BAA6B,EAChC;EAlBL;IAoBK,gBAAgB;IACb,8BAA8B;IAC9B,2BAA2B,EAC9B;;A7B6VL,eAAe;AAWf,iBAAiB;A8BhYjB;EACI,aAAa;EACb,oBAAoB;EACpB,mBAAmB;EACnB,UAAU;EACV,uBAAuB;EACvB,oBAAoB,EAIvB;EAVD;IAQK,mBAAmB,EACnB;;AAGL;EACI,8BAA8B;EAC9B,2BAA2B,EAC9B;;AAED;EACI,6BAA6B;EAC7B,0BAA0B,EAC7B;;AACD;EACI,kBAAkB,EACrB;;AACD;EACI,mBAAmB,EACtB;;ACvBD;EACC,mBAAmB;EAChB,eAAe;EACf,0BAA0B,EAuC7B;EA1CD;IAKK,uBAAuB;IACvB,aAAa;IACb,iBAAiB,EACjB;EARL;IAUE,mBAAmB;IAChB,YAAY;IACZ,YAAY;IACZ,iBAAiB;IACjB,oBAAoB,EAYvB;IA1BF;MAgBM,8BAA8B;MAC9B,2BAA2B,EAC3B;IAlBN;MAoBM,6BAA6B;MAC7B,0BAA0B,EAC1B;IAtBN;MAwBM,iBAAiB,EACjB;EAzBN;IA6BG,mBAAmB,EACnB;EA9BH;IAgCG,mBAAmB;IAChB,SAAS;IACT,UAAU;IACb,WAAW;IACX,gBAAgB,EAChB;EArCH;IAuCM,oBAAoB,EACvB;;ACxCH;EACE,uBAAuB,EACxB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,cAAc,EACf;;AACD;EACE,mBAAmB;EACnB,aAAa;EACb,iCAAiC,EAClC;;AACD;EACE,YAAY;EACZ,YAAY,EACb;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,UAAU;EACV,wBAAwB;EACxB,cAAc,EACf;;AACD;EACE,YAAY;EACZ,mBAAmB,EACpB;;AACD;EACE,cAAc,EACf;;AACD;EACE,aAAa;EACb,iBAAiB,EAClB;;AACD;EACE,YAAY,EACb;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,mBAAmB;EACnB,WAAW,EACZ;;AACD;EACE,YAAY;EACZ,YAAY,EACb;;AACD;EACE,YAAY,EACb;;AACD;EACE,WAAW;EACX,8BAA8B;EAC9B,WAAW;EACX,aAAa,EACd;;AACD;EACE,cAAc,EACf;;AACD;EACE,8BAA8B;EAC9B,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,aAAa,EACd;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,cAAc;EACd,mBAAmB;EACnB,WAAW;EACX,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,SAAS;EACT,UAAU,EACX;;AACD;EACE,aAAa;EACb,gBAAgB;EAChB,YAAY;EACZ,sBAAsB;EACtB,eAAe;EACf,YAAY;EACZ,4BAA4B,EAC7B;;AACD;EACE,YAAY,EACb;;AACD;EACE,mBAAmB;EACnB,cAAc;EACd,aAAa;EACb,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EAEU,wBAAwB;EAExB,0BAA0B;EAE1B,sBAAsB;EAC9B,0BAA0B;EAC1B,WAAW;EAEH,6DAAuC;EAEvC,6BAA6B,EACtC;;AACD;EAEU,wBAAwB;EAExB,0BAA0B;EAE1B,sBAAsB;EAC9B,0BAA0B;EAC1B,WAAW;EAEH,6DAAuC;EAEvC,6BAA6B,EACtC;;AACD;EAEU,wBAAwB;EAExB,0BAA0B;EAE1B,sBAAsB;EAC9B,0BAA0B;EAC1B,WAAW;EAEH,+DAAuC;EAEvC,6BAA6B,EACtC;;AACD;;;;EAKU,oCAAoC;EAEpC,8BAA8B,EACvC;;AACD;;;;EAKU,sCAAsC;EAEtC,8BAA8B,EACvC;;AACD;;EAGU,qCAAqC;EAErC,8BAA8B,EACvC;;AACD;;EAGU,uCAAuC;EAEvC,8BAA8B,EACvC;;AAiBD;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA,EAAA;;AAG7B;EACE,mBAAmB;EACnB,cAAc;EACd,qHAAqH;EACrH,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,uBAAuB;EACvB,mBAAmB;EACnB,2BAA2B;EAC3B,6BAA6B;EAC7B,uBAAuB;EACvB,iBAAiB;EACjB,cAAa,EACd;;AACD;;EAEE,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,aAAa,EACd;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,gBAAgB;EAChB,eAAe,EAChB;;AACD;EACE,mBAAmB;EACnB,WAAW,EACZ;;AACD;EACE,aAAS,EAAM;;AAEjB;EACE,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,aAAS,EAAM;;AAEjB;;;EAGE,sBAAsB;EACtB,gBAAgB;EAChB,kBAAkB;EAClB,YAAY;EACZ,eAAe;EACf,kBAAkB,EACnB;;AACD;;;EAGE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;;;EAIE,mBAAmB;EACnB,OAAO;EACP,gBAAgB;EAChB,YAAY;EACZ,8FAA8F;EAC9F,eAAe;EACf,gBAAgB;EAChB,sBAAsB;EACtB,kBAAkB,EACnB;;AACD;;;;EAIE,eAAe,EAChB;;AACD;EACE,SAAS,EACV;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,QAAQ,EACT;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,uBAAuB;EACvB,cAAc,EACf;;AACD;EACE,0BAA0B;EAC1B,gBAAgB;EAChB,8BAA8B;EAC9B,YAAY;EACZ,aAAY,EACb;;AACD;;;;EAIE,aAAa,EACd;;AACD;EACE,kBAAkB;EAClB,iBAAiB,EAClB;;AACD;EACE,kBAAkB;EAClB,eAAe;EACf,YAAY;EACZ,mBAAmB,EACpB;;AACD;EACE,eAAe;EACf,oBAAoB,EACrB;;AACD;EACE,cAAc,EACf;;AACD;EACE,eAAe,EAChB;;AACD;EACE,eAAe;EACf,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,YAAY;EACZ,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,0BAA0B,EAC3B;;AACD;EACE,oBAAoB;EACpB,eAAe;EACf,oBAAoB;EACpB,iBAAiB;EACjB,YAAY,EACb;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;;EAEE,YAAY,EACb;;AACD;EACE,2BAA2B;EAC3B,gBAAgB;EAChB,mBAAmB;EACnB,mBAAmB,EACpB;;AACD;EACE,YAAY,EACb;;AACD;EACE,aAAa,EACd;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,eAAe;EACf,gBAAgB,EACjB;;AACD;EACE,YAAY;EACZ,mBAAmB,EACpB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,aAAa;EACb,UAAU;EACV,aAAa;EACb,iBAAiB;EACjB,YAAY,EACb;;AACD;EACE,kBAAkB,EACnB;;AACD;;;EAGE,sBAAsB;EACtB,mBAAmB;EACnB,eAAe,EAChB;;AACD;;;EAGE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;;EAGE,YAAY,EACb;;AACD;;;EAGE,YAAY,EACb;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,0BAA0B;EAC1B,0BAA0B;EAC1B,YAAY;EACZ,iBAAiB;EAET,sJAAmI;EAC3I,YAAY,EACb;;AACD;EACE,sBAAsB,EACvB;;AACD;EACE,sBAAsB;EACtB,4BAA4B,EAC7B;;AACD;EACE,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,YAAY;EACZ,aAAa;EACb,0BAA0B,EAC3B;;AACD;EACE,mBAAmB;EACnB,aAAa;EACb,uBAAuB,EACxB;;AACD;EACE,kBAAkB;EAClB,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,eAAe,EAChB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;EAEE,mBAAmB;EACnB,OAAO,EACR;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,QAAQ,EACT;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,aAAa,EACd;;AACD;EACE,cAAc,EACf;;AACD;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,SAAS,EACV;;AACD;EACE,uBAAuB;EACvB,0BAAY,EACb;;AACD;EACE,aAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY;EACZ,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,eAAe;EACf,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,eAAe,EAChB;;AACD;EACE,kBAAkB;EAClB,oBAAoB,EACrB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;EAEE,mBAAmB;EACnB,OAAO,EACR;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,QAAQ,EACT;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,aAAa,EACd;;AACD;EACE,cAAc,EACf;;AACD;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,SAAS,EACV;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,oBAAoB;EACpB,YAAY;EACZ,cAAc;EACd,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,eAAe;EACf,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;;EAEE,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,2BAAW,EACZ;;AACD;EACE,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;EAEE,mBAAmB;EACnB,OAAO,EACR;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,QAAQ,EACT;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,SAAS,EACV;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,oBAAoB;EACpB,YAAY;EACZ,cAAc;EACd,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,eAAe;EACf,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;;EAEE,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,2BAAW,EACZ;;AACD;EACE,aAAa;EACb,iBAAiB,EAClB;;AACD;EACE,aAAa;EACb,mBAAmB,EACpB;;AACD;EACE,UAAU,EACX;;AACD;EACE,YAAY,EACb;;AACD;EACE,YAAY,EACb;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,aAAa,EACd;;AACD;EACE,WAAW,EACZ;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;EACb,kBAAkB,EACnB;;AACD;EACE,aAAa;EACb,eAAe;EACf,UAAU;EACV,YAAY;EACZ,mBAAmB,EACpB;;AACD;EACE,aAAa,EACd;;AACD;;EAEE,iBAAiB;EACjB,aAAa,EACd;;AACD;;;;EAIE,iCAAiC,EAClC;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,UAAU,EACX;;AACD;EACE,YAAY,EACb;;AACD;EACE,WAAW,EACZ;;AACD;;;EAGE,UAAU,EACX;;AACD;EACE,OAAO,EACR;;AACD;;;EAGE,cAAc,EACf;;AACD;EACE,oBAAoB;EACpB,iBAAiB,EAClB;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,iBAAiB;EACjB,WAAW,EACZ;;AACD;EACE,0BAA0B,EAC3B;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,YAAY,EACb;;AACD;EACE,aAAa,EACd;;AACD;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B;EAC9B,iBAAiB,EAClB;;AACD;;EAEE,YAAY;EACZ,aAAa;EACb,kBAAkB,EACnB;;AACD;EACE,aAAa;EACb,sBAAsB,EACvB;;AACD;EACE,sBAAsB;EACtB,4CAAwB;EACxB,gBAAgB,EACjB;;AACD;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,YAAY,EACb;;AACD;EACE,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,0BAA0B;EAC1B,gBAAgB;EAChB,YAAY,EACb;;AACD;EACE,4BAA4B;EAC5B,+BAA+B;EAC/B,mBAAmB,EACpB;;AACD;EACE,6BAA6B;EAC7B,gCAAgC;EAChC,kBAAkB,EACnB;;AACD;EACE,YAAY,EACb;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,kBAAkB;EAClB,oBAAoB,EACrB;;AACD;EACE,WAAW,EACZ;;AACD;;EAEE,eAAe;EACf,cAAc;EACd,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,aAAa;EACb,2BAA2B;EAC3B,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;;EAEE,0BAA0B;EAC1B,YAAY,EACb;;AACD;;EAEE,0BAA0B;EAC1B,eAAe,EAChB;;AACD;EACE,iBAAiB;EACjB,kBAAkB;EAClB,aAAU;EACV,0BAAqB;EACrB,0BAAiC;EACjC,sBAAsB;EACtB,mBAAmB;EACnB,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,mCAAmC;EACnC,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB,EACxB;;AAED;EACE,sBAAsB;EACtB,uBAAuB,EACxB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,YAAY;EACZ,mBAAmB;EACnB,sBAAsB;EACtB,iBAAiB;EACjB,aAAa;EACb,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,uBAAuB;EACvB,uBAAuB;EACvB,0BAA0B;EAC1B,mBAAmB;EACnB,yKAAgJ,EACjJ;;AACD;EACE,YAAY;EACZ,oBAAoB;EACpB,oBAAoB,EACrB;;AACD;EACE,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,uBAAuB,EACxB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,sBAAsB;EACtB,mBAAmB;EACnB,cAAc;EACd,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,uBAAuB;EACvB,mBAAmB;EACnB,2BAA2B;EAC3B,6BAA6B;EAC7B,uBAAuB;EACvB,iBAAiB,EAClB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,UAAU;EACV,WAAW;EACX,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,8BAA8B,EAC/B;;AACD;EACE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,iCAAiC,EAClC;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,mBAAmB;EACnB,WAAW;EACX,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,SAAS;EACT,UAAU,EACX;;AACD;EACE,aAAa;EACb,gBAAgB;EAChB,YAAY;EACZ,sBAAsB;EACtB,eAAe;EACf,YAAY;EACZ,4BAA4B,EAC7B;;AACD;EACE,YAAY,EACb;;AACD;EACE,YAAY;EACZ,gBAAgB;EAChB,0BAA0B;EAC1B,oBAAoB;EACpB,kBAAkB;EAClB,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB,EACpB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,eAAe;EACf,eAAe,EAChB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB;EACjB,uBAAuB;EACvB,UAAU;EACV,WAAW;EACX,YAAY,EACb;;AACD;EACE,iBAAiB;EACjB,wBAAwB;EACxB,UAAU;EACV,oBAAoB;EACpB,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB;EAChB,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB,EACnB;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,oBAAoB;EACpB,kBAAkB,EACnB;;AACD;EACE,YAAY,EACb;;AACD;EACE,wBAAwB;EACxB,oBAAoB,EACrB;;AACD;EACE,aAAY,EACb;;AACD;EACE,mBAAmB,EACpB;;AACD;EAEI,eAAe,EAChB;;A/B10CH;EACE,oBAAe,EAChB;;AAED;EACE,aAAa;EACb,aAAa,EAMd;EARD;IAKI,YAAY,EACb;;AgCjCH;EAGY,gBAAgB;EAChB,mBAAmB;EACnB,kBAAkB,EACrB;;AANT;EAYgB,oBAAoB,EAC3B;;ACbT;EAEQ,iBAAiB;EACjB,oBAAoB,EACvB;;;ACJL;EAEM,oBAAqB;EACrB,aAAa;EACb,eAAc;EACd,kBAAkB,EACnB","file":"demo.css","sourcesContent":["@charset \"UTF-8\";\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n@import url(../node_modules/bee-message/build/Message.css);\n@import url(../node_modules/bee-dropdown/build/Dropdown.css);\n@import url(../node_modules/bee-input-number/build/InputNumber.css);\n@import url(../node_modules/bee-modal/build/Modal.css);\n.red {\n color: rgb(244,67,54) !important; }\n\n.bg-red {\n background-color: rgb(244,67,54) !important; }\n\n.red-50 {\n color: rgb(255,235,238) !important; }\n\n.bg-red-50 {\n background-color: rgb(255,235,238) !important; }\n\n.red-100 {\n color: rgb(255,205,210) !important; }\n\n.bg-red-100 {\n background-color: rgb(255,205,210) !important; }\n\n.red-200 {\n color: rgb(239,154,154) !important; }\n\n.bg-red-200 {\n background-color: rgb(239,154,154) !important; }\n\n.red-300 {\n color: rgb(229,115,115) !important; }\n\n.bg-red-300 {\n background-color: rgb(229,115,115) !important; }\n\n.red-400 {\n color: rgb(239,83,80) !important; }\n\n.bg-red-400 {\n background-color: rgb(239,83,80) !important; }\n\n.red-500 {\n color: rgb(244,67,54) !important; }\n\n.bg-red-500 {\n background-color: rgb(244,67,54) !important; }\n\n.red-600 {\n color: rgb(229,57,53) !important; }\n\n.bg-red-600 {\n background-color: rgb(229,57,53) !important; }\n\n.red-700 {\n color: rgb(211,47,47) !important; }\n\n.bg-red-700 {\n background-color: rgb(211,47,47) !important; }\n\n.red-800 {\n color: rgb(198,40,40) !important; }\n\n.bg-red-800 {\n background-color: rgb(198,40,40) !important; }\n\n.red-900 {\n color: rgb(183,28,28) !important; }\n\n.bg-red-900 {\n background-color: rgb(183,28,28) !important; }\n\n.red-A100 {\n color: rgb(255,138,128) !important; }\n\n.bg-red-A100 {\n background-color: rgb(255,138,128) !important; }\n\n.red-A200 {\n color: rgb(255,82,82) !important; }\n\n.bg-red-A200 {\n background-color: rgb(255,82,82) !important; }\n\n.red-A400 {\n color: rgb(255,23,68) !important; }\n\n.bg-red-A400 {\n background-color: rgb(255,23,68) !important; }\n\n.red-A700 {\n color: rgb(213,0,0) !important; }\n\n.bg-red-A700 {\n background-color: rgb(213,0,0) !important; }\n\n.pink {\n color: rgb(233,30,99) !important; }\n\n.bg-pink {\n background-color: rgb(233,30,99) !important; }\n\n.pink-50 {\n color: rgb(252,228,236) !important; }\n\n.bg-pink-50 {\n background-color: rgb(252,228,236) !important; }\n\n.pink-100 {\n color: rgb(248,187,208) !important; }\n\n.bg-pink-100 {\n background-color: rgb(248,187,208) !important; }\n\n.pink-200 {\n color: rgb(244,143,177) !important; }\n\n.bg-pink-200 {\n background-color: rgb(244,143,177) !important; }\n\n.pink-300 {\n color: rgb(240,98,146) !important; }\n\n.bg-pink-300 {\n background-color: rgb(240,98,146) !important; }\n\n.pink-400 {\n color: rgb(236,64,122) !important; }\n\n.bg-pink-400 {\n background-color: rgb(236,64,122) !important; }\n\n.pink-500 {\n color: rgb(233,30,99) !important; }\n\n.bg-pink-500 {\n background-color: rgb(233,30,99) !important; }\n\n.pink-600 {\n color: rgb(216,27,96) !important; }\n\n.bg-pink-600 {\n background-color: rgb(216,27,96) !important; }\n\n.pink-700 {\n color: rgb(194,24,91) !important; }\n\n.bg-pink-700 {\n background-color: rgb(194,24,91) !important; }\n\n.pink-800 {\n color: rgb(173,20,87) !important; }\n\n.bg-pink-800 {\n background-color: rgb(173,20,87) !important; }\n\n.pink-900 {\n color: rgb(136,14,79) !important; }\n\n.bg-pink-900 {\n background-color: rgb(136,14,79) !important; }\n\n.pink-A100 {\n color: rgb(255,128,171) !important; }\n\n.bg-pink-A100 {\n background-color: rgb(255,128,171) !important; }\n\n.pink-A200 {\n color: rgb(255,64,129) !important; }\n\n.bg-pink-A200 {\n background-color: rgb(255,64,129) !important; }\n\n.pink-A400 {\n color: rgb(245,0,87) !important; }\n\n.bg-pink-A400 {\n background-color: rgb(245,0,87) !important; }\n\n.pink-A700 {\n color: rgb(197,17,98) !important; }\n\n.bg-pink-A700 {\n background-color: rgb(197,17,98) !important; }\n\n.purple {\n color: rgb(156,39,176) !important; }\n\n.bg-purple {\n background-color: rgb(156,39,176) !important; }\n\n.purple-50 {\n color: rgb(243,229,245) !important; }\n\n.bg-purple-50 {\n background-color: rgb(243,229,245) !important; }\n\n.purple-100 {\n color: rgb(225,190,231) !important; }\n\n.bg-purple-100 {\n background-color: rgb(225,190,231) !important; }\n\n.purple-200 {\n color: rgb(206,147,216) !important; }\n\n.bg-purple-200 {\n background-color: rgb(206,147,216) !important; }\n\n.purple-300 {\n color: rgb(186,104,200) !important; }\n\n.bg-purple-300 {\n background-color: rgb(186,104,200) !important; }\n\n.purple-400 {\n color: rgb(171,71,188) !important; }\n\n.bg-purple-400 {\n background-color: rgb(171,71,188) !important; }\n\n.purple-500 {\n color: rgb(156,39,176) !important; }\n\n.bg-purple-500 {\n background-color: rgb(156,39,176) !important; }\n\n.purple-600 {\n color: rgb(142,36,170) !important; }\n\n.bg-purple-600 {\n background-color: rgb(142,36,170) !important; }\n\n.purple-700 {\n color: rgb(123,31,162) !important; }\n\n.bg-purple-700 {\n background-color: rgb(123,31,162) !important; }\n\n.purple-800 {\n color: rgb(106,27,154) !important; }\n\n.bg-purple-800 {\n background-color: rgb(106,27,154) !important; }\n\n.purple-900 {\n color: rgb(74,20,140) !important; }\n\n.bg-purple-900 {\n background-color: rgb(74,20,140) !important; }\n\n.purple-A100 {\n color: rgb(234,128,252) !important; }\n\n.bg-purple-A100 {\n background-color: rgb(234,128,252) !important; }\n\n.purple-A200 {\n color: rgb(224,64,251) !important; }\n\n.bg-purple-A200 {\n background-color: rgb(224,64,251) !important; }\n\n.purple-A400 {\n color: rgb(213,0,249) !important; }\n\n.bg-purple-A400 {\n background-color: rgb(213,0,249) !important; }\n\n.purple-A700 {\n color: rgb(170,0,255) !important; }\n\n.bg-purple-A700 {\n background-color: rgb(170,0,255) !important; }\n\n.deep-purple {\n color: rgb(103,58,183) !important; }\n\n.bg-deep-purple {\n background-color: rgb(103,58,183) !important; }\n\n.deep-purple-50 {\n color: rgb(237,231,246) !important; }\n\n.bg-deep-purple-50 {\n background-color: rgb(237,231,246) !important; }\n\n.deep-purple-100 {\n color: rgb(209,196,233) !important; }\n\n.bg-deep-purple-100 {\n background-color: rgb(209,196,233) !important; }\n\n.deep-purple-200 {\n color: rgb(179,157,219) !important; }\n\n.bg-deep-purple-200 {\n background-color: rgb(179,157,219) !important; }\n\n.deep-purple-300 {\n color: rgb(149,117,205) !important; }\n\n.bg-deep-purple-300 {\n background-color: rgb(149,117,205) !important; }\n\n.deep-purple-400 {\n color: rgb(126,87,194) !important; }\n\n.bg-deep-purple-400 {\n background-color: rgb(126,87,194) !important; }\n\n.deep-purple-500 {\n color: rgb(103,58,183) !important; }\n\n.bg-deep-purple-500 {\n background-color: rgb(103,58,183) !important; }\n\n.deep-purple-600 {\n color: rgb(94,53,177) !important; }\n\n.bg-deep-purple-600 {\n background-color: rgb(94,53,177) !important; }\n\n.deep-purple-700 {\n color: rgb(81,45,168) !important; }\n\n.bg-deep-purple-700 {\n background-color: rgb(81,45,168) !important; }\n\n.deep-purple-800 {\n color: rgb(69,39,160) !important; }\n\n.bg-deep-purple-800 {\n background-color: rgb(69,39,160) !important; }\n\n.deep-purple-900 {\n color: rgb(49,27,146) !important; }\n\n.bg-deep-purple-900 {\n background-color: rgb(49,27,146) !important; }\n\n.deep-purple-A100 {\n color: rgb(179,136,255) !important; }\n\n.bg-deep-purple-A100 {\n background-color: rgb(179,136,255) !important; }\n\n.deep-purple-A200 {\n color: rgb(124,77,255) !important; }\n\n.bg-deep-purple-A200 {\n background-color: rgb(124,77,255) !important; }\n\n.deep-purple-A400 {\n color: rgb(101,31,255) !important; }\n\n.bg-deep-purple-A400 {\n background-color: rgb(101,31,255) !important; }\n\n.deep-purple-A700 {\n color: rgb(98,0,234) !important; }\n\n.bg-deep-purple-A700 {\n background-color: rgb(98,0,234) !important; }\n\n.indigo {\n color: rgb(63,81,181) !important; }\n\n.bg-indigo {\n background-color: rgb(63,81,181) !important; }\n\n.indigo-50 {\n color: rgb(232,234,246) !important; }\n\n.bg-indigo-50 {\n background-color: rgb(232,234,246) !important; }\n\n.indigo-100 {\n color: rgb(197,202,233) !important; }\n\n.bg-indigo-100 {\n background-color: rgb(197,202,233) !important; }\n\n.indigo-200 {\n color: rgb(159,168,218) !important; }\n\n.bg-indigo-200 {\n background-color: rgb(159,168,218) !important; }\n\n.indigo-300 {\n color: rgb(121,134,203) !important; }\n\n.bg-indigo-300 {\n background-color: rgb(121,134,203) !important; }\n\n.indigo-400 {\n color: rgb(92,107,192) !important; }\n\n.bg-indigo-400 {\n background-color: rgb(92,107,192) !important; }\n\n.indigo-500 {\n color: rgb(63,81,181) !important; }\n\n.bg-indigo-500 {\n background-color: rgb(63,81,181) !important; }\n\n.indigo-600 {\n color: rgb(57,73,171) !important; }\n\n.bg-indigo-600 {\n background-color: rgb(57,73,171) !important; }\n\n.indigo-700 {\n color: rgb(48,63,159) !important; }\n\n.bg-indigo-700 {\n background-color: rgb(48,63,159) !important; }\n\n.indigo-800 {\n color: rgb(40,53,147) !important; }\n\n.bg-indigo-800 {\n background-color: rgb(40,53,147) !important; }\n\n.indigo-900 {\n color: rgb(26,35,126) !important; }\n\n.bg-indigo-900 {\n background-color: rgb(26,35,126) !important; }\n\n.indigo-A100 {\n color: rgb(140,158,255) !important; }\n\n.bg-indigo-A100 {\n background-color: rgb(140,158,255) !important; }\n\n.indigo-A200 {\n color: rgb(83,109,254) !important; }\n\n.bg-indigo-A200 {\n background-color: rgb(83,109,254) !important; }\n\n.indigo-A400 {\n color: rgb(61,90,254) !important; }\n\n.bg-indigo-A400 {\n background-color: rgb(61,90,254) !important; }\n\n.indigo-A700 {\n color: rgb(48,79,254) !important; }\n\n.bg-indigo-A700 {\n background-color: rgb(48,79,254) !important; }\n\n.blue {\n color: rgb(33,150,243) !important; }\n\n.bg-blue {\n background-color: rgb(33,150,243) !important; }\n\n.blue-50 {\n color: rgb(227,242,253) !important; }\n\n.bg-blue-50 {\n background-color: rgb(227,242,253) !important; }\n\n.blue-100 {\n color: rgb(187,222,251) !important; }\n\n.bg-blue-100 {\n background-color: rgb(187,222,251) !important; }\n\n.blue-200 {\n color: rgb(144,202,249) !important; }\n\n.bg-blue-200 {\n background-color: rgb(144,202,249) !important; }\n\n.blue-300 {\n color: rgb(100,181,246) !important; }\n\n.bg-blue-300 {\n background-color: rgb(100,181,246) !important; }\n\n.blue-400 {\n color: rgb(66,165,245) !important; }\n\n.bg-blue-400 {\n background-color: rgb(66,165,245) !important; }\n\n.blue-500 {\n color: rgb(33,150,243) !important; }\n\n.bg-blue-500 {\n background-color: rgb(33,150,243) !important; }\n\n.blue-600 {\n color: rgb(30,136,229) !important; }\n\n.bg-blue-600 {\n background-color: rgb(30,136,229) !important; }\n\n.blue-700 {\n color: rgb(25,118,210) !important; }\n\n.bg-blue-700 {\n background-color: rgb(25,118,210) !important; }\n\n.blue-800 {\n color: rgb(21,101,192) !important; }\n\n.bg-blue-800 {\n background-color: rgb(21,101,192) !important; }\n\n.blue-900 {\n color: rgb(13,71,161) !important; }\n\n.bg-blue-900 {\n background-color: rgb(13,71,161) !important; }\n\n.blue-A100 {\n color: rgb(130,177,255) !important; }\n\n.bg-blue-A100 {\n background-color: rgb(130,177,255) !important; }\n\n.blue-A200 {\n color: rgb(68,138,255) !important; }\n\n.bg-blue-A200 {\n background-color: rgb(68,138,255) !important; }\n\n.blue-A400 {\n color: rgb(41,121,255) !important; }\n\n.bg-blue-A400 {\n background-color: rgb(41,121,255) !important; }\n\n.blue-A700 {\n color: rgb(41,98,255) !important; }\n\n.bg-blue-A700 {\n background-color: rgb(41,98,255) !important; }\n\n.light-blue {\n color: rgb(3,169,244) !important; }\n\n.bg-light-blue {\n background-color: rgb(3,169,244) !important; }\n\n.light-blue-50 {\n color: rgb(225,245,254) !important; }\n\n.bg-light-blue-50 {\n background-color: rgb(225,245,254) !important; }\n\n.light-blue-100 {\n color: rgb(179,229,252) !important; }\n\n.bg-light-blue-100 {\n background-color: rgb(179,229,252) !important; }\n\n.light-blue-200 {\n color: rgb(129,212,250) !important; }\n\n.bg-light-blue-200 {\n background-color: rgb(129,212,250) !important; }\n\n.light-blue-300 {\n color: rgb(79,195,247) !important; }\n\n.bg-light-blue-300 {\n background-color: rgb(79,195,247) !important; }\n\n.light-blue-400 {\n color: rgb(41,182,246) !important; }\n\n.bg-light-blue-400 {\n background-color: rgb(41,182,246) !important; }\n\n.light-blue-500 {\n color: rgb(3,169,244) !important; }\n\n.bg-light-blue-500 {\n background-color: rgb(3,169,244) !important; }\n\n.light-blue-600 {\n color: rgb(3,155,229) !important; }\n\n.bg-light-blue-600 {\n background-color: rgb(3,155,229) !important; }\n\n.light-blue-700 {\n color: rgb(2,136,209) !important; }\n\n.bg-light-blue-700 {\n background-color: rgb(2,136,209) !important; }\n\n.light-blue-800 {\n color: rgb(2,119,189) !important; }\n\n.bg-light-blue-800 {\n background-color: rgb(2,119,189) !important; }\n\n.light-blue-900 {\n color: rgb(1,87,155) !important; }\n\n.bg-light-blue-900 {\n background-color: rgb(1,87,155) !important; }\n\n.light-blue-A100 {\n color: rgb(128,216,255) !important; }\n\n.bg-light-blue-A100 {\n background-color: rgb(128,216,255) !important; }\n\n.light-blue-A200 {\n color: rgb(64,196,255) !important; }\n\n.bg-light-blue-A200 {\n background-color: rgb(64,196,255) !important; }\n\n.light-blue-A400 {\n color: rgb(0,176,255) !important; }\n\n.bg-light-blue-A400 {\n background-color: rgb(0,176,255) !important; }\n\n.light-blue-A700 {\n color: rgb(0,145,234) !important; }\n\n.bg-light-blue-A700 {\n background-color: rgb(0,145,234) !important; }\n\n.cyan {\n color: rgb(0,188,212) !important; }\n\n.bg-cyan {\n background-color: rgb(0,188,212) !important; }\n\n.cyan-50 {\n color: rgb(224,247,250) !important; }\n\n.bg-cyan-50 {\n background-color: rgb(224,247,250) !important; }\n\n.cyan-100 {\n color: rgb(178,235,242) !important; }\n\n.bg-cyan-100 {\n background-color: rgb(178,235,242) !important; }\n\n.cyan-200 {\n color: rgb(128,222,234) !important; }\n\n.bg-cyan-200 {\n background-color: rgb(128,222,234) !important; }\n\n.cyan-300 {\n color: rgb(77,208,225) !important; }\n\n.bg-cyan-300 {\n background-color: rgb(77,208,225) !important; }\n\n.cyan-400 {\n color: rgb(38,198,218) !important; }\n\n.bg-cyan-400 {\n background-color: rgb(38,198,218) !important; }\n\n.cyan-500 {\n color: rgb(0,188,212) !important; }\n\n.bg-cyan-500 {\n background-color: rgb(0,188,212) !important; }\n\n.cyan-600 {\n color: rgb(0,172,193) !important; }\n\n.bg-cyan-600 {\n background-color: rgb(0,172,193) !important; }\n\n.cyan-700 {\n color: rgb(0,151,167) !important; }\n\n.bg-cyan-700 {\n background-color: rgb(0,151,167) !important; }\n\n.cyan-800 {\n color: rgb(0,131,143) !important; }\n\n.bg-cyan-800 {\n background-color: rgb(0,131,143) !important; }\n\n.cyan-900 {\n color: rgb(0,96,100) !important; }\n\n.bg-cyan-900 {\n background-color: rgb(0,96,100) !important; }\n\n.cyan-A100 {\n color: rgb(132,255,255) !important; }\n\n.bg-cyan-A100 {\n background-color: rgb(132,255,255) !important; }\n\n.cyan-A200 {\n color: rgb(24,255,255) !important; }\n\n.bg-cyan-A200 {\n background-color: rgb(24,255,255) !important; }\n\n.cyan-A400 {\n color: rgb(0,229,255) !important; }\n\n.bg-cyan-A400 {\n background-color: rgb(0,229,255) !important; }\n\n.cyan-A700 {\n color: rgb(0,184,212) !important; }\n\n.bg-cyan-A700 {\n background-color: rgb(0,184,212) !important; }\n\n.teal {\n color: rgb(0,150,136) !important; }\n\n.bg-teal {\n background-color: rgb(0,150,136) !important; }\n\n.teal-50 {\n color: rgb(224,242,241) !important; }\n\n.bg-teal-50 {\n background-color: rgb(224,242,241) !important; }\n\n.teal-100 {\n color: rgb(178,223,219) !important; }\n\n.bg-teal-100 {\n background-color: rgb(178,223,219) !important; }\n\n.teal-200 {\n color: rgb(128,203,196) !important; }\n\n.bg-teal-200 {\n background-color: rgb(128,203,196) !important; }\n\n.teal-300 {\n color: rgb(77,182,172) !important; }\n\n.bg-teal-300 {\n background-color: rgb(77,182,172) !important; }\n\n.teal-400 {\n color: rgb(38,166,154) !important; }\n\n.bg-teal-400 {\n background-color: rgb(38,166,154) !important; }\n\n.teal-500 {\n color: rgb(0,150,136) !important; }\n\n.bg-teal-500 {\n background-color: rgb(0,150,136) !important; }\n\n.teal-600 {\n color: rgb(0,137,123) !important; }\n\n.bg-teal-600 {\n background-color: rgb(0,137,123) !important; }\n\n.teal-700 {\n color: rgb(0,121,107) !important; }\n\n.bg-teal-700 {\n background-color: rgb(0,121,107) !important; }\n\n.teal-800 {\n color: rgb(0,105,92) !important; }\n\n.bg-teal-800 {\n background-color: rgb(0,105,92) !important; }\n\n.teal-900 {\n color: rgb(0,77,64) !important; }\n\n.bg-teal-900 {\n background-color: rgb(0,77,64) !important; }\n\n.teal-A100 {\n color: rgb(167,255,235) !important; }\n\n.bg-teal-A100 {\n background-color: rgb(167,255,235) !important; }\n\n.teal-A200 {\n color: rgb(100,255,218) !important; }\n\n.bg-teal-A200 {\n background-color: rgb(100,255,218) !important; }\n\n.teal-A400 {\n color: rgb(29,233,182) !important; }\n\n.bg-teal-A400 {\n background-color: rgb(29,233,182) !important; }\n\n.teal-A700 {\n color: rgb(0,191,165) !important; }\n\n.bg-teal-A700 {\n background-color: rgb(0,191,165) !important; }\n\n.green {\n color: rgb(76,175,80) !important; }\n\n.bg-green {\n background-color: rgb(76,175,80) !important; }\n\n.green-50 {\n color: rgb(232,245,233) !important; }\n\n.bg-green-50 {\n background-color: rgb(232,245,233) !important; }\n\n.green-100 {\n color: rgb(200,230,201) !important; }\n\n.bg-green-100 {\n background-color: rgb(200,230,201) !important; }\n\n.green-200 {\n color: rgb(165,214,167) !important; }\n\n.bg-green-200 {\n background-color: rgb(165,214,167) !important; }\n\n.green-300 {\n color: rgb(129,199,132) !important; }\n\n.bg-green-300 {\n background-color: rgb(129,199,132) !important; }\n\n.green-400 {\n color: rgb(102,187,106) !important; }\n\n.bg-green-400 {\n background-color: rgb(102,187,106) !important; }\n\n.green-500 {\n color: rgb(76,175,80) !important; }\n\n.bg-green-500 {\n background-color: rgb(76,175,80) !important; }\n\n.green-600 {\n color: rgb(67,160,71) !important; }\n\n.bg-green-600 {\n background-color: rgb(67,160,71) !important; }\n\n.green-700 {\n color: rgb(56,142,60) !important; }\n\n.bg-green-700 {\n background-color: rgb(56,142,60) !important; }\n\n.green-800 {\n color: rgb(46,125,50) !important; }\n\n.bg-green-800 {\n background-color: rgb(46,125,50) !important; }\n\n.green-900 {\n color: rgb(27,94,32) !important; }\n\n.bg-green-900 {\n background-color: rgb(27,94,32) !important; }\n\n.green-A100 {\n color: rgb(185,246,202) !important; }\n\n.bg-green-A100 {\n background-color: rgb(185,246,202) !important; }\n\n.green-A200 {\n color: rgb(105,240,174) !important; }\n\n.bg-green-A200 {\n background-color: rgb(105,240,174) !important; }\n\n.green-A400 {\n color: rgb(0,230,118) !important; }\n\n.bg-green-A400 {\n background-color: rgb(0,230,118) !important; }\n\n.green-A700 {\n color: rgb(0,200,83) !important; }\n\n.bg-green-A700 {\n background-color: rgb(0,200,83) !important; }\n\n.light-green {\n color: rgb(139,195,74) !important; }\n\n.bg-light-green {\n background-color: rgb(139,195,74) !important; }\n\n.light-green-50 {\n color: rgb(241,248,233) !important; }\n\n.bg-light-green-50 {\n background-color: rgb(241,248,233) !important; }\n\n.light-green-100 {\n color: rgb(220,237,200) !important; }\n\n.bg-light-green-100 {\n background-color: rgb(220,237,200) !important; }\n\n.light-green-200 {\n color: rgb(197,225,165) !important; }\n\n.bg-light-green-200 {\n background-color: rgb(197,225,165) !important; }\n\n.light-green-300 {\n color: rgb(174,213,129) !important; }\n\n.bg-light-green-300 {\n background-color: rgb(174,213,129) !important; }\n\n.light-green-400 {\n color: rgb(156,204,101) !important; }\n\n.bg-light-green-400 {\n background-color: rgb(156,204,101) !important; }\n\n.light-green-500 {\n color: rgb(139,195,74) !important; }\n\n.bg-light-green-500 {\n background-color: rgb(139,195,74) !important; }\n\n.light-green-600 {\n color: rgb(124,179,66) !important; }\n\n.bg-light-green-600 {\n background-color: rgb(124,179,66) !important; }\n\n.light-green-700 {\n color: rgb(104,159,56) !important; }\n\n.bg-light-green-700 {\n background-color: rgb(104,159,56) !important; }\n\n.light-green-800 {\n color: rgb(85,139,47) !important; }\n\n.bg-light-green-800 {\n background-color: rgb(85,139,47) !important; }\n\n.light-green-900 {\n color: rgb(51,105,30) !important; }\n\n.bg-light-green-900 {\n background-color: rgb(51,105,30) !important; }\n\n.light-green-A100 {\n color: rgb(204,255,144) !important; }\n\n.bg-light-green-A100 {\n background-color: rgb(204,255,144) !important; }\n\n.light-green-A200 {\n color: rgb(178,255,89) !important; }\n\n.bg-light-green-A200 {\n background-color: rgb(178,255,89) !important; }\n\n.light-green-A400 {\n color: rgb(118,255,3) !important; }\n\n.bg-light-green-A400 {\n background-color: rgb(118,255,3) !important; }\n\n.light-green-A700 {\n color: rgb(100,221,23) !important; }\n\n.bg-light-green-A700 {\n background-color: rgb(100,221,23) !important; }\n\n.lime {\n color: rgb(205,220,57) !important; }\n\n.bg-lime {\n background-color: rgb(205,220,57) !important; }\n\n.lime-50 {\n color: rgb(249,251,231) !important; }\n\n.bg-lime-50 {\n background-color: rgb(249,251,231) !important; }\n\n.lime-100 {\n color: rgb(240,244,195) !important; }\n\n.bg-lime-100 {\n background-color: rgb(240,244,195) !important; }\n\n.lime-200 {\n color: rgb(230,238,156) !important; }\n\n.bg-lime-200 {\n background-color: rgb(230,238,156) !important; }\n\n.lime-300 {\n color: rgb(220,231,117) !important; }\n\n.bg-lime-300 {\n background-color: rgb(220,231,117) !important; }\n\n.lime-400 {\n color: rgb(212,225,87) !important; }\n\n.bg-lime-400 {\n background-color: rgb(212,225,87) !important; }\n\n.lime-500 {\n color: rgb(205,220,57) !important; }\n\n.bg-lime-500 {\n background-color: rgb(205,220,57) !important; }\n\n.lime-600 {\n color: rgb(192,202,51) !important; }\n\n.bg-lime-600 {\n background-color: rgb(192,202,51) !important; }\n\n.lime-700 {\n color: rgb(175,180,43) !important; }\n\n.bg-lime-700 {\n background-color: rgb(175,180,43) !important; }\n\n.lime-800 {\n color: rgb(158,157,36) !important; }\n\n.bg-lime-800 {\n background-color: rgb(158,157,36) !important; }\n\n.lime-900 {\n color: rgb(130,119,23) !important; }\n\n.bg-lime-900 {\n background-color: rgb(130,119,23) !important; }\n\n.lime-A100 {\n color: rgb(244,255,129) !important; }\n\n.bg-lime-A100 {\n background-color: rgb(244,255,129) !important; }\n\n.lime-A200 {\n color: rgb(238,255,65) !important; }\n\n.bg-lime-A200 {\n background-color: rgb(238,255,65) !important; }\n\n.lime-A400 {\n color: rgb(198,255,0) !important; }\n\n.bg-lime-A400 {\n background-color: rgb(198,255,0) !important; }\n\n.lime-A700 {\n color: rgb(174,234,0) !important; }\n\n.bg-lime-A700 {\n background-color: rgb(174,234,0) !important; }\n\n.yellow {\n color: rgb(255,235,59) !important; }\n\n.bg-yellow {\n background-color: rgb(255,235,59) !important; }\n\n.yellow-50 {\n color: rgb(255,253,231) !important; }\n\n.bg-yellow-50 {\n background-color: rgb(255,253,231) !important; }\n\n.yellow-100 {\n color: rgb(255,249,196) !important; }\n\n.bg-yellow-100 {\n background-color: rgb(255,249,196) !important; }\n\n.yellow-200 {\n color: rgb(255,245,157) !important; }\n\n.bg-yellow-200 {\n background-color: rgb(255,245,157) !important; }\n\n.yellow-300 {\n color: rgb(255,241,118) !important; }\n\n.bg-yellow-300 {\n background-color: rgb(255,241,118) !important; }\n\n.yellow-400 {\n color: rgb(255,238,88) !important; }\n\n.bg-yellow-400 {\n background-color: rgb(255,238,88) !important; }\n\n.yellow-500 {\n color: rgb(255,235,59) !important; }\n\n.bg-yellow-500 {\n background-color: rgb(255,235,59) !important; }\n\n.yellow-600 {\n color: rgb(253,216,53) !important; }\n\n.bg-yellow-600 {\n background-color: rgb(253,216,53) !important; }\n\n.yellow-700 {\n color: rgb(251,192,45) !important; }\n\n.bg-yellow-700 {\n background-color: rgb(251,192,45) !important; }\n\n.yellow-800 {\n color: rgb(249,168,37) !important; }\n\n.bg-yellow-800 {\n background-color: rgb(249,168,37) !important; }\n\n.yellow-900 {\n color: rgb(245,127,23) !important; }\n\n.bg-yellow-900 {\n background-color: rgb(245,127,23) !important; }\n\n.yellow-A100 {\n color: rgb(255,255,141) !important; }\n\n.bg-yellow-A100 {\n background-color: rgb(255,255,141) !important; }\n\n.yellow-A200 {\n color: rgb(255,255,0) !important; }\n\n.bg-yellow-A200 {\n background-color: rgb(255,255,0) !important; }\n\n.yellow-A400 {\n color: rgb(255,234,0) !important; }\n\n.bg-yellow-A400 {\n background-color: rgb(255,234,0) !important; }\n\n.yellow-A700 {\n color: rgb(255,214,0) !important; }\n\n.bg-yellow-A700 {\n background-color: rgb(255,214,0) !important; }\n\n.amber {\n color: rgb(255,193,7) !important; }\n\n.bg-amber {\n background-color: rgb(255,193,7) !important; }\n\n.amber-50 {\n color: rgb(255,248,225) !important; }\n\n.bg-amber-50 {\n background-color: rgb(255,248,225) !important; }\n\n.amber-100 {\n color: rgb(255,236,179) !important; }\n\n.bg-amber-100 {\n background-color: rgb(255,236,179) !important; }\n\n.amber-200 {\n color: rgb(255,224,130) !important; }\n\n.bg-amber-200 {\n background-color: rgb(255,224,130) !important; }\n\n.amber-300 {\n color: rgb(255,213,79) !important; }\n\n.bg-amber-300 {\n background-color: rgb(255,213,79) !important; }\n\n.amber-400 {\n color: rgb(255,202,40) !important; }\n\n.bg-amber-400 {\n background-color: rgb(255,202,40) !important; }\n\n.amber-500 {\n color: rgb(255,193,7) !important; }\n\n.bg-amber-500 {\n background-color: rgb(255,193,7) !important; }\n\n.amber-600 {\n color: rgb(255,179,0) !important; }\n\n.bg-amber-600 {\n background-color: rgb(255,179,0) !important; }\n\n.amber-700 {\n color: rgb(255,160,0) !important; }\n\n.bg-amber-700 {\n background-color: rgb(255,160,0) !important; }\n\n.amber-800 {\n color: rgb(255,143,0) !important; }\n\n.bg-amber-800 {\n background-color: rgb(255,143,0) !important; }\n\n.amber-900 {\n color: rgb(255,111,0) !important; }\n\n.bg-amber-900 {\n background-color: rgb(255,111,0) !important; }\n\n.amber-A100 {\n color: rgb(255,229,127) !important; }\n\n.bg-amber-A100 {\n background-color: rgb(255,229,127) !important; }\n\n.amber-A200 {\n color: rgb(255,215,64) !important; }\n\n.bg-amber-A200 {\n background-color: rgb(255,215,64) !important; }\n\n.amber-A400 {\n color: rgb(255,196,0) !important; }\n\n.bg-amber-A400 {\n background-color: rgb(255,196,0) !important; }\n\n.amber-A700 {\n color: rgb(255,171,0) !important; }\n\n.bg-amber-A700 {\n background-color: rgb(255,171,0) !important; }\n\n.orange {\n color: rgb(255,152,0) !important; }\n\n.bg-orange {\n background-color: rgb(255,152,0) !important; }\n\n.orange-50 {\n color: rgb(255,243,224) !important; }\n\n.bg-orange-50 {\n background-color: rgb(255,243,224) !important; }\n\n.orange-100 {\n color: rgb(255,224,178) !important; }\n\n.bg-orange-100 {\n background-color: rgb(255,224,178) !important; }\n\n.orange-200 {\n color: rgb(255,204,128) !important; }\n\n.bg-orange-200 {\n background-color: rgb(255,204,128) !important; }\n\n.orange-300 {\n color: rgb(255,183,77) !important; }\n\n.bg-orange-300 {\n background-color: rgb(255,183,77) !important; }\n\n.orange-400 {\n color: rgb(255,167,38) !important; }\n\n.bg-orange-400 {\n background-color: rgb(255,167,38) !important; }\n\n.orange-500 {\n color: rgb(255,152,0) !important; }\n\n.bg-orange-500 {\n background-color: rgb(255,152,0) !important; }\n\n.orange-600 {\n color: rgb(251,140,0) !important; }\n\n.bg-orange-600 {\n background-color: rgb(251,140,0) !important; }\n\n.orange-700 {\n color: rgb(245,124,0) !important; }\n\n.bg-orange-700 {\n background-color: rgb(245,124,0) !important; }\n\n.orange-800 {\n color: rgb(239,108,0) !important; }\n\n.bg-orange-800 {\n background-color: rgb(239,108,0) !important; }\n\n.orange-900 {\n color: rgb(230,81,0) !important; }\n\n.bg-orange-900 {\n background-color: rgb(230,81,0) !important; }\n\n.orange-A100 {\n color: rgb(255,209,128) !important; }\n\n.bg-orange-A100 {\n background-color: rgb(255,209,128) !important; }\n\n.orange-A200 {\n color: rgb(255,171,64) !important; }\n\n.bg-orange-A200 {\n background-color: rgb(255,171,64) !important; }\n\n.orange-A400 {\n color: rgb(255,145,0) !important; }\n\n.bg-orange-A400 {\n background-color: rgb(255,145,0) !important; }\n\n.orange-A700 {\n color: rgb(255,109,0) !important; }\n\n.bg-orange-A700 {\n background-color: rgb(255,109,0) !important; }\n\n.deep-orange {\n color: rgb(255,87,34) !important; }\n\n.bg-deep-orange {\n background-color: rgb(255,87,34) !important; }\n\n.deep-orange-50 {\n color: rgb(251,233,231) !important; }\n\n.bg-deep-orange-50 {\n background-color: rgb(251,233,231) !important; }\n\n.deep-orange-100 {\n color: rgb(255,204,188) !important; }\n\n.bg-deep-orange-100 {\n background-color: rgb(255,204,188) !important; }\n\n.deep-orange-200 {\n color: rgb(255,171,145) !important; }\n\n.bg-deep-orange-200 {\n background-color: rgb(255,171,145) !important; }\n\n.deep-orange-300 {\n color: rgb(255,138,101) !important; }\n\n.bg-deep-orange-300 {\n background-color: rgb(255,138,101) !important; }\n\n.deep-orange-400 {\n color: rgb(255,112,67) !important; }\n\n.bg-deep-orange-400 {\n background-color: rgb(255,112,67) !important; }\n\n.deep-orange-500 {\n color: rgb(255,87,34) !important; }\n\n.bg-deep-orange-500 {\n background-color: rgb(255,87,34) !important; }\n\n.deep-orange-600 {\n color: rgb(244,81,30) !important; }\n\n.bg-deep-orange-600 {\n background-color: rgb(244,81,30) !important; }\n\n.deep-orange-700 {\n color: rgb(230,74,25) !important; }\n\n.bg-deep-orange-700 {\n background-color: rgb(230,74,25) !important; }\n\n.deep-orange-800 {\n color: rgb(216,67,21) !important; }\n\n.bg-deep-orange-800 {\n background-color: rgb(216,67,21) !important; }\n\n.deep-orange-900 {\n color: rgb(191,54,12) !important; }\n\n.bg-deep-orange-900 {\n background-color: rgb(191,54,12) !important; }\n\n.deep-orange-A100 {\n color: rgb(255,158,128) !important; }\n\n.bg-deep-orange-A100 {\n background-color: rgb(255,158,128) !important; }\n\n.deep-orange-A200 {\n color: rgb(255,110,64) !important; }\n\n.bg-deep-orange-A200 {\n background-color: rgb(255,110,64) !important; }\n\n.deep-orange-A400 {\n color: rgb(255,61,0) !important; }\n\n.bg-deep-orange-A400 {\n background-color: rgb(255,61,0) !important; }\n\n.deep-orange-A700 {\n color: rgb(221,44,0) !important; }\n\n.bg-deep-orange-A700 {\n background-color: rgb(221,44,0) !important; }\n\n.brown {\n color: rgb(121,85,72) !important; }\n\n.bg-brown {\n background-color: rgb(121,85,72) !important; }\n\n.brown-50 {\n color: rgb(239,235,233) !important; }\n\n.bg-brown-50 {\n background-color: rgb(239,235,233) !important; }\n\n.brown-100 {\n color: rgb(215,204,200) !important; }\n\n.bg-brown-100 {\n background-color: rgb(215,204,200) !important; }\n\n.brown-200 {\n color: rgb(188,170,164) !important; }\n\n.bg-brown-200 {\n background-color: rgb(188,170,164) !important; }\n\n.brown-300 {\n color: rgb(161,136,127) !important; }\n\n.bg-brown-300 {\n background-color: rgb(161,136,127) !important; }\n\n.brown-400 {\n color: rgb(141,110,99) !important; }\n\n.bg-brown-400 {\n background-color: rgb(141,110,99) !important; }\n\n.brown-500 {\n color: rgb(121,85,72) !important; }\n\n.bg-brown-500 {\n background-color: rgb(121,85,72) !important; }\n\n.brown-600 {\n color: rgb(109,76,65) !important; }\n\n.bg-brown-600 {\n background-color: rgb(109,76,65) !important; }\n\n.brown-700 {\n color: rgb(93,64,55) !important; }\n\n.bg-brown-700 {\n background-color: rgb(93,64,55) !important; }\n\n.brown-800 {\n color: rgb(78,52,46) !important; }\n\n.bg-brown-800 {\n background-color: rgb(78,52,46) !important; }\n\n.brown-900 {\n color: rgb(62,39,35) !important; }\n\n.bg-brown-900 {\n background-color: rgb(62,39,35) !important; }\n\n.grey {\n color: rgb(158,158,158) !important; }\n\n.bg-grey {\n background-color: rgb(158,158,158) !important; }\n\n.grey-50 {\n color: rgb(250,250,250) !important; }\n\n.bg-grey-50 {\n background-color: rgb(250,250,250) !important; }\n\n.grey-100 {\n color: rgb(245,245,245) !important; }\n\n.bg-grey-100 {\n background-color: rgb(245,245,245) !important; }\n\n.grey-200 {\n color: rgb(238,238,238) !important; }\n\n.bg-grey-200 {\n background-color: rgb(238,238,238) !important; }\n\n.grey-300 {\n color: rgb(224,224,224) !important; }\n\n.bg-grey-300 {\n background-color: rgb(224,224,224) !important; }\n\n.grey-400 {\n color: rgb(189,189,189) !important; }\n\n.bg-grey-400 {\n background-color: rgb(189,189,189) !important; }\n\n.grey-500 {\n color: rgb(158,158,158) !important; }\n\n.bg-grey-500 {\n background-color: rgb(158,158,158) !important; }\n\n.grey-600 {\n color: rgb(117,117,117) !important; }\n\n.bg-grey-600 {\n background-color: rgb(117,117,117) !important; }\n\n.grey-700 {\n color: rgb(97,97,97) !important; }\n\n.bg-grey-700 {\n background-color: rgb(97,97,97) !important; }\n\n.grey-800 {\n color: rgb(66,66,66) !important; }\n\n.bg-grey-800 {\n background-color: rgb(66,66,66) !important; }\n\n.grey-900 {\n color: rgb(33,33,33) !important; }\n\n.bg-grey-900 {\n background-color: rgb(33,33,33) !important; }\n\n.blue-grey {\n color: rgb(96,125,139) !important; }\n\n.bg-blue-grey {\n background-color: rgb(96,125,139) !important; }\n\n.blue-grey-50 {\n color: rgb(236,239,241) !important; }\n\n.bg-blue-grey-50 {\n background-color: rgb(236,239,241) !important; }\n\n.blue-grey-100 {\n color: rgb(207,216,220) !important; }\n\n.bg-blue-grey-100 {\n background-color: rgb(207,216,220) !important; }\n\n.blue-grey-200 {\n color: rgb(176,190,197) !important; }\n\n.bg-blue-grey-200 {\n background-color: rgb(176,190,197) !important; }\n\n.blue-grey-300 {\n color: rgb(144,164,174) !important; }\n\n.bg-blue-grey-300 {\n background-color: rgb(144,164,174) !important; }\n\n.blue-grey-400 {\n color: rgb(120,144,156) !important; }\n\n.bg-blue-grey-400 {\n background-color: rgb(120,144,156) !important; }\n\n.blue-grey-500 {\n color: rgb(96,125,139) !important; }\n\n.bg-blue-grey-500 {\n background-color: rgb(96,125,139) !important; }\n\n.blue-grey-600 {\n color: rgb(84,110,122) !important; }\n\n.bg-blue-grey-600 {\n background-color: rgb(84,110,122) !important; }\n\n.blue-grey-700 {\n color: rgb(69,90,100) !important; }\n\n.bg-blue-grey-700 {\n background-color: rgb(69,90,100) !important; }\n\n.blue-grey-800 {\n color: rgb(55,71,79) !important; }\n\n.bg-blue-grey-800 {\n background-color: rgb(55,71,79) !important; }\n\n.blue-grey-900 {\n color: rgb(38,50,56) !important; }\n\n.bg-blue-grey-900 {\n background-color: rgb(38,50,56) !important; }\n\n.u-red {\n color: rgb(244,120,107) !important; }\n\n.u-bg-red {\n background-color: rgb(244,120,107) !important; }\n\n.u-red-100 {\n color: rgb(254,239,237) !important; }\n\n.u-bg-red-100 {\n background-color: rgb(254,239,237) !important; }\n\n.u-red-200 {\n color: rgb(251,212,208) !important; }\n\n.u-bg-red-200 {\n background-color: rgb(251,212,208) !important; }\n\n.u-red-300 {\n color: rgb(249,181,173) !important; }\n\n.u-bg-red-300 {\n background-color: rgb(249,181,173) !important; }\n\n.u-red-400 {\n color: rgb(246,148,137) !important; }\n\n.u-bg-red-400 {\n background-color: rgb(246,148,137) !important; }\n\n.u-red-500 {\n color: rgb(244,120,107) !important; }\n\n.u-bg-red-500 {\n background-color: rgb(244,120,107) !important; }\n\n.u-red-600 {\n color: rgb(241,90,74) !important; }\n\n.u-bg-red-600 {\n background-color: rgb(241,90,74) !important; }\n\n.u-red-700 {\n color: rgb(228,32,21) !important; }\n\n.u-bg-red-700 {\n background-color: rgb(228,32,21) !important; }\n\n.u-red-800 {\n color: rgb(216,81,66) !important; }\n\n.u-bg-red-800 {\n background-color: rgb(216,81,66) !important; }\n\n.u-red-900 {\n color: rgb(120,45,37) !important; }\n\n.u-bg-red-900 {\n background-color: rgb(120,45,37) !important; }\n\n.u-orange {\n color: rgb(254,152,76) !important; }\n\n.u-bg-orange {\n background-color: rgb(254,152,76) !important; }\n\n.u-orange-100 {\n color: rgb(255,243,234) !important; }\n\n.u-bg-orange-100 {\n background-color: rgb(255,243,234) !important; }\n\n.u-orange-200 {\n color: rgb(255,222,199) !important; }\n\n.u-bg-orange-200 {\n background-color: rgb(255,222,199) !important; }\n\n.u-orange-300 {\n color: rgb(255,198,157) !important; }\n\n.u-bg-orange-300 {\n background-color: rgb(255,198,157) !important; }\n\n.u-orange-400 {\n color: rgb(254,173,113) !important; }\n\n.u-bg-orange-400 {\n background-color: rgb(254,173,113) !important; }\n\n.u-orange-500 {\n color: rgb(254,152,76) !important; }\n\n.u-bg-orange-500 {\n background-color: rgb(254,152,76) !important; }\n\n.u-orange-600 {\n color: rgb(254,129,37) !important; }\n\n.u-bg-orange-600 {\n background-color: rgb(254,129,37) !important; }\n\n.u-orange-700 {\n color: rgb(253,65,5) !important; }\n\n.u-bg-orange-700 {\n background-color: rgb(253,65,5) !important; }\n\n.u-orange-800 {\n color: rgb(228,116,33) !important; }\n\n.u-bg-orange-800 {\n background-color: rgb(228,116,33) !important; }\n\n.u-orange-900 {\n color: rgb(127,64,18) !important; }\n\n.u-bg-orange-900 {\n background-color: rgb(127,64,18) !important; }\n\n.u-yellow {\n color: rgb(244,207,58) !important; }\n\n.u-bg-yellow {\n background-color: rgb(244,207,58) !important; }\n\n.u-yellow-100 {\n color: rgb(254,249,231) !important; }\n\n.u-bg-yellow-100 {\n background-color: rgb(254,249,231) !important; }\n\n.u-yellow-200 {\n color: rgb(251,240,193) !important; }\n\n.u-bg-yellow-200 {\n background-color: rgb(251,240,193) !important; }\n\n.u-yellow-300 {\n color: rgb(249,228,147) !important; }\n\n.u-bg-yellow-300 {\n background-color: rgb(249,228,147) !important; }\n\n.u-yellow-400 {\n color: rgb(246,217,99) !important; }\n\n.u-bg-yellow-400 {\n background-color: rgb(246,217,99) !important; }\n\n.u-yellow-500 {\n color: rgb(244,207,58) !important; }\n\n.u-bg-yellow-500 {\n background-color: rgb(244,207,58) !important; }\n\n.u-yellow-600 {\n color: rgb(241,196,15) !important; }\n\n.u-bg-yellow-600 {\n background-color: rgb(241,196,15) !important; }\n\n.u-yellow-700 {\n color: rgb(228,151,1) !important; }\n\n.u-bg-yellow-700 {\n background-color: rgb(228,151,1) !important; }\n\n.u-yellow-800 {\n color: rgb(216,176,13) !important; }\n\n.u-bg-yellow-800 {\n background-color: rgb(216,176,13) !important; }\n\n.u-yellow-900 {\n color: rgb(120,98,7) !important; }\n\n.u-bg-yellow-900 {\n background-color: rgb(120,98,7) !important; }\n\n.u-green {\n color: rgb(78,189,125) !important; }\n\n.u-bg-green {\n background-color: rgb(78,189,125) !important; }\n\n.u-green-100 {\n color: rgb(234,247,239) !important; }\n\n.u-bg-green-100 {\n background-color: rgb(234,247,239) !important; }\n\n.u-green-200 {\n color: rgb(199,234,214) !important; }\n\n.u-bg-green-200 {\n background-color: rgb(199,234,214) !important; }\n\n.u-green-300 {\n color: rgb(158,218,183) !important; }\n\n.u-bg-green-300 {\n background-color: rgb(158,218,183) !important; }\n\n.u-green-400 {\n color: rgb(114,202,151) !important; }\n\n.u-bg-green-400 {\n background-color: rgb(114,202,151) !important; }\n\n.u-green-500 {\n color: rgb(78,189,125) !important; }\n\n.u-bg-green-500 {\n background-color: rgb(78,189,125) !important; }\n\n.u-green-600 {\n color: rgb(39,174,96) !important; }\n\n.u-bg-green-600 {\n background-color: rgb(39,174,96) !important; }\n\n.u-green-700 {\n color: rgb(6,119,36) !important; }\n\n.u-bg-green-700 {\n background-color: rgb(6,119,36) !important; }\n\n.u-green-800 {\n color: rgb(35,156,86) !important; }\n\n.u-bg-green-800 {\n background-color: rgb(35,156,86) !important; }\n\n.u-green-900 {\n color: rgb(19,87,48) !important; }\n\n.u-bg-green-900 {\n background-color: rgb(19,87,48) !important; }\n\n.u-blue {\n color: rgb(68,189,228) !important; }\n\n.u-bg-blue {\n background-color: rgb(68,189,228) !important; }\n\n.u-blue-100 {\n color: rgb(233,247,252) !important; }\n\n.u-bg-blue-100 {\n background-color: rgb(233,247,252) !important; }\n\n.u-blue-200 {\n color: rgb(196,234,246) !important; }\n\n.u-bg-blue-200 {\n background-color: rgb(196,234,246) !important; }\n\n.u-blue-300 {\n color: rgb(152,218,240) !important; }\n\n.u-bg-blue-300 {\n background-color: rgb(152,218,240) !important; }\n\n.u-blue-400 {\n color: rgb(107,202,234) !important; }\n\n.u-bg-blue-400 {\n background-color: rgb(107,202,234) !important; }\n\n.u-blue-500 {\n color: rgb(68,189,228) !important; }\n\n.u-bg-blue-500 {\n background-color: rgb(68,189,228) !important; }\n\n.u-blue-600 {\n color: rgb(27,174,222) !important; }\n\n.u-bg-blue-600 {\n background-color: rgb(27,174,222) !important; }\n\n.u-blue-700 {\n color: rgb(3,119,193) !important; }\n\n.u-bg-blue-700 {\n background-color: rgb(3,119,193) !important; }\n\n.u-blue-800 {\n color: rgb(24,156,199) !important; }\n\n.u-bg-blue-800 {\n background-color: rgb(24,156,199) !important; }\n\n.u-blue-900 {\n color: rgb(8,81,119) !important; }\n\n.u-bg-blue-900 {\n background-color: rgb(8,81,119) !important; }\n\n.u-cyan {\n color: rgb(46,220,217) !important; }\n\n.u-bg-cyan {\n background-color: rgb(46,220,217) !important; }\n\n.u-cyan-100 {\n color: rgb(230,251,250) !important; }\n\n.u-bg-cyan-100 {\n background-color: rgb(230,251,250) !important; }\n\n.u-cyan-200 {\n color: rgb(189,244,243) !important; }\n\n.u-bg-cyan-200 {\n background-color: rgb(189,244,243) !important; }\n\n.u-cyan-300 {\n color: rgb(140,236,234) !important; }\n\n.u-bg-cyan-300 {\n background-color: rgb(140,236,234) !important; }\n\n.u-cyan-400 {\n color: rgb(89,227,225) !important; }\n\n.u-bg-cyan-400 {\n background-color: rgb(89,227,225) !important; }\n\n.u-cyan-500 {\n color: rgb(46,220,217) !important; }\n\n.u-bg-cyan-500 {\n background-color: rgb(46,220,217) !important; }\n\n.u-cyan-600 {\n color: rgb(0,212,209) !important; }\n\n.u-bg-cyan-600 {\n background-color: rgb(0,212,209) !important; }\n\n.u-cyan-700 {\n color: rgb(0,190,188) !important; }\n\n.u-bg-cyan-700 {\n background-color: rgb(0,190,188) !important; }\n\n.u-cyan-800 {\n color: rgb(0,176,171) !important; }\n\n.u-bg-cyan-800 {\n background-color: rgb(0,176,171) !important; }\n\n.u-cyan-900 {\n color: rgb(0,106,104) !important; }\n\n.u-bg-cyan-900 {\n background-color: rgb(0,106,104) !important; }\n\n.u-purple {\n color: rgb(185,131,252) !important; }\n\n.u-bg-purple {\n background-color: rgb(185,131,252) !important; }\n\n.u-purple-100 {\n color: rgb(247,240,255) !important; }\n\n.u-bg-purple-100 {\n background-color: rgb(247,240,255) !important; }\n\n.u-purple-200 {\n color: rgb(233,216,254) !important; }\n\n.u-bg-purple-200 {\n background-color: rgb(233,216,254) !important; }\n\n.u-purple-300 {\n color: rgb(217,187,253) !important; }\n\n.u-bg-purple-300 {\n background-color: rgb(217,187,253) !important; }\n\n.u-purple-400 {\n color: rgb(200,157,252) !important; }\n\n.u-bg-purple-400 {\n background-color: rgb(200,157,252) !important; }\n\n.u-purple-500 {\n color: rgb(185,131,252) !important; }\n\n.u-bg-purple-500 {\n background-color: rgb(185,131,252) !important; }\n\n.u-purple-600 {\n color: rgb(170,104,251) !important; }\n\n.u-bg-purple-600 {\n background-color: rgb(170,104,251) !important; }\n\n.u-purple-700 {\n color: rgb(153,93,225) !important; }\n\n.u-bg-purple-700 {\n background-color: rgb(153,93,225) !important; }\n\n.u-purple-800 {\n color: rgb(113,42,247) !important; }\n\n.u-bg-purple-800 {\n background-color: rgb(113,42,247) !important; }\n\n.u-purple-900 {\n color: rgb(85,52,125) !important; }\n\n.u-bg-purple-900 {\n background-color: rgb(85,52,125) !important; }\n\n.u-gray {\n color: rgb(206,206,206) !important; }\n\n.u-bg-gray {\n background-color: rgb(206,206,206) !important; }\n\n.u-gray-50 {\n color: rgb(255,255,255) !important; }\n\n.u-bg-gray-50 {\n background-color: rgb(255,255,255) !important; }\n\n.u-gray-100 {\n color: rgb(241,241,241) !important; }\n\n.u-bg-gray-100 {\n background-color: rgb(241,241,241) !important; }\n\n.u-gray-200 {\n color: rgb(235,235,235) !important; }\n\n.u-bg-gray-200 {\n background-color: rgb(235,235,235) !important; }\n\n.u-gray-300 {\n color: rgb(227,227,227) !important; }\n\n.u-bg-gray-300 {\n background-color: rgb(227,227,227) !important; }\n\n.u-gray-400 {\n color: rgb(215,215,215) !important; }\n\n.u-bg-gray-400 {\n background-color: rgb(215,215,215) !important; }\n\n.u-gray-500 {\n color: rgb(206,206,206) !important; }\n\n.u-bg-gray-500 {\n background-color: rgb(206,206,206) !important; }\n\n.u-gray-600 {\n color: rgb(191,191,191) !important; }\n\n.u-bg-gray-600 {\n background-color: rgb(191,191,191) !important; }\n\n.u-gray-700 {\n color: rgb(180,180,180) !important; }\n\n.u-bg-gray-700 {\n background-color: rgb(180,180,180) !important; }\n\n.u-gray-800 {\n color: rgb(153,153,153) !important; }\n\n.u-bg-gray-800 {\n background-color: rgb(153,153,153) !important; }\n\n.u-gray-900 {\n color: rgb(102,102,102) !important; }\n\n.u-bg-gray-900 {\n background-color: rgb(102,102,102) !important; }\n\n.u-bg-gray-A100 {\n background-color: rgb(51,51,51) !important; }\n\n.u-gray-A100 {\n color: rgb(51,51,51) !important; }\n\n.u-bg-gray-A200 {\n background-color: rgb(25,25,25) !important; }\n\n.u-gray-A200 {\n color: rgb(25,25,25) !important; }\n\n.bg-black {\n background-color: rgb(0,0,0) !important; }\n\n.black {\n color: rgb(0,0,0) !important; }\n\n.bg-white {\n background-color: rgb(255,255,255) !important; }\n\n.white {\n color: rgb(255,255,255) !important; }\n\n.bg-primary {\n background-color: rgb(30,136,229) !important; }\n\n.bg-primary-contrast {\n background-color: rgb(255,255,255) !important; }\n\n.bg-primary-dark {\n background-color: rgb(21,101,192) !important; }\n\n.bg-accent {\n background-color: rgb(67,160,71) !important; }\n\n.bg-accent-contrast {\n background-color: rgb(255,255,255) !important; }\n\n.text-primary {\n color: rgb(30,136,229) !important; }\n\n.text-primary-contrast {\n color: rgb(255,255,255) !important; }\n\n.text-primary-dark {\n color: rgb(21,101,192) !important; }\n\n.text-accent {\n color: rgb(67,160,71) !important; }\n\n.text-accent-contrast {\n color: rgb(255,255,255) !important; }\n\n/*\r\n * 保护有用的浏览器默认样式而不是完全去掉它们\r\n * 一般化的样式:为大部分HTML元素提供\r\n * 修复浏览器自身的bug并保证各浏览器的一致性\r\n * 优化CSS可用性:用一些小技巧\r\n * 解释代码:用注释和详细的文档来\r\n*/\nhtml {\n width: 100%;\n height: 100%;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%; }\n\n/*\r\n* 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。\r\n* 去掉默认的margin\r\n*/\nbody {\n margin: 0;\n width: 100%;\n height: 100%; }\n\n/*\r\n * 主显示屏复位为IE支持\r\n * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011\r\n */\nmain {\n display: block; }\n\n/*\r\n* 对具有hidden属性的元素不应用显示。\r\n* IE 9 and 10 support.\r\n*/\n*[hidden] {\n display: none !important; }\n\n*, :after, :before {\n box-sizing: border-box; }\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block; }\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\naudio:not([controls]) {\n display: none;\n height: 0; }\n\nprogress {\n vertical-align: baseline; }\n\ntemplate,\n[hidden] {\n display: none; }\n\na {\n background-color: transparent; }\n\na:active,\na:hover {\n outline-width: 0; }\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted; }\n\nb,\nstrong {\n font-weight: inherit; }\n\nb,\nstrong {\n font-weight: bolder; }\n\ndfn {\n font-style: italic; }\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\nmark {\n background-color: #ff0;\n color: #000; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\nimg {\n border-style: none; }\n\nsvg:not(:root) {\n overflow: hidden; }\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em; }\n\nfigure {\n margin: 1em 40px; }\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible; }\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; }\n\noptgroup {\n font-weight: bold; }\n\nbutton,\ninput,\nselect {\n overflow: visible; }\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0; }\n\nbutton,\nselect {\n text-transform: none; }\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n cursor: pointer; }\n\n[disabled] {\n cursor: default; }\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0; }\n\nbutton:-moz-focusring,\ninput:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal; }\n\ntextarea {\n overflow: auto; }\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0; }\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n[type=\"search\"] {\n -webkit-appearance: textfield; }\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/* FormGroup */\n/* Navlayout */\nhtml {\n font-size: 10px; }\n\nbody {\n font-family: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;\n font-color: rgb(153,153,153);\n font-size: 1.4rem;\n line-height: 1.4; }\n\ni.uf {\n padding: 0 5px; }\n\n/*\r\n * 选择时删除文本阴影,及设置默认选中颜色\r\n */\n::selection {\n background: rgb(187,222,251);\n text-shadow: none; }\n\n/*\r\n * 默认水平规则\r\n */\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #ccc;\n margin: 1em 0;\n padding: 0; }\n\n/*\r\n * 删除音频,画布,iframes,图像,视频和其容器底部之间的差距\r\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle; }\n\n/*\r\n * 仅允许垂直调整textareas的大小\r\n */\ntextarea {\n resize: vertical; }\n\n/* ==========================================================================\r\n 浏览器升级提示\r\n ========================================================================== */\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0; }\n\n/*\r\n * 适用于屏幕阅读器的隐藏\r\n */\n.visuallyhidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px; }\n\n/*\r\n * 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的:\r\n * https://www.drupal.org/node/897638\r\n */\n.visuallyhidden.focusable:active,\n.visuallyhidden.focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto; }\n\n/* ==========================================================================\r\n 打印样式。内联以避免额外的HTTP请求\r\n\r\n ========================================================================== */\n@media print {\n *,\n *:before,\n *:after,\n *:first-letter,\n *:first-line {\n background: transparent !important;\n color: #000 !important;\n /* Black prints faster: http://www.sanbeiji.com/archives/953 */\n box-shadow: none !important;\n text-shadow: none !important; }\n a,\n a:visited {\n text-decoration: underline; }\n a[href]:after {\n content: \" (\" attr(href) \")\"; }\n abbr[title]:after {\n content: \" (\" attr(title) \")\"; }\n /*\r\n * 不显示片段标识符的链接,\r\n * 或使用`javascript:`伪协议\r\n */\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\"; }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid; }\n /*\r\n * 打印表格:\r\n * http://css-discuss.incutio.com/wiki/Printing_Tables\r\n */\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n img {\n max-width: 100% !important; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; } }\n\n/*\r\n*删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android\r\n**/\na, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,\n.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {\n -webkit-tap-highlight-color: transparent;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }\n\n@font-face {\n font-family: \"uf\";\n src: url(\"../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920\");\n /* IE9*/\n src: url(\"../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920#iefix\") format(\"embedded-opentype\"), url(\"../node_modules/tinper-bee-core/scss/iconfont.woff?t=1483429573920\") format(\"woff\"), url(\"../node_modules/tinper-bee-core/scss/iconfont.ttf?t=1483429573920\") format(\"truetype\"), url(\"../node_modules/tinper-bee-core/scss/iconfont.svg?t=1483429573920#uf\") format(\"svg\");\n /* iOS 4.1- */ }\n\n.uf {\n font-family: \"uf\" !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n.uf-wechat:before {\n content: \"\\3488\"; }\n\n.uf-add-c-o:before {\n content: \"\\e601\"; }\n\n.uf-search:before {\n content: \"\\e603\"; }\n\n.uf-histogram-arrow-up:before {\n content: \"\\e633\"; }\n\n.uf-close-bold:before {\n content: \"\\e602\"; }\n\n.uf-umbrella:before {\n content: \"\\e63b\"; }\n\n.uf-qq:before {\n content: \"\\e694\"; }\n\n.uf-4square-3:before {\n content: \"\\e63d\"; }\n\n.uf-send:before {\n content: \"\\e63f\"; }\n\n.uf-map:before {\n content: \"\\e66c\"; }\n\n.uf-9square-2:before {\n content: \"\\e63e\"; }\n\n.uf-navmenu:before {\n content: \"\\e614\"; }\n\n.uf-pc-2:before {\n content: \"\\e644\"; }\n\n.uf-search-light-2:before {\n content: \"\\e627\"; }\n\n.uf-check-s-2:before {\n content: \"\\e66e\"; }\n\n.uf-pencil:before {\n content: \"\\e69b\"; }\n\n.uf-repeat:before {\n content: \"\\e634\"; }\n\n.uf-security-2:before {\n content: \"\\e6a5\"; }\n\n.uf-lexi:before {\n content: \"\\e643\"; }\n\n.uf-pencil-s:before {\n content: \"\\e77d\"; }\n\n.uf-del:before {\n content: \"\\e654\"; }\n\n.uf-bi-o:before {\n content: \"\\e641\"; }\n\n.uf-pencil-c:before {\n content: \"\\e6e6\"; }\n\n.uf-qrcode:before {\n content: \"\\e661\"; }\n\n.uf-rmb-c-o:before {\n content: \"\\e645\"; }\n\n.uf-search-c-o:before {\n content: \"\\e659\"; }\n\n.uf-bell:before {\n content: \"\\e60c\"; }\n\n.uf-pass-3:before {\n content: \"\\e649\"; }\n\n.uf-treearrow-down:before {\n content: \"\\e608\"; }\n\n.uf-training:before {\n content: \"\\e617\"; }\n\n.uf-group-2:before {\n content: \"\\e64c\"; }\n\n.uf-zoom-in:before {\n content: \"\\e906\"; }\n\n.uf-security-o:before {\n content: \"\\e7ac\"; }\n\n.uf-baojia-c:before {\n content: \"\\e64d\"; }\n\n.uf-rulerpen:before {\n content: \"\\e623\"; }\n\n.uf-erpsearch:before {\n content: \"\\e64e\"; }\n\n.uf-group-o:before {\n content: \"\\e6a8\"; }\n\n.uf-cloud-o-updown:before {\n content: \"\\e725\"; }\n\n.uf-close-c-o:before {\n content: \"\\e625\"; }\n\n.uf-add-s:before {\n content: \"\\e620\"; }\n\n.uf-pc:before {\n content: \"\\e6e8\"; }\n\n.uf-rain:before {\n content: \"\\e771\"; }\n\n.uf-nodata:before {\n content: \"\\e64f\"; }\n\n.uf-close-c:before {\n content: \"\\e66b\"; }\n\n.uf-bohui-s-o:before {\n content: \"\\e65f\"; }\n\n.uf-cloud:before {\n content: \"\\e772\"; }\n\n.uf-bag-s:before {\n content: \"\\e650\"; }\n\n.uf-table-2:before {\n content: \"\\e95f\"; }\n\n.uf-anglearrowpointingtoright:before {\n content: \"\\e61e\"; }\n\n.uf-exc-c-o:before {\n content: \"\\e615\"; }\n\n.uf-group:before {\n content: \"\\e651\"; }\n\n.uf-personin-o:before {\n content: \"\\e8d3\"; }\n\n.uf-calendar:before {\n content: \"\\e646\"; }\n\n.uf-add-s-o:before {\n content: \"\\e604\"; }\n\n.uf-sync-c-o:before {\n content: \"\\e655\"; }\n\n.uf-grid:before {\n content: \"\\e657\"; }\n\n.uf-anglepointingtoleft:before {\n content: \"\\e624\"; }\n\n.uf-activate-3:before {\n content: \"\\e65b\"; }\n\n.uf-caven:before {\n content: \"\\e663\"; }\n\n.uf-back:before {\n content: \"\\e6e3\"; }\n\n.uf-pass-2:before {\n content: \"\\e65d\"; }\n\n.uf-reduce-s-o:before {\n content: \"\\e719\"; }\n\n.uf-area:before {\n content: \"\\e6ea\"; }\n\n.uf-flag:before {\n content: \"\\e65e\"; }\n\n.uf-box-o-2:before {\n content: \"\\e610\"; }\n\n.uf-arrow-s-o-down:before {\n content: \"\\e660\"; }\n\n.uf-arrow-s-o-up:before {\n content: \"\\e662\"; }\n\n.uf-building:before {\n content: \"\\e6ee\"; }\n\n.uf-tapp:before {\n content: \"\\e773\"; }\n\n.uf-treefolder:before {\n content: \"\\e628\"; }\n\n.uf-advice:before {\n content: \"\\e6cf\"; }\n\n.uf-2collayout:before {\n content: \"\\e618\"; }\n\n.uf-check-s:before {\n content: \"\\e672\"; }\n\n.uf-sign:before {\n content: \"\\e67a\"; }\n\n.uf-listsearch:before {\n content: \"\\e67c\"; }\n\n.uf-gridcaretarrowup:before {\n content: \"\\e636\"; }\n\n.uf-eye-c-o:before {\n content: \"\\e67e\"; }\n\n.uf-check-c-o:before {\n content: \"\\e6ef\"; }\n\n.uf-seal:before {\n content: \"\\e67f\"; }\n\n.uf-erpbox:before {\n content: \"\\e6ae\"; }\n\n.uf-rulerpen-o:before {\n content: \"\\e62e\"; }\n\n.uf-role:before {\n content: \"\\e7c2\"; }\n\n.uf-exc-c-2:before {\n content: \"\\e675\"; }\n\n.uf-pad:before {\n content: \"\\e6bd\"; }\n\n.uf-treefolder-closed:before {\n content: \"\\e688\"; }\n\n.uf-reduce-c-o:before {\n content: \"\\e635\"; }\n\n.uf-pass-s-o:before {\n content: \"\\e682\"; }\n\n.uf-setting:before {\n content: \"\\e683\"; }\n\n.uf-close-s:before {\n content: \"\\e76a\"; }\n\n.uf-map-o:before {\n content: \"\\e665\"; }\n\n.uf-move:before {\n content: \"\\e68b\"; }\n\n.uf-2arrow-down:before {\n content: \"\\e606\"; }\n\n.uf-2arrow-right:before {\n content: \"\\e60b\"; }\n\n.uf-arrow-c-o-left:before {\n content: \"\\e684\"; }\n\n.uf-plus:before {\n content: \"\\e763\"; }\n\n.uf-arrow-c-o-right:before {\n content: \"\\e685\"; }\n\n.uf-arrow-c-o-down:before {\n content: \"\\e687\"; }\n\n.uf-list-s-o:before {\n content: \"\\e746\"; }\n\n.uf-cloud-o-down:before {\n content: \"\\e673\"; }\n\n.uf-nodata-2:before {\n content: \"\\e68c\"; }\n\n.uf-file-s:before {\n content: \"\\e642\"; }\n\n.uf-2arrow-up:before {\n content: \"\\e607\"; }\n\n.uf-notification:before {\n content: \"\\e9cc\"; }\n\n.uf-piechart:before {\n content: \"\\e6f0\"; }\n\n.uf-cloud-o-up:before {\n content: \"\\e6ac\"; }\n\n.uf-close:before {\n content: \"\\e76b\"; }\n\n.uf-correct:before {\n content: \"\\e677\"; }\n\n.uf-histogram-s-o-2:before {\n content: \"\\e6fa\"; }\n\n.uf-4square-2:before {\n content: \"\\e691\"; }\n\n.uf-sunny:before {\n content: \"\\e774\"; }\n\n.uf-link:before {\n content: \"\\e6fe\"; }\n\n.uf-eye:before {\n content: \"\\e692\"; }\n\n.uf-eye-o:before {\n content: \"\\e69c\"; }\n\n.uf-qian:before {\n content: \"\\e69e\"; }\n\n.uf-widgetab:before {\n content: \"\\e6f2\"; }\n\n.uf-rmb-s:before {\n content: \"\\e6a0\"; }\n\n.uf-link-off:before {\n content: \"\\e6ff\"; }\n\n.uf-shang-s:before {\n content: \"\\e6a1\"; }\n\n.uf-xia-s:before {\n content: \"\\e6a6\"; }\n\n.uf-box-2:before {\n content: \"\\e616\"; }\n\n.uf-pass-o:before {\n content: \"\\e6a7\"; }\n\n.uf-arrow-down:before {\n content: \"\\e609\"; }\n\n.uf-arrow-right:before {\n content: \"\\e611\"; }\n\n.uf-arrow-left:before {\n content: \"\\e612\"; }\n\n.uf-box:before {\n content: \"\\e613\"; }\n\n.uf-triangle-right:before {\n content: \"\\e61c\"; }\n\n.uf-histogram-s-o:before {\n content: \"\\e626\"; }\n\n.uf-book:before {\n content: \"\\e62a\"; }\n\n.uf-bookmark-o:before {\n content: \"\\e631\"; }\n\n.uf-leaf:before {\n content: \"\\e62d\"; }\n\n.uf-bullseye:before {\n content: \"\\e632\"; }\n\n.uf-gridcaretdown:before {\n content: \"\\e637\"; }\n\n.uf-triangle-up:before {\n content: \"\\e638\"; }\n\n.uf-triangle-down:before {\n content: \"\\e639\"; }\n\n.uf-cloud-down:before {\n content: \"\\e64a\"; }\n\n.uf-cloud-up:before {\n content: \"\\e64b\"; }\n\n.uf-bubble:before {\n content: \"\\e652\"; }\n\n.uf-bubble-o:before {\n content: \"\\e653\"; }\n\n.uf-copy:before {\n content: \"\\e65a\"; }\n\n.uf-correct-2:before {\n content: \"\\e658\"; }\n\n.uf-2arrow-left:before {\n content: \"\\e664\"; }\n\n.uf-arrow-down-2:before {\n content: \"\\e667\"; }\n\n.uf-download:before {\n content: \"\\e669\"; }\n\n.uf-earth:before {\n content: \"\\e66d\"; }\n\n.uf-mail-o:before {\n content: \"\\e66f\"; }\n\n.uf-mail:before {\n content: \"\\e670\"; }\n\n.uf-exc:before {\n content: \"\\e674\"; }\n\n.uf-externallink:before {\n content: \"\\e676\"; }\n\n.uf-video:before {\n content: \"\\e67b\"; }\n\n.uf-films:before {\n content: \"\\e680\"; }\n\n.uf-folder:before {\n content: \"\\e689\"; }\n\n.uf-folder-o:before {\n content: \"\\e68a\"; }\n\n.uf-4square:before {\n content: \"\\e68e\"; }\n\n.uf-gift:before {\n content: \"\\e693\"; }\n\n.uf-github-c:before {\n content: \"\\e695\"; }\n\n.uf-github-s:before {\n content: \"\\e696\"; }\n\n.uf-heart-o:before {\n content: \"\\e6a3\"; }\n\n.uf-heart:before {\n content: \"\\e6a4\"; }\n\n.uf-home:before {\n content: \"\\e6a2\"; }\n\n.uf-i-c-2:before {\n content: \"\\e6aa\"; }\n\n.uf-i:before {\n content: \"\\e6ab\"; }\n\n.uf-triangle-left:before {\n content: \"\\e6b0\"; }\n\n.uf-symlist:before {\n content: \"\\e6be\"; }\n\n.uf-arrow-left-2:before {\n content: \"\\e6bf\"; }\n\n.uf-arrow-right-2:before {\n content: \"\\e6c0\"; }\n\n.uf-arrow-up-2:before {\n content: \"\\e6c1\"; }\n\n.uf-reduce-c:before {\n content: \"\\e6cb\"; }\n\n.uf-reduce-s:before {\n content: \"\\e6cc\"; }\n\n.uf-minus:before {\n content: \"\\e6ce\"; }\n\n.uf-mobile:before {\n content: \"\\e6e0\"; }\n\n.uf-bell-o:before {\n content: \"\\e6d4\"; }\n\n.uf-9square:before {\n content: \"\\e6d5\"; }\n\n.uf-numlist:before {\n content: \"\\e6dd\"; }\n\n.uf-folderopen-o:before {\n content: \"\\e6d7\"; }\n\n.uf-treefolderopen:before {\n content: \"\\e6d8\"; }\n\n.uf-mac:before {\n content: \"\\e6ed\"; }\n\n.uf-camera:before {\n content: \"\\e6e4\"; }\n\n.uf-picture:before {\n content: \"\\e6e5\"; }\n\n.uf-play:before {\n content: \"\\e6eb\"; }\n\n.uf-play-o:before {\n content: \"\\e6ec\"; }\n\n.uf-qm-c:before {\n content: \"\\e6f4\"; }\n\n.uf-qm:before {\n content: \"\\e6f5\"; }\n\n.uf-navmenu-light:before {\n content: \"\\e6fd\"; }\n\n.uf-settings:before {\n content: \"\\e70c\"; }\n\n.uf-cart:before {\n content: \"\\e711\"; }\n\n.uf-histogram:before {\n content: \"\\e714\"; }\n\n.uf-finetune:before {\n content: \"\\e71a\"; }\n\n.uf-sortup:before {\n content: \"\\e71b\"; }\n\n.uf-sortdown:before {\n content: \"\\e71c\"; }\n\n.uf-sort19:before {\n content: \"\\e71d\"; }\n\n.uf-sort91:before {\n content: \"\\e71f\"; }\n\n.uf-za:before {\n content: \"\\e721\"; }\n\n.uf-star-o:before {\n content: \"\\e726\"; }\n\n.uf-star-2:before {\n content: \"\\e727\"; }\n\n.uf-star:before {\n content: \"\\e728\"; }\n\n.uf-luggage:before {\n content: \"\\e72d\"; }\n\n.uf-table:before {\n content: \"\\e730\"; }\n\n.uf-tel:before {\n content: \"\\e734\"; }\n\n.uf-tel-s:before {\n content: \"\\e735\"; }\n\n.uf-terminal:before {\n content: \"\\e736\"; }\n\n.uf-file:before {\n content: \"\\e738\"; }\n\n.uf-file-o:before {\n content: \"\\e739\"; }\n\n.uf-3dot-h:before {\n content: \"\\e73c\"; }\n\n.uf-time-c-o:before {\n content: \"\\e742\"; }\n\n.uf-upload:before {\n content: \"\\e750\"; }\n\n.uf-3dot-v:before {\n content: \"\\e753\"; }\n\n.uf-rmb:before {\n content: \"\\e757\"; }\n\n.uf-arrow-c-o-up:before {\n content: \"\\e6a9\"; }\n\n.uf-reject-2:before {\n content: \"\\e6ad\"; }\n\n.uf-barcode:before {\n content: \"\\e7fc\"; }\n\n.uf-zoom-out:before {\n content: \"\\e686\"; }\n\n.uf-exc-t-o:before {\n content: \"\\e60a\"; }\n\n.uf-pass:before {\n content: \"\\e6b1\"; }\n\n.uf-flow:before {\n content: \"\\e6b2\"; }\n\n.uf-add-c:before {\n content: \"\\e61a\"; }\n\n.uf-arrow-c-o-right-2:before {\n content: \"\\e6b3\"; }\n\n.uf-shelf-on:before {\n content: \"\\e6b4\"; }\n\n.uf-shelf-off:before {\n content: \"\\e6b5\"; }\n\n.uf-file-o-2:before {\n content: \"\\e60f\"; }\n\n.uf-truck-o:before {\n content: \"\\e6b6\"; }\n\n.uf-super:before {\n content: \"\\e62c\"; }\n\n.uf-equipment:before {\n content: \"\\e630\"; }\n\n.uf-arrow-c-o-left-2:before {\n content: \"\\e6b8\"; }\n\n.uf-files-o:before {\n content: \"\\e6fc\"; }\n\n.uf-cloud-o:before {\n content: \"\\e6ba\"; }\n\n.uf-rmb-s-o-2:before {\n content: \"\\e6bb\"; }\n\n.uf-3dot-c-o:before {\n content: \"\\e6f3\"; }\n\n.uf-dafeng:before {\n content: \"\\e775\"; }\n\n.uf-baoxue:before {\n content: \"\\e776\"; }\n\n.uf-bingbao:before {\n content: \"\\e777\"; }\n\n.uf-fengbao:before {\n content: \"\\e778\"; }\n\n.uf-xiaoyu:before {\n content: \"\\e779\"; }\n\n.uf-zhenxue:before {\n content: \"\\e77a\"; }\n\n.uf-zhongyu:before {\n content: \"\\e77b\"; }\n\n.uf-es:before {\n content: \"\\e747\"; }\n\n.uf-flow-o-2:before {\n content: \"\\e6bc\"; }\n\n.uf-activate-2:before {\n content: \"\\e6c2\"; }\n\n.uf-flow-o:before {\n content: \"\\e6c3\"; }\n\n.uf-bulb-2:before {\n content: \"\\e63a\"; }\n\n.uf-mi-c:before {\n content: \"\\e62f\"; }\n\n.uf-top-up:before {\n content: \"\\e668\"; }\n\n.uf-creditcard:before {\n content: \"\\e8b4\"; }\n\n.uf-align-center:before {\n content: \"\\e8b9\"; }\n\n.uf-align-justify:before {\n content: \"\\e8ba\"; }\n\n.uf-align-left:before {\n content: \"\\e8bb\"; }\n\n.uf-align-right:before {\n content: \"\\e8bc\"; }\n\n.uf-ju-c-o:before {\n content: \"\\e6c4\"; }\n\n.uf-truck:before {\n content: \"\\e990\"; }\n\n.uf-setting-c-o:before {\n content: \"\\e6c5\"; }\n\n.uf-users-o:before {\n content: \"\\e91b\"; }\n\n.uf-bag-s-o:before {\n content: \"\\e6c6\"; }\n\n.uf-cai-s:before {\n content: \"\\e6c7\"; }\n\n.uf-listcheck:before {\n content: \"\\e6c8\"; }\n\n.uf-users:before {\n content: \"\\e794\"; }\n\n.uf-i-c:before {\n content: \"\\e6cd\"; }\n\n.uf-building-o:before {\n content: \"\\e6f6\"; }\n\n.uf-rmb-s-o:before {\n content: \"\\e6d0\"; }\n\n.uf-reject:before {\n content: \"\\e6d1\"; }\n\n.uf-9dot:before {\n content: \"\\e6f7\"; }\n\n.uf-loadingstate:before {\n content: \"\\e600\"; }\n\n.uf-gateway:before {\n content: \"\\e6d3\"; }\n\n.uf-ticket-s-o:before {\n content: \"\\e6d6\"; }\n\n.uf-userset:before {\n content: \"\\e6f8\"; }\n\n.uf-puzzle-o:before {\n content: \"\\e648\"; }\n\n.uf-box-o:before {\n content: \"\\e6d9\"; }\n\n.uf-bulb:before {\n content: \"\\e6da\"; }\n\n.uf-exc-t:before {\n content: \"\\e61b\"; }\n\n.uf-rmb-c:before {\n content: \"\\e6db\"; }\n\n.uf-table-s-o:before {\n content: \"\\e759\"; }\n\n.uf-umbrella-o:before {\n content: \"\\e6dc\"; }\n\n.uf-dropbox:before {\n content: \"\\e69d\"; }\n\n.uf-search-light:before {\n content: \"\\e622\"; }\n\n.uf-cart-o:before {\n content: \"\\e8c4\"; }\n\n.uf-kero-col:before {\n content: \"\\e8c7\"; }\n\n.uf-uba-col:before {\n content: \"\\e8c8\"; }\n\n.uf-tinperzc-col:before {\n content: \"\\e8c9\"; }\n\n.uf-tinperzch-col:before {\n content: \"\\e8ca\"; }\n\n.uf-iuap-col:before {\n content: \"\\e8cb\"; }\n\n.uf-iuapdesign-col:before {\n content: \"\\e8cc\"; }\n\n.uf-bee-col:before {\n content: \"\\e8cd\"; }\n\n.uf-neoui-col:before {\n content: \"\\e8ce\"; }\n\n.uf-sparrow-col:before {\n content: \"\\e8cf\"; }\n\n.uf-tinpercn-col:before {\n content: \"\\e8d0\"; }\n\n.uf-tinperen-col:before {\n content: \"\\e8d1\"; }\n\n.uf-arrow-up:before {\n content: \"\\e8d2\"; }\n\n.uf-mailsym:before {\n content: \"\\e605\"; }\n\n.uf-print:before {\n content: \"\\e60e\"; }\n\n.uf-ticket-3:before {\n content: \"\\e619\"; }\n\n.uf-loan:before {\n content: \"\\e61f\"; }\n\n.uf-ticket-2:before {\n content: \"\\e629\"; }\n\n.uf-offwork:before {\n content: \"\\e62b\"; }\n\n.uf-todolist:before {\n content: \"\\e640\"; }\n\n.uf-personin:before {\n content: \"\\e66a\"; }\n\n.uf-ticket:before {\n content: \"\\e671\"; }\n\n.uf-linechart:before {\n content: \"\\e6fb\"; }\n\n.uf-4leaf:before {\n content: \"\\e6de\"; }\n\n.uf-listset:before {\n content: \"\\e6df\"; }\n\n.uf-qi-c-o:before {\n content: \"\\e621\"; }\n\n.uf-exc-c:before {\n content: \"\\e61d\"; }\n\n.uf-code:before {\n content: \"\\e656\"; }\n\n.uf-plug-o:before {\n content: \"\\e60d\"; }\n\n.uf-search-s:before {\n content: \"\\e991\"; }\n\n.uf-treeadd:before {\n content: \"\\e992\"; }\n\n.uf-mi:before {\n content: \"\\e993\"; }\n\n.uf-treeline-copy:before {\n content: \"\\e994\"; }\n\n.uf-listwithdots:before {\n content: \"\\e9cd\"; }\n\n.uf-gridlogo:before {\n content: \"\\e900\"; }\n\n.uf-magnifyingglass:before {\n content: \"\\e9ce\"; }\n\n.uf-anglearrowdown:before {\n content: \"\\e9cf\"; }\n\n.uf-yongyouyunchnen:before {\n content: \"\\e98d\"; }\n\n.uf-yycloud:before {\n content: \"\\e68f\"; }\n\n.uf-funnel-o:before {\n content: \"\\e63c\"; }\n\n.uf-filter:before {\n content: \"\\e9d0\"; }\n\n.uf-filterno:before {\n content: \"\\e9d1\"; }\n\n.uf-clean:before {\n content: \"\\e9d2\"; }\n\n.uf-save:before {\n content: \"\\e9d3\"; }\n\n.uf-export:before {\n content: \"\\e9d4\"; }\n\n.uf-import:before {\n content: \"\\e9d5\"; }\n\n.uf-stop-c:before {\n content: \"\\e9d6\"; }\n\n.uf-rubber:before {\n content: \"\\e9d7\"; }\n\n.uf-bediting:before {\n content: \"\\e9d8\"; }\n\n.uf-maxmize:before {\n content: \"\\e9d9\"; }\n\n.uf-minimize:before {\n content: \"\\e9da\"; }\n\n.uf-globe:before {\n content: \"\\e9db\"; }\n\n/* FormGroup */\n/* Navlayout */\n.vertical-align {\n font-size: 0; }\n .vertical-align:before {\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n content: \"\"; }\n .vertical-align-middle, .vertical-align-bottom {\n display: inline-block;\n max-width: 100%;\n font-size: 14px; }\n .vertical-align-middle {\n vertical-align: middle; }\n .vertical-align-bottom {\n vertical-align: bottom; }\n\n.inline {\n display: inline !important; }\n\n.inline-block {\n display: inline-block !important; }\n\n.block {\n display: block !important; }\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n word-wrap: normal;\n white-space: nowrap; }\n\n.text-break {\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n word-wrap: break-word;\n white-space: normal; }\n\n.text-nowrap {\n white-space: nowrap; }\n\n.text-muted {\n color: inherit;\n opacity: 0.75; }\n\n.text-muted-dk {\n color: inherit;\n opacity: 0.5; }\n\n.text-muted-lt {\n color: inherit;\n opacity: 0.25; }\n\n.text-top {\n vertical-align: top !important; }\n\n.text-middle {\n vertical-align: middle !important; }\n\n.text-bottom {\n vertical-align: bottom !important; }\n\n.text-left {\n text-align: left !important; }\n\n.text-right {\n text-align: right !important; }\n\n.text-center {\n text-align: center !important; }\n\n.text-justify {\n text-align: justify !important; }\n\n.text-lowercase {\n text-transform: lowercase !important; }\n\n.text-uppercase {\n text-transform: uppercase !important; }\n\n.text-capitalize {\n text-transform: capitalize !important; }\n\n.font-weight-unset {\n font-weight: unset !important; }\n\n.font-weight-100 {\n font-weight: 100 !important; }\n\n.font-weight-200 {\n font-weight: 200 !important; }\n\n.font-weight-300 {\n font-weight: 300 !important; }\n\n.font-weight-400 {\n font-weight: 400 !important; }\n\n.font-weight-500 {\n font-weight: 500 !important; }\n\n.font-weight-600 {\n font-weight: 600 !important; }\n\n.font-weight-700 {\n font-weight: 700 !important; }\n\n.font-weight-800 {\n font-weight: 800 !important; }\n\n.font-weight-900 {\n font-weight: 900 !important; }\n\n.font-weight-light {\n font-weight: 300 !important; }\n\n.font-weight-normal {\n font-weight: 400 !important; }\n\n.font-weight-medium {\n font-weight: 500 !important; }\n\n.font-weight-bold {\n font-weight: 700 !important; }\n\n.font-size-0 {\n font-size: 0 !important; }\n\n.font-size-10 {\n font-size: 10px !important; }\n\n.font-size-12 {\n font-size: 12px !important; }\n\n.font-size-14 {\n font-size: 14px !important; }\n\n.font-size-16 {\n font-size: 16px !important; }\n\n.font-size-18 {\n font-size: 18px !important; }\n\n.font-size-20 {\n font-size: 20px !important; }\n\n.font-size-24 {\n font-size: 24px !important; }\n\n.font-size-26 {\n font-size: 26px !important; }\n\n.font-size-30 {\n font-size: 30px !important; }\n\n.font-size-40 {\n font-size: 40px !important; }\n\n.font-size-50 {\n font-size: 50px !important; }\n\n.font-size-60 {\n font-size: 60px !important; }\n\n.font-size-70 {\n font-size: 70px !important; }\n\n.font-size-80 {\n font-size: 80px !important; }\n\n.clearfix:before, .clearfix:after {\n content: \" \";\n display: table; }\n\n.clearfix:after {\n clear: both; }\n\n.center-block {\n display: block;\n margin-left: auto;\n margin-right: auto; }\n\n.pull-right {\n float: right !important; }\n\n.pull-left {\n float: left !important; }\n\n.hide {\n display: none !important; }\n\n.show {\n display: block !important; }\n\n.invisible {\n visibility: hidden; }\n\n.text-hide {\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0; }\n\n.hidden {\n display: none !important; }\n\n/* 宽高 */\n.w-16 {\n width: 16px; }\n\n.w-20 {\n width: 20px; }\n\n.w-24 {\n width: 24px; }\n\n.w-32 {\n width: 32px; }\n\n.w-40 {\n width: 40px; }\n\n.w-48 {\n width: 48px; }\n\n.w-56 {\n width: 56px; }\n\n.w-64 {\n width: 64px; }\n\n.w-xs {\n width: 90px; }\n\n.w-sm {\n width: 120px; }\n\n.w {\n width: 180px; }\n\n.w-md {\n width: 200px; }\n\n.w-lg {\n width: 240px; }\n\n.w-xl {\n width: 280px; }\n\n.w-xxl {\n width: 320px; }\n\n.w-full {\n width: 100%; }\n\n.width-50 {\n width: 50px; }\n\n.width-100 {\n width: 100px; }\n\n.width-150 {\n width: 150px; }\n\n.width-200 {\n width: 200px; }\n\n.width-250 {\n width: 250px; }\n\n.width-300 {\n width: 300px; }\n\n.width-350 {\n width: 350px; }\n\n.width-400 {\n width: 400px; }\n\n.width-450 {\n width: 450px; }\n\n.width-500 {\n width: 500px; }\n\n.width-full {\n width: 100% !important; }\n\n.width-auto {\n width: auto; }\n\n.h-16 {\n height: 16px; }\n\n.h-20 {\n height: 20px; }\n\n.h-24 {\n height: 24px; }\n\n.h-32 {\n height: 32px; }\n\n.h-40 {\n height: 40px; }\n\n.h-48 {\n height: 48px; }\n\n.h-56 {\n height: 56px; }\n\n.h-64 {\n height: 64px; }\n\n.h-xxl {\n height: 60px; }\n\n.h-xs {\n height: 90px; }\n\n.h-sm {\n height: 120px; }\n\n.h {\n height: 180px; }\n\n.h-md {\n height: 200px; }\n\n.h-lg {\n height: 240px; }\n\n.h-xl {\n height: 280px; }\n\n.h-xxl {\n height: 320px; }\n\n.h-auto {\n height: auto; }\n\n.h-full {\n height: 100%; }\n\n.height-50 {\n height: 50px; }\n\n.height-100 {\n height: 100px; }\n\n.height-120 {\n height: 120px; }\n\n.height-150 {\n height: 150px; }\n\n.height-200 {\n height: 200px; }\n\n.height-250 {\n height: 250px; }\n\n.height-300 {\n height: 300px; }\n\n.height-350 {\n height: 350px; }\n\n.height-400 {\n height: 400px; }\n\n.height-450 {\n height: 450px; }\n\n.height-500 {\n height: 500px; }\n\n.height-full {\n height: 100% !important; }\n\n.height-auto {\n height: auto; }\n\n/* 外边距 */\n.no-margin {\n margin: 0; }\n\n.m {\n margin: 16px; }\n\n.m-xs {\n margin: 4px; }\n\n.m-sm {\n margin: 8px; }\n\n.m-md {\n margin: 24px; }\n\n.m-lg {\n margin: 32px; }\n\n.m-v-xs {\n margin-top: 4px;\n margin-bottom: 4px; }\n\n.m-v-sm {\n margin-top: 8px;\n margin-bottom: 8px; }\n\n.m-v {\n margin-top: 16px;\n margin-bottom: 16px; }\n\n.m-v-md {\n margin-top: 24px;\n margin-bottom: 24px; }\n\n.m-v-lg {\n margin-top: 32px;\n margin-bottom: 32px; }\n\n.m-h-xs {\n margin-right: 4px;\n margin-left: 4px; }\n\n.m-h-sm {\n margin-right: 8px;\n margin-left: 8px; }\n\n.m-h {\n margin-right: 16px;\n margin-left: 16px; }\n\n.m-h-md {\n margin-right: 24px;\n margin-left: 24px; }\n\n.m-h-lg {\n margin-right: 32px;\n margin-left: 32px; }\n\n.m-t {\n margin-top: 16px; }\n\n.m-t-xs {\n margin-top: 4px; }\n\n.m-t-sm {\n margin-top: 8px; }\n\n.m-t-md {\n margin-top: 24px; }\n\n.m-t-lg {\n margin-top: 32px; }\n\n.m-r {\n margin-right: 16px; }\n\n.m-r-xs {\n margin-right: 4px; }\n\n.m-r-sm {\n margin-right: 8px; }\n\n.m-r-md {\n margin-right: 24px; }\n\n.m-r-lg {\n margin-right: 32px; }\n\n.m-b {\n margin-bottom: 16px; }\n\n.m-b-xs {\n margin-bottom: 4px; }\n\n.m-b-sm {\n margin-bottom: 8px; }\n\n.m-b-md {\n margin-bottom: 24px; }\n\n.m-b-lg {\n margin-bottom: 32px; }\n\n.m-l {\n margin-left: 16px; }\n\n.m-l-xs {\n margin-left: 4px; }\n\n.m-l-sm {\n margin-left: 8px; }\n\n.m-l-md {\n margin-left: 24px; }\n\n.m-l-lg {\n margin-left: 32px; }\n\n.m-n {\n margin: -16px; }\n\n.m-h-n {\n margin-right: -16px;\n margin-left: -16px; }\n\n.m-v-n {\n margin-top: -16px;\n margin-bottom: -16px; }\n\n.m-l-n {\n margin-left: -16px; }\n\n.m-r-n {\n margin-right: -16px; }\n\n.m-t-n {\n margin-top: -16px; }\n\n.m-b-n {\n margin-bottom: -16px; }\n\n.margin-0 {\n margin: 0 !important; }\n\n.margin-3 {\n margin: 3px !important; }\n\n.margin-5 {\n margin: 5px !important; }\n\n.margin-10 {\n margin: 10px !important; }\n\n.margin-15 {\n margin: 15px !important; }\n\n.margin-20 {\n margin: 20px !important; }\n\n.margin-25 {\n margin: 25px !important; }\n\n.margin-30 {\n margin: 30px !important; }\n\n.margin-35 {\n margin: 35px !important; }\n\n.margin-40 {\n margin: 40px !important; }\n\n.margin-45 {\n margin: 45px !important; }\n\n.margin-50 {\n margin: 50px !important; }\n\n.margin-60 {\n margin: 60px !important; }\n\n.margin-70 {\n margin: 70px !important; }\n\n.margin-80 {\n margin: 80px !important; }\n\n.margin-vertical-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important; }\n\n.margin-vertical-3 {\n margin-top: 3px !important;\n margin-bottom: 3px !important; }\n\n.margin-vertical-5 {\n margin-top: 5px !important;\n margin-bottom: 5px !important; }\n\n.margin-vertical-10 {\n margin-top: 10px !important;\n margin-bottom: 10px !important; }\n\n.margin-vertical-15 {\n margin-top: 15px !important;\n margin-bottom: 15px !important; }\n\n.margin-vertical-20 {\n margin-top: 20px !important;\n margin-bottom: 20px !important; }\n\n.margin-vertical-25 {\n margin-top: 25px !important;\n margin-bottom: 25px !important; }\n\n.margin-vertical-30 {\n margin-top: 30px !important;\n margin-bottom: 30px !important; }\n\n.margin-vertical-35 {\n margin-top: 35px !important;\n margin-bottom: 35px !important; }\n\n.margin-vertical-40 {\n margin-top: 40px !important;\n margin-bottom: 40px !important; }\n\n.margin-vertical-45 {\n margin-top: 45px !important;\n margin-bottom: 45px !important; }\n\n.margin-vertical-50 {\n margin-top: 50px !important;\n margin-bottom: 50px !important; }\n\n.margin-vertical-60 {\n margin-top: 60px !important;\n margin-bottom: 60px !important; }\n\n.margin-vertical-70 {\n margin-top: 70px !important;\n margin-bottom: 70px !important; }\n\n.margin-vertical-80 {\n margin-top: 80px !important;\n margin-bottom: 80px !important; }\n\n.margin-horizontal-0 {\n margin-right: 0 !important;\n margin-left: 0 !important; }\n\n.margin-horizontal-3 {\n margin-right: 3px !important;\n margin-left: 3px !important; }\n\n.margin-horizontal-5 {\n margin-right: 5px !important;\n margin-left: 5px !important; }\n\n.margin-horizontal-10 {\n margin-right: 10px !important;\n margin-left: 10px !important; }\n\n.margin-horizontal-15 {\n margin-right: 15px !important;\n margin-left: 15px !important; }\n\n.margin-horizontal-20 {\n margin-right: 20px !important;\n margin-left: 20px !important; }\n\n.margin-horizontal-25 {\n margin-right: 25px !important;\n margin-left: 25px !important; }\n\n.margin-horizontal-30 {\n margin-right: 30px !important;\n margin-left: 30px !important; }\n\n.margin-horizontal-35 {\n margin-right: 35px !important;\n margin-left: 35px !important; }\n\n.margin-horizontal-40 {\n margin-right: 40px !important;\n margin-left: 40px !important; }\n\n.margin-horizontal-45 {\n margin-right: 45px !important;\n margin-left: 45px !important; }\n\n.margin-horizontal-50 {\n margin-right: 50px !important;\n margin-left: 50px !important; }\n\n.margin-horizontal-60 {\n margin-right: 60px !important;\n margin-left: 60px !important; }\n\n.margin-horizontal-70 {\n margin-right: 70px !important;\n margin-left: 70px !important; }\n\n.margin-horizontal-80 {\n margin-right: 80px !important;\n margin-left: 80px !important; }\n\n.margin-top-0 {\n margin-top: 0 !important; }\n\n.margin-top-3 {\n margin-top: 3px !important; }\n\n.margin-top-5 {\n margin-top: 5px !important; }\n\n.margin-top-10 {\n margin-top: 10px !important; }\n\n.margin-top-15 {\n margin-top: 15px !important; }\n\n.margin-top-20 {\n margin-top: 20px !important; }\n\n.margin-top-25 {\n margin-top: 25px !important; }\n\n.margin-top-30 {\n margin-top: 30px !important; }\n\n.margin-top-35 {\n margin-top: 35px !important; }\n\n.margin-top-40 {\n margin-top: 40px !important; }\n\n.margin-top-45 {\n margin-top: 45px !important; }\n\n.margin-top-50 {\n margin-top: 50px !important; }\n\n.margin-top-60 {\n margin-top: 60px !important; }\n\n.margin-top-70 {\n margin-top: 70px !important; }\n\n.margin-top-80 {\n margin-top: 80px !important; }\n\n.margin-bottom-0 {\n margin-bottom: 0 !important; }\n\n.margin-bottom-3 {\n margin-bottom: 3px !important; }\n\n.margin-bottom-5 {\n margin-bottom: 5px !important; }\n\n.margin-bottom-10 {\n margin-bottom: 10px !important; }\n\n.margin-bottom-15 {\n margin-bottom: 15px !important; }\n\n.margin-bottom-20 {\n margin-bottom: 20px !important; }\n\n.margin-bottom-25 {\n margin-bottom: 25px !important; }\n\n.margin-bottom-30 {\n margin-bottom: 30px !important; }\n\n.margin-bottom-35 {\n margin-bottom: 35px !important; }\n\n.margin-bottom-40 {\n margin-bottom: 40px !important; }\n\n.margin-bottom-45 {\n margin-bottom: 45px !important; }\n\n.margin-bottom-50 {\n margin-bottom: 50px !important; }\n\n.margin-bottom-60 {\n margin-bottom: 60px !important; }\n\n.margin-bottom-70 {\n margin-bottom: 70px !important; }\n\n.margin-bottom-80 {\n margin-bottom: 80px !important; }\n\n.margin-left-0 {\n margin-left: 0 !important; }\n\n.margin-left-3 {\n margin-left: 3px !important; }\n\n.margin-left-5 {\n margin-left: 5px !important; }\n\n.margin-left-10 {\n margin-left: 10px !important; }\n\n.margin-left-15 {\n margin-left: 15px !important; }\n\n.margin-left-20 {\n margin-left: 20px !important; }\n\n.margin-left-25 {\n margin-left: 25px !important; }\n\n.margin-left-30 {\n margin-left: 30px !important; }\n\n.margin-left-35 {\n margin-left: 35px !important; }\n\n.margin-left-40 {\n margin-left: 40px !important; }\n\n.margin-left-45 {\n margin-left: 45px !important; }\n\n.margin-left-50 {\n margin-left: 50px !important; }\n\n.margin-left-60 {\n margin-left: 60px !important; }\n\n.margin-left-70 {\n margin-left: 70px !important; }\n\n.margin-left-80 {\n margin-left: 80px !important; }\n\n.margin-right-0 {\n margin-right: 0 !important; }\n\n.margin-right-3 {\n margin-right: 3px !important; }\n\n.margin-right-5 {\n margin-right: 5px !important; }\n\n.margin-right-10 {\n margin-right: 10px !important; }\n\n.margin-right-15 {\n margin-right: 15px !important; }\n\n.margin-right-20 {\n margin-right: 20px !important; }\n\n.margin-right-25 {\n margin-right: 25px !important; }\n\n.margin-right-30 {\n margin-right: 30px !important; }\n\n.margin-right-35 {\n margin-right: 35px !important; }\n\n.margin-right-40 {\n margin-right: 40px !important; }\n\n.margin-right-45 {\n margin-right: 45px !important; }\n\n.margin-right-50 {\n margin-right: 50px !important; }\n\n.margin-right-60 {\n margin-right: 60px !important; }\n\n.margin-right-70 {\n margin-right: 70px !important; }\n\n.margin-right-80 {\n margin-right: 80px !important; }\n\n/* 内边距 */\n.no-padding {\n padding: 0 !important; }\n\n.no-padding-h {\n padding-right: 0 !important;\n padding-left: 0 !important; }\n\n.no-padding-v {\n padding-top: 0 !important;\n padding-bottom: 0 !important; }\n\n.p-xs {\n padding: 4px; }\n\n.p-sm {\n padding: 8px; }\n\n.p {\n padding: 16px; }\n\n.p-md {\n padding: 24px; }\n\n.p-lg {\n padding: 32px; }\n\n.p-h {\n padding-right: 16px;\n padding-left: 16px; }\n\n.p-h-xs {\n padding-right: 4px;\n padding-left: 4px; }\n\n.p-h-sm {\n padding-right: 8px;\n padding-left: 8px; }\n\n.p-h-md {\n padding-right: 24px;\n padding-left: 24px; }\n\n.p-t-md {\n padding-top: 24px; }\n\n.p-b-md {\n padding-bottom: 24px; }\n\n.p-l-md {\n padding-left: 24px; }\n\n.p-h-lg {\n padding-right: 32px;\n padding-left: 32px; }\n\n.p-v {\n padding-top: 16px;\n padding-bottom: 16px; }\n\n.p-v-xs {\n padding-top: 4px;\n padding-bottom: 4px; }\n\n.p-v-sm {\n padding-top: 8px;\n padding-bottom: 8px; }\n\n.p-v-md {\n padding-top: 24px;\n padding-bottom: 24px; }\n\n.p-v-lg {\n padding-top: 32px;\n padding-bottom: 32px; }\n\n.padding {\n padding: 32px 32px; }\n\n.padding-out {\n margin: -32px -32px; }\n\n.padding-0 {\n padding: 0 !important; }\n\n.padding-3 {\n padding: 3px !important; }\n\n.padding-5 {\n padding: 5px !important; }\n\n.padding-10 {\n padding: 10px !important; }\n\n.padding-15 {\n padding: 15px !important; }\n\n.padding-20 {\n padding: 20px !important; }\n\n.padding-25 {\n padding: 25px !important; }\n\n.padding-30 {\n padding: 30px !important; }\n\n.padding-35 {\n padding: 35px !important; }\n\n.padding-40 {\n padding: 40px !important; }\n\n.padding-45 {\n padding: 45px !important; }\n\n.padding-50 {\n padding: 50px !important; }\n\n.padding-60 {\n padding: 60px !important; }\n\n.padding-70 {\n padding: 70px !important; }\n\n.padding-80 {\n padding: 80px !important; }\n\n.padding-vertical-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important; }\n\n.padding-vertical-3 {\n padding-top: 3px !important;\n padding-bottom: 3px !important; }\n\n.padding-vertical-5 {\n padding-top: 5px !important;\n padding-bottom: 5px !important; }\n\n.padding-vertical-10 {\n padding-top: 10px !important;\n padding-bottom: 10px !important; }\n\n.padding-vertical-15 {\n padding-top: 15px !important;\n padding-bottom: 15px !important; }\n\n.padding-vertical-20 {\n padding-top: 20px !important;\n padding-bottom: 20px !important; }\n\n.padding-vertical-25 {\n padding-top: 25px !important;\n padding-bottom: 25px !important; }\n\n.padding-vertical-30 {\n padding-top: 30px !important;\n padding-bottom: 30px !important; }\n\n.padding-vertical-35 {\n padding-top: 35px !important;\n padding-bottom: 35px !important; }\n\n.padding-vertical-40 {\n padding-top: 40px !important;\n padding-bottom: 40px !important; }\n\n.padding-vertical-45 {\n padding-top: 45px !important;\n padding-bottom: 45px !important; }\n\n.padding-vertical-50 {\n padding-top: 50px !important;\n padding-bottom: 50px !important; }\n\n.padding-vertical-60 {\n padding-top: 60px !important;\n padding-bottom: 60px !important; }\n\n.padding-vertical-70 {\n padding-top: 70px !important;\n padding-bottom: 70px !important; }\n\n.padding-vertical-80 {\n padding-top: 80px !important;\n padding-bottom: 80px !important; }\n\n.padding-horizontal-0 {\n padding-right: 0 !important;\n padding-left: 0 !important; }\n\n.padding-horizontal-3 {\n padding-right: 3px !important;\n padding-left: 3px !important; }\n\n.padding-horizontal-5 {\n padding-right: 5px !important;\n padding-left: 5px !important; }\n\n.padding-horizontal-10 {\n padding-right: 10px !important;\n padding-left: 10px !important; }\n\n.padding-horizontal-15 {\n padding-right: 15px !important;\n padding-left: 15px !important; }\n\n.padding-horizontal-20 {\n padding-right: 20px !important;\n padding-left: 20px !important; }\n\n.padding-horizontal-25 {\n padding-right: 25px !important;\n padding-left: 25px !important; }\n\n.padding-horizontal-30 {\n padding-right: 30px !important;\n padding-left: 30px !important; }\n\n.padding-horizontal-35 {\n padding-right: 35px !important;\n padding-left: 35px !important; }\n\n.padding-horizontal-40 {\n padding-right: 40px !important;\n padding-left: 40px !important; }\n\n.padding-horizontal-45 {\n padding-right: 45px !important;\n padding-left: 45px !important; }\n\n.padding-horizontal-50 {\n padding-right: 50px !important;\n padding-left: 50px !important; }\n\n.padding-horizontal-60 {\n padding-right: 60px !important;\n padding-left: 60px !important; }\n\n.padding-horizontal-70 {\n padding-right: 70px !important;\n padding-left: 70px !important; }\n\n.padding-horizontal-80 {\n padding-right: 80px !important;\n padding-left: 80px !important; }\n\n.padding-top-0 {\n padding-top: 0 !important; }\n\n.padding-top-3 {\n padding-top: 3px !important; }\n\n.padding-top-5 {\n padding-top: 5px !important; }\n\n.padding-top-10 {\n padding-top: 10px !important; }\n\n.padding-top-15 {\n padding-top: 15px !important; }\n\n.padding-top-20 {\n padding-top: 20px !important; }\n\n.padding-top-25 {\n padding-top: 25px !important; }\n\n.padding-top-30 {\n padding-top: 30px !important; }\n\n.padding-top-35 {\n padding-top: 35px !important; }\n\n.padding-top-40 {\n padding-top: 40px !important; }\n\n.padding-top-45 {\n padding-top: 45px !important; }\n\n.padding-top-50 {\n padding-top: 50px !important; }\n\n.padding-top-60 {\n padding-top: 60px !important; }\n\n.padding-top-70 {\n padding-top: 70px !important; }\n\n.padding-top-80 {\n padding-top: 80px !important; }\n\n.padding-bottom-0 {\n padding-bottom: 0 !important; }\n\n.padding-bottom-3 {\n padding-bottom: 3px !important; }\n\n.padding-bottom-5 {\n padding-bottom: 5px !important; }\n\n.padding-bottom-10 {\n padding-bottom: 10px !important; }\n\n.padding-bottom-15 {\n padding-bottom: 15px !important; }\n\n.padding-bottom-20 {\n padding-bottom: 20px !important; }\n\n.padding-bottom-25 {\n padding-bottom: 25px !important; }\n\n.padding-bottom-30 {\n padding-bottom: 30px !important; }\n\n.padding-bottom-35 {\n padding-bottom: 35px !important; }\n\n.padding-bottom-40 {\n padding-bottom: 40px !important; }\n\n.padding-bottom-45 {\n padding-bottom: 45px !important; }\n\n.padding-bottom-50 {\n padding-bottom: 50px !important; }\n\n.padding-bottom-60 {\n padding-bottom: 60px !important; }\n\n.padding-bottom-70 {\n padding-bottom: 70px !important; }\n\n.padding-bottom-80 {\n padding-bottom: 80px !important; }\n\n.padding-left-0 {\n padding-left: 0 !important; }\n\n.padding-left-3 {\n padding-left: 3px !important; }\n\n.padding-left-5 {\n padding-left: 5px !important; }\n\n.padding-left-10 {\n padding-left: 10px !important; }\n\n.padding-left-15 {\n padding-left: 15px !important; }\n\n.padding-left-20 {\n padding-left: 20px !important; }\n\n.padding-left-25 {\n padding-left: 25px !important; }\n\n.padding-left-30 {\n padding-left: 30px !important; }\n\n.padding-left-35 {\n padding-left: 35px !important; }\n\n.padding-left-40 {\n padding-left: 40px !important; }\n\n.padding-left-45 {\n padding-left: 45px !important; }\n\n.padding-left-50 {\n padding-left: 50px !important; }\n\n.padding-left-60 {\n padding-left: 60px !important; }\n\n.padding-left-70 {\n padding-left: 70px !important; }\n\n.padding-left-80 {\n padding-left: 80px !important; }\n\n.padding-right-0 {\n padding-right: 0 !important; }\n\n.padding-right-3 {\n padding-right: 3px !important; }\n\n.padding-right-5 {\n padding-right: 5px !important; }\n\n.padding-right-10 {\n padding-right: 10px !important; }\n\n.padding-right-15 {\n padding-right: 15px !important; }\n\n.padding-right-20 {\n padding-right: 20px !important; }\n\n.padding-right-25 {\n padding-right: 25px !important; }\n\n.padding-right-30 {\n padding-right: 30px !important; }\n\n.padding-right-35 {\n padding-right: 35px !important; }\n\n.padding-right-40 {\n padding-right: 40px !important; }\n\n.padding-right-45 {\n padding-right: 45px !important; }\n\n.padding-right-50 {\n padding-right: 50px !important; }\n\n.padding-right-60 {\n padding-right: 60px !important; }\n\n.padding-right-70 {\n padding-right: 70px !important; }\n\n.padding-right-80 {\n padding-right: 80px !important; }\n\n@-ms-viewport {\n width: device-width; }\n\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n display: none !important; }\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important; }\n\n@media (max-width: 767px) {\n .visible-xs {\n display: block !important; }\n .visible-xs table {\n display: table !important; }\n .visible-xs tr {\n display: table-row !important; }\n .visible-xs th,\n .visible-xs td {\n display: table-cell !important; } }\n\n@media (max-width: 767px) {\n .visible-xs-block {\n display: block !important; } }\n\n@media (max-width: 767px) {\n .visible-xs-inline {\n display: inline !important; } }\n\n@media (max-width: 767px) {\n .visible-xs-inline-block {\n display: inline-block !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .visible-sm {\n display: block !important; }\n .visible-sm table {\n display: table !important; }\n .visible-sm tr {\n display: table-row !important; }\n .visible-sm th,\n .visible-sm td {\n display: table-cell !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .visible-sm-block {\n display: block !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .visible-sm-inline {\n display: inline !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .visible-sm-inline-block {\n display: inline-block !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md {\n display: block !important; }\n .visible-md table {\n display: table !important; }\n .visible-md tr {\n display: table-row !important; }\n .visible-md th,\n .visible-md td {\n display: table-cell !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-block {\n display: block !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-inline {\n display: inline !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-inline-block {\n display: inline-block !important; } }\n\n@media (min-width: 1200px) {\n .visible-lg {\n display: block !important; }\n .visible-lg table {\n display: table !important; }\n .visible-lg tr {\n display: table-row !important; }\n .visible-lg th,\n .visible-lg td {\n display: table-cell !important; } }\n\n@media (min-width: 1200px) {\n .visible-lg-block {\n display: block !important; } }\n\n@media (min-width: 1200px) {\n .visible-lg-inline {\n display: inline !important; } }\n\n@media (min-width: 1200px) {\n .visible-lg-inline-block {\n display: inline-block !important; } }\n\n@media (max-width: 767px) {\n .hidden-xs {\n display: none !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .hidden-sm {\n display: none !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .hidden-md {\n display: none !important; } }\n\n@media (min-width: 1200px) {\n .hidden-lg {\n display: none !important; } }\n\n/* 边框 */\n.no-border {\n border-color: transparent;\n border-width: 0; }\n\n/* 背景 */\n.no-bg {\n color: inherit;\n background-color: transparent; }\n\n.u-link {\n cursor: pointer;\n color: rgb(63,81,181);\n background-color: transparent;\n text-decoration: none; }\n\n.u-link:active,\n.u-link:hover {\n outline: 0; }\n\n.u-link:focus, .u-link:hover {\n text-decoration: underline; }\n\n.u-border-top {\n border-top: 1px solid rgb(241,241,241); }\n\n.u-border-left {\n border-left: 1px solid rgb(241,241,241); }\n\n.u-border-right {\n border-right: 1px solid rgb(241,241,241); }\n\n.u-border-bottom {\n border-bottom: 1px solid rgb(241,241,241); }\n\n/* FormGroup */\n/* Navlayout */\n.u-shadow-0dp {\n box-shadow: none; }\n\n.u-shadow-2dp {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n box-shadow: 0 2px 2px 0 black, 0 3px 1px -2px black, 0 1px 5px 0 black \\9; }\n\n.u-shadow-3dp {\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }\n\n.u-shadow-4dp {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }\n\n.u-shadow-6dp {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }\n\n.u-shadow-8dp {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }\n\n.u-shadow-16dp {\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }\n\n.u-shadow-24dp {\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }\n\n/* keyframes 定义 */\n@-webkit-keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes uSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@keyframes uSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@-webkit-keyframes uSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes uSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes uSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@keyframes uSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@-webkit-keyframes uSlideLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@keyframes uSlideLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@-webkit-keyframes uSlideLeftOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@keyframes uSlideLeftOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@-webkit-keyframes uSlideRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@keyframes uSlideRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@-webkit-keyframes uSlideRightOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@keyframes uSlideRightOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@-webkit-keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px); }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px); }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px); }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px); }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px); } }\n\n@keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px); }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px); }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px); }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px); }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px); } }\n\n@-webkit-keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); } }\n\n@keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); } }\n\n@-webkit-keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomUpOut {\n 0% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomUpOut {\n 0% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomLeftOut {\n 0% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomLeftOut {\n 0% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomRightOut {\n 0% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomRightOut {\n 0% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomDownOut {\n 0% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomDownOut {\n 0% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes rcMenuOpenZoomIn {\n 0% {\n opacity: 0;\n transform: scale(0, 0); }\n 100% {\n opacity: 1;\n transform: scale(1, 1); } }\n\n@keyframes rcMenuOpenZoomOut {\n 0% {\n transform: scale(1, 1); }\n 100% {\n opacity: 0;\n transform: scale(0, 0); } }\n\n@keyframes rcMenuOpenSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1); } }\n\n@keyframes rcMenuOpenSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0); } }\n\n/* FormGroup */\n/* Navlayout */\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease; }\n\n.collapse {\n display: none; }\n\n.collapse.in {\n display: block; }\n\n.u-panel {\n line-height: 1.57142857;\n color: #757575;\n position: relative;\n margin-bottom: 20px;\n -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);\n background-color: #fff;\n border: 1px solid transparent;\n border-radius: 4px; }\n .u-panel .u-panel-heading {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n position: relative;\n padding: 10px 15px;\n border-bottom: 1px solid transparent; }\n .u-panel h4, .u-panel h3 {\n font-family: Roboto,sans-serif;\n font-weight: 400;\n line-height: 1.2;\n color: #424242;\n font-size: 18px;\n text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px; }\n .u-panel .u-panel-footer {\n padding: 10px 15px;\n background-color: #f5f5f5;\n border-top: 1px solid #ddd;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px; }\n .u-panel .u-panel-title {\n margin-top: 0;\n margin-bottom: 0;\n display: block;\n font-size: 18px;\n color: #424242; }\n .u-panel .u-panel-title .small {\n color: #757575; }\n .u-panel .u-panel-body {\n padding: 15px 15px;\n position: relative; }\n .u-panel .u-panel-body .u-panel-copy {\n position: absolute;\n right: 25px;\n top: 30px;\n color: #fff;\n font-size: 20px;\n padding: 2px 8px;\n margin: 8px;\n border-radius: 4px;\n cursor: pointer; }\n .u-panel .u-panel-body .u-panel-copy:hover {\n color: #a8a7a7; }\n\n.u-panel-default {\n border-color: #ddd; }\n .u-panel-default .u-panel-heading {\n background-color: #f5f5f5;\n color: #333; }\n .u-panel-default .u-panel-footer {\n border-top: 1px solid transparent; }\n\n.u-panel-bordered {\n border-color: #ddd; }\n .u-panel-bordered .u-panel-heading {\n border-bottom: 1px solid #ddd; }\n .u-panel-bordered .u-panel-footer {\n border-top: 1px solid #ddd;\n background-color: #fff; }\n\n.u-panel > :not(.panel-loading):not(.collapsing) {\n -webkit-transition: opacity .3s;\n -o-transition: opacity .3s;\n transition: opacity .3s; }\n\n.u-button-group-vertical > .u-button-group:after, .u-button-group-vertical > .u-button-group:before, .u-button-toolbar:after, .u-button-toolbar:before, .clearfix:after, .clearfix:before, .u-container-fluid:after, .container-fluid:before, .u-container:after, .u-container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .u-modal-footer:after, .u-modal-footer:before, .u-modal-header:after, .u-modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .u-panel-body:after, .u-panel-body:before, .row:after, .row:before {\n display: table;\n content: \" \"; }\n\n.u-panel-body .h1:first-child, .u-panel-body .h2:first-child, .u-panel-body .h3:first-child, .u-panel-body .h4:first-child, .u-panel-body .h5:first-child, .u-panel-body .h6:first-child, .u-panel-body h1:first-child, .u-panel-body h2:first-child, .u-panel-body h3:first-child, .u-panel-body h4:first-child, .u-panel-body h5:first-child, .u-panel-body h6:first-child {\n margin-top: 0; }\n\n.u-panel-group {\n margin-bottom: 20px; }\n .u-panel-group .u-panel {\n margin-bottom: 0;\n border-radius: 4px; }\n .u-panel-group .u-panel + .u-panel {\n margin-top: 5px; }\n .u-panel-group .u-panel-heading {\n border-bottom: 0;\n cursor: pointer; }\n .u-panel-group .u-panel-heading + .u-panel-collapse > .list-group, .u-panel-group .u-panel-group .u-panel-heading + .u-panel-collapse > .u-panel-body {\n border-top: 1px solid #ddd; }\n\n/* FormGroup */\n/* Navlayout */\n.u-container {\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px; }\n @media (min-width: 768px) {\n .u-container {\n width: 750px; } }\n @media (min-width: 992px) {\n .u-container {\n width: 970px; } }\n @media (min-width: 1200px) {\n .u-container {\n width: 1170px; } }\n\n.u-container-fluid {\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px; }\n\n.u-row {\n margin-left: -15px;\n margin-right: -15px;\n box-sizing: border-box; }\n .u-row:before {\n display: table;\n content: \" \"; }\n .u-row:after {\n display: table;\n content: \" \";\n clear: both; }\n\n.u-col-xs-1, .u-col-sm-1, .u-col-md-1, .u-col-lg-1, .u-col-1, .u-col-xs-2, .u-col-sm-2, .u-col-md-2, .u-col-lg-2, .u-col-2, .u-col-xs-3, .u-col-sm-3, .u-col-md-3, .u-col-lg-3, .u-col-3, .u-col-xs-4, .u-col-sm-4, .u-col-md-4, .u-col-lg-4, .u-col-4, .u-col-xs-5, .u-col-sm-5, .u-col-md-5, .u-col-lg-5, .u-col-5, .u-col-xs-6, .u-col-sm-6, .u-col-md-6, .u-col-lg-6, .u-col-6, .u-col-xs-7, .u-col-sm-7, .u-col-md-7, .u-col-lg-7, .u-col-7, .u-col-xs-8, .u-col-sm-8, .u-col-md-8, .u-col-lg-8, .u-col-8, .u-col-xs-9, .u-col-sm-9, .u-col-md-9, .u-col-lg-9, .u-col-9, .u-col-xs-10, .u-col-sm-10, .u-col-md-10, .u-col-lg-10, .u-col-10, .u-col-xs-11, .u-col-sm-11, .u-col-md-11, .u-col-lg-11, .u-col-11, .u-col-xs-12, .u-col-sm-12, .u-col-md-12, .u-col-lg-12, .u-col-12 {\n position: relative;\n min-height: 1px;\n padding-left: 15px;\n padding-right: 15px;\n box-sizing: border-box; }\n\n.u-col-xs-1, .u-col-xs-2, .u-col-xs-3, .u-col-xs-4, .u-col-xs-5, .u-col-xs-6, .u-col-xs-7, .u-col-xs-8, .u-col-xs-9, .u-col-xs-10, .u-col-xs-11, .u-col-xs-12 {\n float: left; }\n\n.u-col-xs-push-0 {\n left: auto; }\n\n.u-col-xs-pull-0 {\n right: auto; }\n\n.u-col-xs-1 {\n width: 8.33333%; }\n\n.u-col-xs-push-1 {\n left: 8.33333%; }\n\n.u-col-xs-pull-1 {\n right: 8.33333%; }\n\n.u-col-xs-offset-1 {\n margin-left: 8.33333%; }\n\n.u-col-xs-2 {\n width: 16.66667%; }\n\n.u-col-xs-push-2 {\n left: 16.66667%; }\n\n.u-col-xs-pull-2 {\n right: 16.66667%; }\n\n.u-col-xs-offset-2 {\n margin-left: 16.66667%; }\n\n.u-col-xs-3 {\n width: 25%; }\n\n.u-col-xs-push-3 {\n left: 25%; }\n\n.u-col-xs-pull-3 {\n right: 25%; }\n\n.u-col-xs-offset-3 {\n margin-left: 25%; }\n\n.u-col-xs-4 {\n width: 33.33333%; }\n\n.u-col-xs-push-4 {\n left: 33.33333%; }\n\n.u-col-xs-pull-4 {\n right: 33.33333%; }\n\n.u-col-xs-offset-4 {\n margin-left: 33.33333%; }\n\n.u-col-xs-5 {\n width: 41.66667%; }\n\n.u-col-xs-push-5 {\n left: 41.66667%; }\n\n.u-col-xs-pull-5 {\n right: 41.66667%; }\n\n.u-col-xs-offset-5 {\n margin-left: 41.66667%; }\n\n.u-col-xs-6 {\n width: 50%; }\n\n.u-col-xs-push-6 {\n left: 50%; }\n\n.u-col-xs-pull-6 {\n right: 50%; }\n\n.u-col-xs-offset-6 {\n margin-left: 50%; }\n\n.u-col-xs-7 {\n width: 58.33333%; }\n\n.u-col-xs-push-7 {\n left: 58.33333%; }\n\n.u-col-xs-pull-7 {\n right: 58.33333%; }\n\n.u-col-xs-offset-7 {\n margin-left: 58.33333%; }\n\n.u-col-xs-8 {\n width: 66.66667%; }\n\n.u-col-xs-push-8 {\n left: 66.66667%; }\n\n.u-col-xs-pull-8 {\n right: 66.66667%; }\n\n.u-col-xs-offset-8 {\n margin-left: 66.66667%; }\n\n.u-col-xs-9 {\n width: 75%; }\n\n.u-col-xs-push-9 {\n left: 75%; }\n\n.u-col-xs-pull-9 {\n right: 75%; }\n\n.u-col-xs-offset-9 {\n margin-left: 75%; }\n\n.u-col-xs-10 {\n width: 83.33333%; }\n\n.u-col-xs-push-10 {\n left: 83.33333%; }\n\n.u-col-xs-pull-10 {\n right: 83.33333%; }\n\n.u-col-xs-offset-10 {\n margin-left: 83.33333%; }\n\n.u-col-xs-11 {\n width: 91.66667%; }\n\n.u-col-xs-push-11 {\n left: 91.66667%; }\n\n.u-col-xs-pull-11 {\n right: 91.66667%; }\n\n.u-col-xs-offset-11 {\n margin-left: 91.66667%; }\n\n.u-col-xs-12 {\n width: 100%; }\n\n.u-col-xs-push-12 {\n left: 100%; }\n\n.u-col-xs-pull-12 {\n right: 100%; }\n\n.u-col-xs-offset-12 {\n margin-left: 100%; }\n\n@media (min-width: 768px) {\n .u-col-sm-1, .u-col-sm-2, .u-col-sm-3, .u-col-sm-4, .u-col-sm-5, .u-col-sm-6, .u-col-sm-7, .u-col-sm-8, .u-col-sm-9, .u-col-sm-10, .u-col-sm-11, .u-col-sm-12 {\n float: left; }\n .u-col-sm-push-0 {\n left: auto; }\n .u-col-sm-pull-0 {\n right: auto; }\n .u-col-sm-1 {\n width: 8.33333%; }\n .u-col-sm-push-1 {\n left: 8.33333%; }\n .u-col-sm-pull-1 {\n right: 8.33333%; }\n .u-col-sm-offset-1 {\n margin-left: 8.33333%; }\n .u-col-sm-2 {\n width: 16.66667%; }\n .u-col-sm-push-2 {\n left: 16.66667%; }\n .u-col-sm-pull-2 {\n right: 16.66667%; }\n .u-col-sm-offset-2 {\n margin-left: 16.66667%; }\n .u-col-sm-3 {\n width: 25%; }\n .u-col-sm-push-3 {\n left: 25%; }\n .u-col-sm-pull-3 {\n right: 25%; }\n .u-col-sm-offset-3 {\n margin-left: 25%; }\n .u-col-sm-4 {\n width: 33.33333%; }\n .u-col-sm-push-4 {\n left: 33.33333%; }\n .u-col-sm-pull-4 {\n right: 33.33333%; }\n .u-col-sm-offset-4 {\n margin-left: 33.33333%; }\n .u-col-sm-5 {\n width: 41.66667%; }\n .u-col-sm-push-5 {\n left: 41.66667%; }\n .u-col-sm-pull-5 {\n right: 41.66667%; }\n .u-col-sm-offset-5 {\n margin-left: 41.66667%; }\n .u-col-sm-6 {\n width: 50%; }\n .u-col-sm-push-6 {\n left: 50%; }\n .u-col-sm-pull-6 {\n right: 50%; }\n .u-col-sm-offset-6 {\n margin-left: 50%; }\n .u-col-sm-7 {\n width: 58.33333%; }\n .u-col-sm-push-7 {\n left: 58.33333%; }\n .u-col-sm-pull-7 {\n right: 58.33333%; }\n .u-col-sm-offset-7 {\n margin-left: 58.33333%; }\n .u-col-sm-8 {\n width: 66.66667%; }\n .u-col-sm-push-8 {\n left: 66.66667%; }\n .u-col-sm-pull-8 {\n right: 66.66667%; }\n .u-col-sm-offset-8 {\n margin-left: 66.66667%; }\n .u-col-sm-9 {\n width: 75%; }\n .u-col-sm-push-9 {\n left: 75%; }\n .u-col-sm-pull-9 {\n right: 75%; }\n .u-col-sm-offset-9 {\n margin-left: 75%; }\n .u-col-sm-10 {\n width: 83.33333%; }\n .u-col-sm-push-10 {\n left: 83.33333%; }\n .u-col-sm-pull-10 {\n right: 83.33333%; }\n .u-col-sm-offset-10 {\n margin-left: 83.33333%; }\n .u-col-sm-11 {\n width: 91.66667%; }\n .u-col-sm-push-11 {\n left: 91.66667%; }\n .u-col-sm-pull-11 {\n right: 91.66667%; }\n .u-col-sm-offset-11 {\n margin-left: 91.66667%; }\n .u-col-sm-12 {\n width: 100%; }\n .u-col-sm-push-12 {\n left: 100%; }\n .u-col-sm-pull-12 {\n right: 100%; }\n .u-col-sm-offset-12 {\n margin-left: 100%; } }\n\n@media (min-width: 992px) {\n .u-col-md-1, .u-col-md-2, .u-col-md-3, .u-col-md-4, .u-col-md-5, .u-col-md-6, .u-col-md-7, .u-col-md-8, .u-col-md-9, .u-col-md-10, .u-col-md-11, .u-col-md-12 {\n float: left; }\n .u-col-1, .u-col-2, .u-col-3, .u-col-4, .u-col-5, .u-col-6, .u-col-7, .u-col-8, .u-col-9, .u-col-10, .u-col-11, .u-col-12 {\n float: left; }\n .u-col-md-push-0 {\n left: auto; }\n .u-col-md-pull-0 {\n right: auto; }\n .u-col-md-1 {\n width: 8.33333%; }\n .u-col-md-push-1 {\n left: 8.33333%; }\n .u-col-md-pull-1 {\n right: 8.33333%; }\n .u-col-md-offset-1 {\n margin-left: 8.33333%; }\n .u-col-md-2 {\n width: 16.66667%; }\n .u-col-md-push-2 {\n left: 16.66667%; }\n .u-col-md-pull-2 {\n right: 16.66667%; }\n .u-col-md-offset-2 {\n margin-left: 16.66667%; }\n .u-col-md-3 {\n width: 25%; }\n .u-col-md-push-3 {\n left: 25%; }\n .u-col-md-pull-3 {\n right: 25%; }\n .u-col-md-offset-3 {\n margin-left: 25%; }\n .u-col-md-4 {\n width: 33.33333%; }\n .u-col-md-push-4 {\n left: 33.33333%; }\n .u-col-md-pull-4 {\n right: 33.33333%; }\n .u-col-md-offset-4 {\n margin-left: 33.33333%; }\n .u-col-md-5 {\n width: 41.66667%; }\n .u-col-md-push-5 {\n left: 41.66667%; }\n .u-col-md-pull-5 {\n right: 41.66667%; }\n .u-col-md-offset-5 {\n margin-left: 41.66667%; }\n .u-col-md-6 {\n width: 50%; }\n .u-col-md-push-6 {\n left: 50%; }\n .u-col-md-pull-6 {\n right: 50%; }\n .u-col-md-offset-6 {\n margin-left: 50%; }\n .u-col-md-7 {\n width: 58.33333%; }\n .u-col-md-push-7 {\n left: 58.33333%; }\n .u-col-md-pull-7 {\n right: 58.33333%; }\n .u-col-md-offset-7 {\n margin-left: 58.33333%; }\n .u-col-md-8 {\n width: 66.66667%; }\n .u-col-md-push-8 {\n left: 66.66667%; }\n .u-col-md-pull-8 {\n right: 66.66667%; }\n .u-col-md-offset-8 {\n margin-left: 66.66667%; }\n .u-col-md-9 {\n width: 75%; }\n .u-col-md-push-9 {\n left: 75%; }\n .u-col-md-pull-9 {\n right: 75%; }\n .u-col-md-offset-9 {\n margin-left: 75%; }\n .u-col-md-10 {\n width: 83.33333%; }\n .u-col-md-push-10 {\n left: 83.33333%; }\n .u-col-md-pull-10 {\n right: 83.33333%; }\n .u-col-md-offset-10 {\n margin-left: 83.33333%; }\n .u-col-md-11 {\n width: 91.66667%; }\n .u-col-md-push-11 {\n left: 91.66667%; }\n .u-col-md-pull-11 {\n right: 91.66667%; }\n .u-col-md-offset-11 {\n margin-left: 91.66667%; }\n .u-col-md-12 {\n width: 100%; }\n .u-col-md-push-12 {\n left: 100%; }\n .u-col-md-pull-12 {\n right: 100%; }\n .u-col-md-offset-12 {\n margin-left: 100%; }\n .u-col-push-0 {\n left: auto; }\n .u-col-pull-0 {\n right: auto; }\n .u-col-1 {\n width: 8.33333%; }\n .u-col-push-1 {\n left: 8.33333%; }\n .u-col-pull-1 {\n right: 8.33333%; }\n .u-col-offset-1 {\n margin-left: 8.33333%; }\n .u-col-2 {\n width: 16.66667%; }\n .u-col-push-2 {\n left: 16.66667%; }\n .u-col-pull-2 {\n right: 16.66667%; }\n .u-col-offset-2 {\n margin-left: 16.66667%; }\n .u-col-3 {\n width: 25%; }\n .u-col-push-3 {\n left: 25%; }\n .u-col-pull-3 {\n right: 25%; }\n .u-col-offset-3 {\n margin-left: 25%; }\n .u-col-4 {\n width: 33.33333%; }\n .u-col-push-4 {\n left: 33.33333%; }\n .u-col-pull-4 {\n right: 33.33333%; }\n .u-col-offset-4 {\n margin-left: 33.33333%; }\n .u-col-5 {\n width: 41.66667%; }\n .u-col-push-5 {\n left: 41.66667%; }\n .u-col-pull-5 {\n right: 41.66667%; }\n .u-col-offset-5 {\n margin-left: 41.66667%; }\n .u-col-6 {\n width: 50%; }\n .u-col-push-6 {\n left: 50%; }\n .u-col-pull-6 {\n right: 50%; }\n .u-col-offset-6 {\n margin-left: 50%; }\n .u-col-7 {\n width: 58.33333%; }\n .u-col-push-7 {\n left: 58.33333%; }\n .u-col-pull-7 {\n right: 58.33333%; }\n .u-col-offset-7 {\n margin-left: 58.33333%; }\n .u-col-8 {\n width: 66.66667%; }\n .u-col-push-8 {\n left: 66.66667%; }\n .u-col-pull-8 {\n right: 66.66667%; }\n .u-col-offset-8 {\n margin-left: 66.66667%; }\n .u-col-9 {\n width: 75%; }\n .u-col-push-9 {\n left: 75%; }\n .u-col-pull-9 {\n right: 75%; }\n .u-col-offset-9 {\n margin-left: 75%; }\n .u-col-10 {\n width: 83.33333%; }\n .u-col-push-10 {\n left: 83.33333%; }\n .u-col-pull-10 {\n right: 83.33333%; }\n .u-col-offset-10 {\n margin-left: 83.33333%; }\n .u-col-11 {\n width: 91.66667%; }\n .u-col-push-11 {\n left: 91.66667%; }\n .u-col-pull-11 {\n right: 91.66667%; }\n .u-col-offset-11 {\n margin-left: 91.66667%; }\n .u-col-12 {\n width: 100%; }\n .u-col-push-12 {\n left: 100%; }\n .u-col-pull-12 {\n right: 100%; }\n .u-col-offset-12 {\n margin-left: 100%; } }\n\n@media (min-width: 1200px) {\n .u-col-lg-1, .u-col-lg-2, .u-col-lg-3, .u-col-lg-4, .u-col-lg-5, .u-col-lg-6, .u-col-lg-7, .u-col-lg-8, .u-col-lg-9, .u-col-lg-10, .u-col-lg-11, .u-col-lg-12 {\n float: left; }\n .u-col-lg-push-0 {\n left: auto; }\n .u-col-lg-pull-0 {\n right: auto; }\n .u-col-lg-1 {\n width: 8.33333%; }\n .u-col-lg-push-1 {\n left: 8.33333%; }\n .u-col-lg-pull-1 {\n right: 8.33333%; }\n .u-col-lg-offset-1 {\n margin-left: 8.33333%; }\n .u-col-lg-2 {\n width: 16.66667%; }\n .u-col-lg-push-2 {\n left: 16.66667%; }\n .u-col-lg-pull-2 {\n right: 16.66667%; }\n .u-col-lg-offset-2 {\n margin-left: 16.66667%; }\n .u-col-lg-3 {\n width: 25%; }\n .u-col-lg-push-3 {\n left: 25%; }\n .u-col-lg-pull-3 {\n right: 25%; }\n .u-col-lg-offset-3 {\n margin-left: 25%; }\n .u-col-lg-4 {\n width: 33.33333%; }\n .u-col-lg-push-4 {\n left: 33.33333%; }\n .u-col-lg-pull-4 {\n right: 33.33333%; }\n .u-col-lg-offset-4 {\n margin-left: 33.33333%; }\n .u-col-lg-5 {\n width: 41.66667%; }\n .u-col-lg-push-5 {\n left: 41.66667%; }\n .u-col-lg-pull-5 {\n right: 41.66667%; }\n .u-col-lg-offset-5 {\n margin-left: 41.66667%; }\n .u-col-lg-6 {\n width: 50%; }\n .u-col-lg-push-6 {\n left: 50%; }\n .u-col-lg-pull-6 {\n right: 50%; }\n .u-col-lg-offset-6 {\n margin-left: 50%; }\n .u-col-lg-7 {\n width: 58.33333%; }\n .u-col-lg-push-7 {\n left: 58.33333%; }\n .u-col-lg-pull-7 {\n right: 58.33333%; }\n .u-col-lg-offset-7 {\n margin-left: 58.33333%; }\n .u-col-lg-8 {\n width: 66.66667%; }\n .u-col-lg-push-8 {\n left: 66.66667%; }\n .u-col-lg-pull-8 {\n right: 66.66667%; }\n .u-col-lg-offset-8 {\n margin-left: 66.66667%; }\n .u-col-lg-9 {\n width: 75%; }\n .u-col-lg-push-9 {\n left: 75%; }\n .u-col-lg-pull-9 {\n right: 75%; }\n .u-col-lg-offset-9 {\n margin-left: 75%; }\n .u-col-lg-10 {\n width: 83.33333%; }\n .u-col-lg-push-10 {\n left: 83.33333%; }\n .u-col-lg-pull-10 {\n right: 83.33333%; }\n .u-col-lg-offset-10 {\n margin-left: 83.33333%; }\n .u-col-lg-11 {\n width: 91.66667%; }\n .u-col-lg-push-11 {\n left: 91.66667%; }\n .u-col-lg-pull-11 {\n right: 91.66667%; }\n .u-col-lg-offset-11 {\n margin-left: 91.66667%; }\n .u-col-lg-12 {\n width: 100%; }\n .u-col-lg-push-12 {\n left: 100%; }\n .u-col-lg-pull-12 {\n right: 100%; }\n .u-col-lg-offset-12 {\n margin-left: 100%; } }\n\n/* FormGroup */\n/* Navlayout */\n.u-button {\n background: rgb(224,224,224);\n border: none;\n border-radius: 4px;\n color: rgb(0,0,0);\n position: relative;\n min-width: 72px;\n padding: 4px 13px;\n display: inline-block;\n font-family: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n line-height: 1.57143;\n vertical-align: middle; }\n .u-button::-moz-focus-inner {\n border: 0; }\n .u-button:hover {\n background-color: rgb(238,238,238); }\n .u-button:active {\n background-color: rgb(189,189,189); }\n .u-button.colored {\n color: rgb(30,136,229); }\n .u-button.colored:focus:not(:active) {\n background-color: rgb(189,189,189); }\n .u-button.disable {\n -webkit-box-shadow: none;\n filter: alpha(opacity=65);\n box-shadow: none;\n cursor: not-allowed;\n opacity: .65; }\n\ninput.u-button[type=\"submit\"] {\n -webkit-appearance: none; }\n\n.u-button-floating {\n border-radius: 50%;\n font-size: 14px;\n height: 38px;\n margin: auto;\n min-width: 38px;\n width: 38px;\n padding: 0;\n line-height: normal;\n border: 1px solid rgb(189,189,189); }\n .u-button-floating.colored {\n background: rgb(67,160,71);\n color: rgb(255,255,255);\n background: rgb(255,255,255); }\n .u-button-floating.colored:hover {\n background-color: rgb(102,187,106); }\n .u-button-floating.colored:focus:not(:active) {\n background-color: rgb(67,160,71); }\n .u-button-floating.colored:active {\n background-color: rgb(67,160,71); }\n\n.u-button.disabled, .u-button[disabled] {\n cursor: not-allowed;\n opacity: .65;\n filter: alpha(opacity=65);\n box-shadow: none; }\n\n.u-button-default {\n color: #333;\n background-color: #fff;\n border-color: #ccc; }\n .u-button-default:hover, .u-button-default:focus, .u-button-default:active {\n background-color: #e6e6e6;\n border-color: #adadad; }\n\n.u-button-primary {\n color: rgb(255,255,255);\n background-color: rgb(30,136,229);\n border: 1px rgb(30,136,229) solid; }\n .u-button-primary.focus, .u-button-primary:focus, .u-button-primary:hover {\n background-color: rgb(66,165,245);\n border-color: rgb(66,165,245); }\n .u-button-primary.active, .u-button-primary:active {\n background-color: rgb(21,101,192);\n border-color: rgb(21,101,192); }\n\n.u-button-danger {\n color: rgb(255,255,255);\n background-color: rgb(244,67,54);\n border: 1px rgb(244,67,54) solid; }\n .u-button-danger.focus, .u-button-danger:focus, .u-button-danger:hover {\n background-color: rgb(229,115,115);\n border-color: rgb(229,115,115); }\n .u-button-danger.active, .u-button-danger:active {\n background-color: rgb(211,47,47);\n border-color: rgb(211,47,47); }\n\n.u-button-info {\n color: rgb(255,255,255);\n background-color: rgb(0,188,212);\n border: 1px rgb(0,188,212) solid; }\n .u-button-info.focus, .u-button-info:focus, .u-button-info:hover {\n background-color: rgb(77,208,225);\n border-color: rgb(77,208,225); }\n .u-button-info.active, .u-button-info:active {\n background-color: rgb(0,151,167);\n border-color: rgb(0,151,167); }\n\n.u-button-warning {\n color: rgb(255,255,255);\n background-color: rgb(255,152,0);\n border: 1px rgb(255,152,0) solid; }\n .u-button-warning.focus, .u-button-warning:focus, .u-button-warning:hover {\n background-color: rgb(255,183,77);\n border-color: rgb(255,183,77); }\n .u-button-warning.active, .u-button-warning:active {\n background-color: rgb(245,124,0);\n border-color: rgb(245,124,0); }\n\n.u-button-success {\n color: rgb(255,255,255);\n background-color: rgb(76,175,80);\n border: 1px rgb(76,175,80) solid; }\n .u-button-success.focus, .u-button-success:focus, .u-button-success:hover {\n background-color: rgb(129,199,132);\n border-color: rgb(129,199,132); }\n .u-button-success.active, .u-button-success:active {\n background-color: rgb(56,142,60);\n border-color: rgb(56,142,60); }\n\n.u-button-border.u-button-success {\n color: rgb(76,175,80);\n border: 1px rgb(76,175,80) solid; }\n .u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {\n background-color: rgb(129,199,132);\n border-color: rgb(129,199,132);\n color: #fff; }\n .u-button-border.u-button-success.active, .u-button-border.u-button-success:active {\n color: #fff;\n background-color: rgb(56,142,60);\n border-color: rgb(56,142,60); }\n\n.u-button-border.u-button-warning {\n color: rgb(255,152,0);\n border: 1px rgb(255,152,0) solid; }\n .u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {\n background-color: rgb(255,183,77);\n border-color: rgb(255,183,77);\n color: #fff; }\n .u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {\n color: #fff;\n background-color: rgb(245,124,0);\n border-color: rgb(245,124,0); }\n\n.u-button-border.u-button-danger {\n color: rgb(244,67,54);\n border: 1px rgb(244,67,54) solid; }\n .u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {\n background-color: rgb(229,115,115);\n border-color: rgb(229,115,115);\n color: #fff; }\n .u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {\n color: #fff;\n background-color: rgb(211,47,47);\n border-color: rgb(211,47,47); }\n\n.u-button-border.u-button-info {\n color: rgb(0,188,212);\n border: 1px rgb(0,188,212) solid; }\n .u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {\n background-color: rgb(77,208,225);\n border-color: rgb(77,208,225);\n color: #fff; }\n .u-button-border.u-button-info.active, .u-button-border.u-button-info:active {\n color: #fff;\n background-color: rgb(0,151,167);\n border-color: rgb(0,151,167); }\n\n.u-button-border.u-button-primary {\n color: rgb(30,136,229);\n border: 1px rgb(30,136,229) solid; }\n .u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {\n background-color: rgb(66,165,245);\n border-color: rgb(66,165,245);\n color: #fff; }\n .u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {\n color: #fff;\n background-color: rgb(21,101,192);\n border-color: rgb(21,101,192); }\n\n.u-button-border {\n color: rgb(0,0,0);\n border: 1px solid #d9d9d9;\n background-color: #fff; }\n\n.u-button-border:hover, .u-button-border:focus {\n color: rgb(0,0,0);\n background: rgb(238,238,238); }\n\n.u-button-border:active {\n color: #fff;\n background: rgb(189,189,189); }\n\n.u-button-icon {\n border-radius: 50%;\n font-size: 14px;\n height: 32px;\n margin: auto;\n min-width: 32px;\n width: 32px;\n padding: 0;\n line-height: normal;\n border: 1px solid rgb(189,189,189); }\n\n.u-button-lg {\n padding: 8px 15px;\n font-size: 14px; }\n\n.u-button-xg {\n padding: 10px 18px;\n font-size: 16px; }\n\n.u-button-sm {\n padding: 3px 5px;\n font-size: 12px; }\n\n.u-button-squared {\n border-radius: 0; }\n\n.u-button-round {\n border-radius: 1000px; }\n\n.u-button-block {\n white-space: normal;\n display: block;\n width: 100%; }\n\n.u-button-pill-left {\n border-radius: 500px 0 0 500px; }\n\n.u-button-pill-right {\n border-radius: 0 500px 500px 0; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease; }\n\n.collapse {\n display: none; }\n\n.collapse.in {\n display: block; }\n\n/* FormGroup */\n/* Navlayout */\n.u-popconfirm {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1540;\n display: none;\n max-width: 300px;\n padding: 1px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgb(224,224,224);\n border-radius: 6px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }\n .u-popconfirm-dark {\n background-color: rgb(66,66,66);\n color: #fff; }\n\n.u-popconfirm.right {\n margin-left: 10px; }\n\n.u-popconfirm.left {\n margin-left: -10px; }\n\n.u-popconfirm.top {\n margin-top: -10px; }\n\n.u-popconfirm.bottom {\n margin-top: 10px; }\n\n.u-popconfirm.right > .arrow {\n top: 50%;\n left: -10px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: rgb(224,224,224); }\n\n.u-popconfirm.left > .arrow {\n top: 50%;\n right: -10px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: rgb(224,224,224); }\n\n.u-popconfirm.top > .arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: rgb(224,224,224);\n bottom: -10px; }\n\n.u-popconfirm.bottom > .arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: rgb(224,224,224);\n top: -11px; }\n\n.u-popconfirm > .arrow {\n border-width: 10px; }\n\n.u-popconfirm > .arrow, .u-popconfirm > .arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid; }\n\n.u-popconfirm > .arrow:after {\n border-width: 10px;\n content: \"\"; }\n\n.u-popconfirm.right > .arrow:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: #fff; }\n\n.u-popconfirm.left > .arrow:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: #fff;\n bottom: -10px; }\n\n.u-popconfirm.top > .arrow:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: #fff; }\n\n.u-popconfirm.bottom > .arrow:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: #fff; }\n\n.u-popconfirm-dark.right > .arrow:after {\n border-right-color: rgb(66,66,66); }\n\n.u-popconfirm-dark.left > .arrow:after {\n border-left-color: rgb(66,66,66); }\n\n.u-popconfirm-dark.top > .arrow:after {\n border-top-color: rgb(66,66,66); }\n\n.u-popconfirm-dark.bottom > .arrow:after {\n border-bottom-color: rgb(66,66,66); }\n\n.u-popconfirm-content {\n padding: 15px; }\n\n.u-popconfirm-confirm {\n text-align: center; }\n .u-popconfirm-confirm button {\n margin-right: 10px; }\n\n.u-popconfirm .u-button {\n margin: 10px; }\n\n/* FormGroup */\n/* Navlayout */\n.u-form-control {\n position: relative;\n display: inline-block;\n padding: 0 12px;\n width: 100%;\n height: 30px;\n cursor: text;\n font-size: 14px;\n line-height: 1.5;\n color: #424242;\n background-color: #fff;\n background-image: none;\n border: 1px solid #bdbdbd;\n border-radius: 3px;\n transition: all .3s; }\n .u-form-control:focus {\n border-color: #66afe9;\n outline: 0; }\n .u-form-control::-ms-clear, .u-form-control ::-ms-reveal {\n display: none; }\n\n.u-form-control[disabled] {\n background: #eee;\n border-color: #e0e0e0;\n color: #BDBDBD;\n cursor: not-allowed; }\n\n.u-form-control.lg {\n height: 38px;\n font-size: 14px; }\n\n.u-form-control.sm {\n font-size: 12px;\n height: 24px; }\n\n.u-form-control-search-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n height: 28px;\n padding: 4px;\n width: 100%; }\n .u-form-control-search-wrapper .u-form-control-search-action {\n color: #ccc;\n position: absolute;\n top: 2px;\n right: 2px;\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 14px;\n text-decoration: none; }\n .u-form-control-search-wrapper .u-form-control-search-action .uf {\n transition: all .3s;\n font-size: 12px;\n color: #ccc; }\n .u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before {\n content: \"\\e603\"; }\n\n.u-form-control-affix-wrapper {\n position: relative;\n display: inline-block;\n width: 100%; }\n .u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n z-index: 2;\n line-height: 0;\n right: 7px;\n color: rgba(0, 0, 0, 0.65); }\n\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n.u-button {\n background: rgb(224,224,224);\n border: 1px solid rgb(224,224,224);\n border-radius: 4px;\n color: rgb(0,0,0);\n position: relative;\n min-width: 72px;\n padding: 4px 13px;\n display: inline-block;\n font-family: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n line-height: 1.57143;\n vertical-align: middle; }\n .u-button::-moz-focus-inner {\n border: 0; }\n .u-button:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n .u-button.colored {\n color: rgb(30,136,229); }\n .u-button.colored:focus:not(:active) {\n background-color: rgb(238,238,238);\n border-color: rgb(189,189,189); }\n .u-button.disable {\n -webkit-box-shadow: none;\n filter: alpha(opacity=65);\n box-shadow: none;\n cursor: not-allowed;\n opacity: .65; }\n\ninput.u-button[type=\"submit\"] {\n -webkit-appearance: none; }\n\n.u-button-floating {\n border-radius: 50%;\n font-size: 14px;\n height: 38px;\n margin: auto;\n min-width: 38px;\n width: 38px;\n padding: 0;\n line-height: normal;\n border: 1px solid rgb(224,224,224); }\n .u-button-floating.colored {\n background: rgb(67,160,71);\n color: rgb(255,255,255);\n background: rgb(255,255,255); }\n .u-button-floating.colored:hover {\n background-color: rgb(102,187,106); }\n .u-button-floating.colored:focus:not(:active) {\n background-color: rgb(67,160,71); }\n .u-button-floating.colored:active {\n background-color: rgb(67,160,71); }\n\n.u-button.disabled, .u-button[disabled] {\n cursor: not-allowed;\n opacity: .65;\n filter: alpha(opacity=65);\n box-shadow: none; }\n\n.u-button-default {\n color: #333;\n background-color: #fff;\n border-color: #ccc; }\n .u-button-default:hover, .u-button-default:focus, .u-button-default:active {\n background-color: #e6e6e6;\n border-color: #adadad; }\n\n.u-button-border {\n color: rgb(0,0,0);\n border: 1px solid rgb(224,224,224);\n background: rgb(255,255,255); }\n .u-button-border:hover {\n color: rgb(0,0,0);\n background-color: rgb(238,238,238);\n border-color: rgb(224,224,224); }\n .u-button-border:active {\n color: rgb(0,0,0);\n background-color: rgb(189,189,189);\n border-color: rgb(224,224,224); }\n .u-button-border:focus:not(:active) {\n color: rgb(0,0,0);\n background-color: rgb(238,238,238);\n border-color: rgb(224,224,224); }\n\n.u-button.u-button-primary {\n color: rgb(255,255,255);\n background-color: rgb(30,136,229);\n border: 1px rgb(30,136,229) solid; }\n .u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {\n background-color: rgb(66,165,245);\n border-color: rgb(66,165,245); }\n .u-button.u-button-primary.active, .u-button.u-button-primary:active {\n background-color: rgb(21,101,192);\n border-color: rgb(21,101,192); }\n\n.u-button.u-button-secondary {\n color: rgb(0,0,0);\n background-color: rgb(224,224,224);\n border: 1px rgb(224,224,224) solid; }\n .u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button.u-button-secondary.active, .u-button.u-button-secondary:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button.u-button-danger {\n color: rgb(255,255,255);\n background-color: rgb(244,67,54);\n border: 1px rgb(244,67,54) solid; }\n .u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover {\n background-color: rgb(229,115,115);\n border-color: rgb(229,115,115); }\n .u-button.u-button-danger.active, .u-button.u-button-danger:active {\n background-color: rgb(211,47,47);\n border-color: rgb(211,47,47); }\n\n.u-button.u-button-info {\n color: rgb(255,255,255);\n background-color: rgb(0,188,212);\n border: 1px rgb(0,188,212) solid; }\n .u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover {\n background-color: rgb(77,208,225);\n border-color: rgb(77,208,225); }\n .u-button.u-button-info.active, .u-button.u-button-info:active {\n background-color: rgb(0,151,167);\n border-color: rgb(0,151,167); }\n\n.u-button.u-button-warning {\n color: rgb(255,255,255);\n background-color: rgb(255,152,0);\n border: 1px rgb(255,152,0) solid; }\n .u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover {\n background-color: rgb(255,183,77);\n border-color: rgb(255,183,77); }\n .u-button.u-button-warning.active, .u-button.u-button-warning:active {\n background-color: rgb(245,124,0);\n border-color: rgb(245,124,0); }\n\n.u-button.u-button-success {\n color: rgb(255,255,255);\n background-color: rgb(76,175,80);\n border: 1px rgb(76,175,80) solid; }\n .u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover {\n background-color: rgb(129,199,132);\n border-color: rgb(129,199,132); }\n .u-button.u-button-success.active, .u-button.u-button-success:active {\n background-color: rgb(56,142,60);\n border-color: rgb(56,142,60); }\n\n.u-button.u-button-dark {\n color: rgb(255,255,255);\n background-color: rgb(97,97,97);\n border: 1px rgb(97,97,97) solid; }\n .u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover {\n background-color: rgb(117,117,117);\n border-color: rgb(117,117,117); }\n .u-button.u-button-dark.active, .u-button.u-button-dark:active {\n background-color: rgb(66,66,66);\n border-color: rgb(66,66,66); }\n\n.u-button.u-button-light {\n color: rgb(97,97,97);\n background-color: rgb(255,255,255);\n border: 1px rgb(255,255,255) solid; }\n .u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button.u-button-light.active, .u-button.u-button-light:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-border.u-button-success {\n color: rgb(76,175,80);\n background-color: #fff;\n border: 1px rgb(76,175,80) solid; }\n .u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {\n background-color: rgb(129,199,132);\n border-color: rgb(129,199,132);\n color: #fff; }\n .u-button-border.u-button-success.active, .u-button-border.u-button-success:active {\n color: #fff;\n background-color: rgb(56,142,60);\n border-color: rgb(56,142,60); }\n\n.u-button-border.u-button-warning {\n color: rgb(255,152,0);\n background-color: #fff;\n border: 1px rgb(255,152,0) solid; }\n .u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {\n background-color: rgb(255,183,77);\n border-color: rgb(255,183,77);\n color: #fff; }\n .u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {\n color: #fff;\n background-color: rgb(245,124,0);\n border-color: rgb(245,124,0); }\n\n.u-button-border.u-button-danger {\n color: rgb(244,67,54);\n background-color: #fff;\n border: 1px rgb(244,67,54) solid; }\n .u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {\n background-color: rgb(229,115,115);\n border-color: rgb(229,115,115);\n color: #fff; }\n .u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {\n color: #fff;\n background-color: rgb(211,47,47);\n border-color: rgb(211,47,47); }\n\n.u-button-border.u-button-info {\n color: rgb(0,188,212);\n background-color: #fff;\n border: 1px rgb(0,188,212) solid; }\n .u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {\n background-color: rgb(77,208,225);\n border-color: rgb(77,208,225);\n color: #fff; }\n .u-button-border.u-button-info.active, .u-button-border.u-button-info:active {\n color: #fff;\n background-color: rgb(0,151,167);\n border-color: rgb(0,151,167); }\n\n.u-button-border.u-button-primary {\n color: rgb(30,136,229);\n background-color: #fff;\n border: 1px rgb(30,136,229) solid; }\n .u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {\n background-color: rgb(66,165,245);\n border-color: rgb(66,165,245);\n color: #fff; }\n .u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {\n color: #fff;\n background-color: rgb(21,101,192);\n border-color: rgb(21,101,192); }\n\n.u-button-border.u-button-secondary {\n color: rgb(224,224,224);\n background-color: #fff;\n border: 1px rgb(224,224,224) solid; }\n .u-button-border.u-button-secondary.focus, .u-button-border.u-button-secondary:focus, .u-button-border.u-button-secondary:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238);\n color: #fff; }\n .u-button-border.u-button-secondary.active, .u-button-border.u-button-secondary:active {\n color: #fff;\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-border.u-button-dark {\n color: rgb(97,97,97);\n background-color: #fff;\n border: 1px rgb(97,97,97) solid; }\n .u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {\n background-color: rgb(117,117,117);\n border-color: rgb(117,117,117);\n color: #fff; }\n .u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {\n color: #fff;\n background-color: rgb(66,66,66);\n border-color: rgb(66,66,66); }\n\n.u-button-border.u-button-light {\n color: rgb(97,97,97);\n background-color: #fff;\n border: 1px rgb(255,255,255) solid; }\n .u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238);\n color: #fff; }\n .u-button-border.u-button-light.active, .u-button-border.u-button-light:active {\n color: #fff;\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-icon {\n border-radius: 50%;\n font-size: 14px;\n height: 32px;\n margin: auto;\n min-width: 32px;\n width: 32px;\n padding: 0;\n line-height: normal;\n border: 1px solid rgb(224,224,224); }\n\n.u-button-lg {\n padding: 8px 15px;\n font-size: 14px; }\n\n.u-button-xg {\n padding: 10.5px 18px;\n font-size: 16px; }\n\n.u-button-md {\n padding: 4px 13px;\n font-size: 14px; }\n\n.u-button-sm {\n padding: 3px 5px;\n font-size: 12px; }\n\n.u-button-squared {\n border-radius: 0; }\n\n.u-button-round {\n border-radius: 1000px; }\n\n.u-button-block {\n white-space: normal;\n display: block;\n width: 100%; }\n\n.u-button-pill-left {\n border-radius: 500px 0 0 500px; }\n\n.u-button-pill-right {\n border-radius: 0 500px 500px 0; }\n\n.u-pagination {\n font-size: 14px;\n position: relative; }\n .u-pagination-list {\n float: left;\n margin: 5px; }\n .u-pagination-list:after {\n clear: both;\n display: table;\n content: ''; }\n .u-pagination-list > li.iconBtn > a {\n padding: 5px 9px;\n line-height: 1.57142857; }\n .u-pagination-list > li > a, .u-pagination-list > li > span {\n display: inline-block;\n text-decoration: none;\n border-top: 1px solid #d7d7d7;\n border-bottom: 1px solid #d7d7d7;\n border-left: 1px solid #d7d7d7;\n background-color: transparent;\n text-align: center;\n color: #666666;\n padding: 5px 12px;\n line-height: 1.57142857; }\n .u-pagination-list.u-pagination-no-border > li > a, .u-pagination-list > li > span {\n border-radius: 4px; }\n .u-pagination-list > li:first-child > a, .u-pagination-list > li:first-child > span {\n margin-left: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n .u-pagination-list > li:last-child > a, .u-pagination-list > li:last-child > span {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n .u-pagination-list > li[role=\"next\"] > a {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-right: 1px solid #d7d7d7; }\n .u-pagination-list > li {\n float: left;\n list-style-type: none; }\n .u-pagination-list > li > a:hover, .u-pagination-list > li > span:hover, .u-pagination-list > li > a:focus, .u-pagination-list > li > span:focus {\n color: #666;\n background-color: rgba(122, 134, 154, 0.35);\n border-color: #d7d7d7;\n cursor: pointer; }\n .u-pagination-list > li > a > i {\n color: #7a869a; }\n .u-pagination-list > .active > a, .u-pagination-list > .active > span, .u-pagination-list > .active > a:hover, .u-pagination-list > .active > span:hover, .u-pagination-list > .active > a:focus, .u-pagination-list > .active > span:focus {\n z-index: 2;\n color: #fff;\n cursor: default;\n background-color: #7A869A;\n border-color: #7A869A; }\n .u-pagination-list > .disabled > a, .u-pagination-list > .disabled > span, .u-pagination-list > .disabled > a:hover, .u-pagination-list > .disabled > span:hover, .u-pagination-list > .disabled > a:focus, .u-pagination-list > .disabled > span:focus {\n color: #777;\n cursor: not-allowed;\n background-color: transparent;\n border-color: #ddd; }\n .u-pagination-list > .disabled > a > i {\n color: #cccccc; }\n .u-pagination-list > li[role=\"gap\"] > a {\n background-color: transparent;\n border-bottom: 0 solid #d7d7d7;\n border-top: 0 solid #d7d7d7;\n padding: 7px 11px;\n line-height: 1.57142857; }\n .u-pagination-list > li[role=\"gap\"] > a:hover, .u-pagination-list > li[role=\"gap\"] > a:focus {\n background-color: transparent; }\n .u-pagination-list input {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box; }\n .u-pagination-list li, .u-pagination-list a {\n box-sizing: content-box; }\n .u-pagination-list i.uf, .u-pagination-list i.fa {\n padding: 0px;\n font-size: 14px; }\n .u-pagination-list > li:last-child > a, .u-pagination-list > li:last-child > span {\n border-right: 1px solid #d7d7d7; }\n .u-pagination .temp-main {\n width: 100px;\n height: 100px;\n border: 1px solid #000; }\n .u-pagination .enhanced_pagination {\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: nowrap;\n min-width: 700px;\n overflow: auto;\n -webkit-box-pack: center;\n justify-content: center; }\n .u-pagination .enhanced_pagination .u_float_pagination {\n float: left; }\n .u-pagination .data_per_select {\n margin: 5px;\n float: left;\n min-width: 120px; }\n .u-pagination .data_per_select > span {\n display: inline-block;\n line-height: 36px;\n float: left; }\n .u-pagination .data_per_select .u-select {\n width: 50px;\n margin: 0 6px;\n height: 36px;\n float: left; }\n .u-pagination .data_per_select .u-select .u-select-selection {\n height: 36px; }\n .u-pagination .data_per_select .u-select .u-select-selection .u-select-selection-rendered {\n line-height: 36px; }\n .u-pagination .data_select {\n outline: none;\n -webkit-appearance: none;\n height: 36px;\n background: #fff;\n border-color: #d7d7d7;\n border-radius: 4px;\n line-height: 28px;\n padding: 0 15px;\n text-align: center;\n font-size: 14px;\n margin: 0 6px; }\n .u-pagination .page_jump {\n float: left;\n margin: 5px; }\n .u-pagination .page_jump > span {\n display: inline-block;\n line-height: 36px;\n float: left; }\n .u-pagination .page_jump_value {\n outline: none;\n -webkit-appearance: none;\n background: #fff;\n border-radius: 4px;\n width: 50px;\n text-align: center;\n border: 1px solid #d7d7d7; }\n .u-pagination .page_jump_btn,\n .u-pagination .page_jump_value {\n margin: 0 6px;\n padding: 0;\n height: 36px;\n line-height: 34px;\n box-sizing: border-box;\n float: left; }\n .u-pagination-total {\n float: left;\n height: 36px;\n line-height: 36px;\n margin: 5px; }\n .u-pagination-total span {\n padding: 0 5px; }\n .u-pagination.u-pagination-disabled .u-pagination-disabled-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 46px;\n background: rgba(255, 255, 255, 0.6);\n z-index: 2;\n cursor: not-allowed; }\n\n.pagination-state {\n float: left;\n height: 34px;\n line-height: 34px;\n text-align: center;\n font-size: 12px;\n color: #666;\n margin-left: 10px; }\n .pagination-state > .page_j {\n margin: 0 4px;\n width: 40px;\n border: 1px solid #ddd;\n padding-left: 2px;\n height: 35px;\n line-height: 35px;\n color: #333333; }\n .pagination-state > .page_z {\n margin: 0 4px;\n width: 50px;\n border: 1px solid #ddd;\n padding-left: 2px;\n height: 35px;\n line-height: 35px;\n color: #333333; }\n .pagination-state > .pagination-jump {\n margin: 0 10px;\n width: 50px;\n line-height: 30px;\n border: 1px solid #ddd;\n background-color: white;\n font-size: 14px;\n cursor: pointer;\n color: #333333;\n height: 35px; }\n .pagination-state > .pagination-jump:hover {\n background-color: #eee; }\n\n.u-pagination-lg > li > a {\n padding: 9px 15px;\n font-size: 16px;\n line-height: 1.33333; }\n\n.u-pagination-lg > li:first-child > a {\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px; }\n\n.u-pagination-lg > li:last-child > a {\n border-bottom-right-radius: 4px;\n border-top-right-radius: 4px; }\n\n.u-pagination-lg > li[role=\"gap\"] > a {\n padding: 10px 15px;\n font-size: 16px;\n line-height: 1.33333; }\n\n.u-pagination-sm > li > a {\n padding: 5px 9px;\n font-size: 14px;\n line-height: 1.5; }\n\n.u-pagination-sm > li:first-child > a {\n border-bottom-left-radius: 2px;\n border-top-left-radius: 2px; }\n\n.u-pagination-sm > li:last-child > a {\n border-bottom-right-radius: 2px;\n border-top-right-radius: 2px; }\n\n.u-pagination-sm > li[role=\"gap\"] > a {\n padding: 6px 9px;\n font-size: 14px;\n line-height: 1.5; }\n\n.u-pagination-lg > li.iconBtn > a {\n padding: 7px 11.5px; }\n .u-pagination-lg > li.iconBtn > a > i {\n font-size: 16px; }\n\n.u-pagination-sm > li.iconBtn > a {\n padding: 4.5px 6px; }\n\n.u-pagination-no-border:not(.u-pagination-gap) > li > a, .u-pagination-no-border:not(.u-pagination-gap) > li[role=\"next\"] > a {\n border: none; }\n\n.u-pagination-no-border:not(.u-pagination-gap) > li:last-child > a, .u-pagination-no-border:not(.u-pagination-gap) > li:last-child > span {\n border: none; }\n\n.u-pagination-gap > li:first-child > a,\n.u-pagination-gap > li:last-child > a {\n border-radius: 5px; }\n\n.u-pagination-gap > li > a {\n margin: 0 5px;\n border-radius: 5px;\n border: 1px solid #d7d7d7; }\n .u-pagination-gap > li > a:hover {\n background-color: transparent;\n border-color: #7A869A; }\n\n.u-pagination-gap > li:first-child > a, .u-pagination-gap > li:last-child > a {\n border-radius: 5px; }\n\n.u-pagination-gap > li[role=\"gap\"] > a {\n border: 0 solid #d7d7d7; }\n\n/* FormGroup */\n/* Navlayout */\n.u-checkbox {\n display: inline-block;\n position: relative;\n margin: 0 5px;\n height: 18px;\n line-height: 18px;\n font-size: 14px;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n position: relative;\n line-height: 1;\n vertical-align: middle; }\n .u-checkbox.disabled .u-checkbox-label {\n cursor: not-allowed;\n opacity: 0.5; }\n .u-checkbox input[type='checkbox'] {\n position: absolute;\n z-index: 3;\n cursor: pointer;\n opacity: 0;\n box-sizing: border-box;\n padding: 0;\n width: 100%;\n height: 100%; }\n .u-checkbox input[disabled] {\n cursor: not-allowed; }\n .u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: #1e88e5; }\n .u-checkbox.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(30,136,229);\n -webkit-box-shadow: inset 0 0 0 10px rgb(30,136,229);\n box-shadow: inset 0 0 0 10px rgb(30,136,229);\n border-color: rgb(30,136,229); }\n .u-checkbox.is-checked .u-checkbox-label:after {\n color: #fff;\n content: \"\\e658\";\n line-height: 18px;\n font-size: 14px; }\n .u-checkbox .u-checkbox-label {\n cursor: pointer;\n display: inline-block;\n padding-left: 25px; }\n .u-checkbox .u-checkbox-label:before {\n -moz-border-radius: 3px;\n -webkit-border-radius: 3px;\n border-radius: 3px;\n border: 1px solid;\n background-color: #fff;\n -moz-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n -webkit-transition: all 0.3s ease-in-out;\n transition: all 0.3s ease-in-out;\n content: '';\n font-family: 'uf';\n display: inline-block;\n width: 18px;\n height: 18px;\n left: 0;\n top: 0;\n text-align: center;\n position: absolute; }\n .u-checkbox .u-checkbox-label:after {\n content: '';\n font-family: 'uf';\n display: inline-block;\n width: 18px;\n height: 18px;\n left: 0;\n top: 0;\n text-align: center;\n position: absolute; }\n\n.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {\n color: #fff;\n content: \"\\e6ce\";\n line-height: 18px;\n font-size: 14px; }\n\n.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {\n box-shadow: inset 0 0 0 10px #1e88e5;\n border-color: #1e88e5; }\n\n.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(76,175,80);\n -webkit-box-shadow: inset 0 0 0 10px rgb(76,175,80);\n box-shadow: inset 0 0 0 10px rgb(76,175,80);\n border-color: rgb(76,175,80); }\n\n.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(76,175,80); }\n\n.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(255,152,0);\n -webkit-box-shadow: inset 0 0 0 10px rgb(255,152,0);\n box-shadow: inset 0 0 0 10px rgb(255,152,0);\n border-color: rgb(255,152,0); }\n\n.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(255,152,0); }\n\n.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(244,67,54);\n -webkit-box-shadow: inset 0 0 0 10px rgb(244,67,54);\n box-shadow: inset 0 0 0 10px rgb(244,67,54);\n border-color: rgb(244,67,54); }\n\n.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(244,67,54); }\n\n.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(97,97,97);\n -webkit-box-shadow: inset 0 0 0 10px rgb(97,97,97);\n box-shadow: inset 0 0 0 10px rgb(97,97,97);\n border-color: rgb(97,97,97); }\n\n.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(97,97,97); }\n\n.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(0,188,212);\n -webkit-box-shadow: inset 0 0 0 10px rgb(0,188,212);\n box-shadow: inset 0 0 0 10px rgb(0,188,212);\n border-color: rgb(0,188,212); }\n\n.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(0,188,212); }\n\n/* FormGroup */\n/* Navlayout */\n/* keyframes 定义 */\n@-webkit-keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes uSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@keyframes uSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@-webkit-keyframes uSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes uSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes uSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@keyframes uSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@-webkit-keyframes uSlideLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@keyframes uSlideLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@-webkit-keyframes uSlideLeftOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@keyframes uSlideLeftOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@-webkit-keyframes uSlideRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@keyframes uSlideRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@-webkit-keyframes uSlideRightOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@keyframes uSlideRightOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@-webkit-keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px); }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px); }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px); }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px); }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px); } }\n\n@keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px); }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px); }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px); }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px); }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px); } }\n\n@-webkit-keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); } }\n\n@keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); } }\n\n@-webkit-keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomUpOut {\n 0% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomUpOut {\n 0% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomLeftOut {\n 0% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomLeftOut {\n 0% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomRightOut {\n 0% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomRightOut {\n 0% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomDownOut {\n 0% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomDownOut {\n 0% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes rcMenuOpenZoomIn {\n 0% {\n opacity: 0;\n transform: scale(0, 0); }\n 100% {\n opacity: 1;\n transform: scale(1, 1); } }\n\n@keyframes rcMenuOpenZoomOut {\n 0% {\n transform: scale(1, 1); }\n 100% {\n opacity: 0;\n transform: scale(0, 0); } }\n\n@keyframes rcMenuOpenSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1); } }\n\n@keyframes rcMenuOpenSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0); } }\n\nul {\n margin: 0;\n padding: 0;\n list-style: none; }\n\n.u-select {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n color: #666;\n width: 100%;\n font-size: 12px; }\n .u-select :root .u-select-arrow {\n -webkit-filter: none;\n filter: none; }\n .u-select :root .u-select-arrow {\n font-size: 12px; }\n .u-select .u-select-arrow * {\n display: none; }\n .u-select .u-select-arrow {\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: absolute;\n top: 50%;\n right: 8px;\n line-height: 1;\n margin-top: -6px;\n display: inline-block;\n font-size: 12px;\n font-size: 9px \\9;\n -webkit-transform: scale(0.75) rotate(0deg);\n -ms-transform: scale(0.75) rotate(0deg);\n transform: scale(0.75) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1; }\n .u-select .u-select-arrow:before {\n display: block;\n font-family: \"uf\";\n content: \"\\e609\";\n -webkit-transition: -webkit-transform 0.2s ease;\n transition: -webkit-transform 0.2s ease;\n transition: transform 0.2s ease;\n transition: transform 0.2s ease, -webkit-transform 0.2s ease; }\n .u-select .u-select-selection {\n outline: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: border-box;\n display: block;\n background-color: #fff;\n border-radius: 4px;\n border: 1px solid #d9d9d9;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }\n .u-select .u-select-selection :hover {\n border-color: #40a5ed; }\n\n.u-select > ul > li > a {\n padding: 0;\n background-color: #fff; }\n\n.u-select-focused .u-select-selection,\n.u-select-selection:focus,\n.u-select-selection:active {\n border-color: #40a5ed;\n outline: 0;\n box-shadow: none; }\n\n.u-select-selection-clear {\n display: inline-block;\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n opacity: 0;\n position: absolute;\n right: 8px;\n z-index: 1;\n background: #fff;\n top: 50%;\n font-size: 12px;\n color: #ccc;\n width: 12px;\n height: 12px;\n margin-top: -6px;\n line-height: 12px;\n cursor: pointer;\n -webkit-transition: color 0.3s ease, opacity 0.15s ease;\n transition: color 0.3s ease, opacity 0.15s ease; }\n\n.u-select-selection-clear:before {\n display: block;\n font-family: 'uf';\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: \"\\E62E\"; }\n\n.u-select-selection-clear:hover {\n color: #999; }\n\n.u-select-selection:hover .u-select-selection-clear {\n opacity: 1; }\n\n.u-select-selection-selected-value {\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n padding-right: 14px; }\n\n.u-select-disabled {\n color: #ccc; }\n .u-select-disabled .u-select-selection {\n background: #f7f7f7;\n cursor: not-allowed; }\n .u-select-disabled .u-select-selection:hover, .u-select-disabled .u-select-selection:focus, .u-select-disabled .u-select-selection:active {\n border-color: #d9d9d9;\n box-shadow: none; }\n .u-select-disabled .u-select-selection-clear {\n display: none;\n visibility: hidden;\n pointer-events: none; }\n .u-select-disabled .u-select-selection--multiple .u-select-selection-choice {\n background: #e9e9e9;\n color: #aaa;\n padding-right: 10px; }\n .u-select-disabled .u-select-selection--multiple .u-select-selection-choice-remove {\n display: none; }\n .u-select-disabled .u-select-selection-choice-remove {\n color: #ccc;\n cursor: default; }\n .u-select-disabled .u-select-selection-choice-remove:hover {\n color: #ccc; }\n\n.u-select-selection--single {\n height: 30px;\n position: relative;\n cursor: pointer; }\n\n.u-select-selection-rendered {\n display: block;\n margin-left: 8px;\n margin-right: 8px;\n position: relative;\n line-height: 28px; }\n .u-select-selection-rendered:after {\n content: '.';\n visibility: hidden;\n pointer-events: none;\n display: inline-block;\n width: 0; }\n\n.u-select-lg .u-select-selection--single {\n height: 38px; }\n\n.u-select-lg .u-select-selection-rendered {\n line-height: 36px; }\n\n.u-select-lg .u-select-selection--multiple {\n min-height: 32px; }\n\n.u-select-lg .u-select-selection--multiple .u-select-selection-rendered li {\n height: 24px;\n line-height: 24px; }\n\n.u-select-sm .u-select-selection {\n border-radius: 2px; }\n\n.u-select-sm .u-select-selection--single {\n height: 24px; }\n\n.u-select-sm .u-select-selection-rendered {\n line-height: 22px; }\n\n.u-select-sm .u-select-selection--multiple {\n min-height: 22px; }\n\n.u-select-sm .u-select-selection--multiple .u-select-selection-rendered li {\n height: 14px;\n line-height: 14px; }\n\n.u-select-search-field-wrap {\n display: inline-block;\n position: relative; }\n\n.u-select-selection-placeholder,\n.u-select-search-field-placeholder {\n position: absolute;\n top: 50%;\n left: 0;\n right: 9px;\n color: #ccc;\n line-height: 20px;\n height: 20px;\n max-width: 100%;\n margin-top: -10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n.u-select-search-field-placeholder {\n left: 8px; }\n\n.u-select-search--inline {\n position: absolute;\n width: 100%;\n height: 100%; }\n .u-select-search--inline .u-select-search-field-wrap {\n width: 100%;\n height: 100%; }\n .u-select-search--inline .u-select-search-field {\n border: 0;\n font-size: 100%;\n height: 100%;\n width: 100%;\n background: transparent;\n outline: 0;\n border-radius: 4px; }\n .u-select-search--inline .u-select-search-field-mirror {\n position: absolute;\n top: 0;\n left: -9999px;\n white-space: pre;\n pointer-events: none; }\n .u-select-search--inline > i {\n float: right; }\n\n.u-select-selection--multiple {\n min-height: 28px;\n cursor: text;\n padding-bottom: 3px;\n zoom: 1; }\n .u-select-selection--multiple:before, .u-select-selection--multiple:after {\n content: \" \";\n display: table; }\n .u-select-selection--multiple:after {\n clear: both;\n visibility: hidden;\n font-size: 0;\n height: 0; }\n .u-select-selection--multiple .u-select-search--inline {\n float: left;\n position: static;\n width: auto;\n padding: 0; }\n .u-select-selection--multiple .u-select-search--inline .u-select-search-field {\n width: 0.75em; }\n .u-select-selection--multiple .u-select-selection-rendered {\n margin-left: 5px;\n margin-bottom: -3px;\n height: auto; }\n .u-select-selection--multiple > ul > li, .u-select-selection--multiple .u-select-selection-rendered > ul > li {\n margin-top: 3px;\n height: 20px;\n line-height: 20px; }\n .u-select-selection--multiple .u-select-selection-choice {\n background-color: #f3f3f3;\n border-radius: 4px;\n cursor: default;\n float: left;\n padding: 0 16px;\n margin-right: 4px;\n max-width: 99%;\n position: relative;\n overflow: hidden;\n -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n padding: 0 20px 0 10px; }\n .u-select-selection--multiple .u-select-selection-choice-disabled {\n padding: 0 10px; }\n .u-select-selection--multiple .u-select-selection-choice-content {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }\n .u-select-selection--multiple .u-select-selection-choice-remove {\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n line-height: 1;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #999;\n line-height: inherit;\n cursor: pointer;\n font-weight: bold;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n display: inline-block;\n font-size: 12px;\n font-size: 8px \\9;\n -webkit-transform: scale(0.66667) rotate(0deg);\n -ms-transform: scale(0.66667) rotate(0deg);\n transform: scale(0.66667) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n position: absolute;\n right: 4px;\n padding: 0 0 0 8px;\n top: -3px; }\n .u-select-selection--multiple .u-select-selection-choice-remove:before {\n display: block;\n font-family: \"uf\"; }\n .u-select-selection--multiple .u-select-selection-choice-remove {\n -webkit-filter: none;\n filter: none; }\n .u-select-selection--multiple .u-select-selection-choice-remove {\n font-size: 12px; }\n .u-select-selection--multiple .u-select-selection-choice-remove:hover {\n color: #404040; }\n .u-select-selection--multiple .u-select-selection-choice-remove:before {\n font-family: 'uf';\n content: \"\\e602\"; }\n\n.u-select-open .u-select-arrow {\n -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";\n -ms-transform: rotate(180deg); }\n\n.u-select-open .u-select-arrow:before {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.u-select-open .u-select-selection {\n border-color: #40a5ed;\n outline: 0;\n border-color: #66afe9;\n outline: 0; }\n\n.u-select-combobox .u-select-arrow {\n display: none; }\n\n.u-select-combobox .u-select-search--inline {\n height: 100%;\n width: 100%;\n float: none; }\n\n.u-select-combobox .u-select-search-field-wrap {\n width: 100%;\n height: 100%; }\n\n.u-select-combobox .u-select-search-field {\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n box-shadow: none; }\n\n.u-select-dropdown {\n background-color: white;\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n box-sizing: border-box;\n z-index: 1800;\n left: -9999px;\n top: -9999px;\n position: absolute;\n outline: none;\n overflow: hidden;\n font-size: 12px; }\n .u-select-dropdown.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-bottomLeft, .u-select-dropdown.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: uSlideUpIn;\n animation-name: uSlideUpIn; }\n .u-select-dropdown.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-topLeft, .u-select-dropdown.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-topLeft {\n -webkit-animation-name: uSlideDownIn;\n animation-name: uSlideDownIn; }\n .u-select-dropdown.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: uSlideUpOut;\n animation-name: uSlideUpOut; }\n .u-select-dropdown.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-topLeft {\n -webkit-animation-name: uSlideDownOut;\n animation-name: uSlideDownOut; }\n .u-select-dropdown.u-select-dropdown-hidden {\n display: none; }\n .u-select-dropdown .u-select-dropdown-menu {\n outline: none;\n margin-bottom: 0;\n padding-left: 0;\n list-style: none;\n max-height: 250px;\n overflow: auto; }\n .u-select-dropdown .u-select-dropdown-menu-item-group-list {\n margin: 0;\n padding: 0; }\n .u-select-dropdown .u-select-dropdown-menu-item-group-list > .u-select-dropdown-menu-item {\n padding-left: 24px; }\n .u-select-dropdown .u-select-dropdown-menu-item-group-title {\n color: #999;\n line-height: 1.5;\n padding: 8px 16px; }\n .u-select-dropdown .u-select-dropdown-menu-item {\n position: relative;\n display: block;\n padding: 7px 16px;\n font-weight: normal;\n color: #666;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n -webkit-transition: background 0.3s ease;\n transition: background 0.3s ease;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .u-select-dropdown .u-select-dropdown-menu-item:hover,\n .u-select-dropdown .u-select-dropdown-menu-item-active {\n background-color: rgb(227,242,253); }\n .u-select-dropdown .u-select-dropdown-menu-item-disabled {\n color: #ccc;\n cursor: not-allowed; }\n .u-select-dropdown .u-select-dropdown-menu-item-disabled:hover {\n color: #ccc;\n background-color: #fff;\n cursor: not-allowed; }\n .u-select-dropdown .u-select-dropdown-menu-item-selected,\n .u-select-dropdown .u-select-dropdown-menu-item-selected:hover {\n background-color: rgb(247,247,247);\n font-weight: bold;\n color: #867777; }\n .u-select-dropdown .u-select-dropdown-menu-item-divider {\n height: 1px;\n margin: 1px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n line-height: 0; }\n\n.u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n font-family: 'uf';\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: \"\\e658\";\n color: transparent;\n display: inline-block;\n font-size: 12px;\n font-size: 10px \\9;\n -webkit-transform: scale(0.83333) rotate(0deg);\n -ms-transform: scale(0.83333) rotate(0deg);\n transform: scale(0.83333) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 16px;\n font-weight: bold;\n text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0; }\n\n.u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:hover:after {\n color: #ddd; }\n\n.u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-disabled:after {\n display: none; }\n\n.u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-selected:after, .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-selected:hover:after {\n color: #108ee9;\n display: inline-block; }\n\n:root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n -webkit-filter: none;\n filter: none; }\n\n:root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n font-size: 12px; }\n\n.u-select-dropdown-container-open .u-select-dropdown,\n.u-select-dropdown-open .u-select-dropdown {\n display: block; }\n\n.u-input-search-wrapper {\n display: inline-block;\n position: relative; }\n .u-input-search-wrapper .u-input-search {\n -webkit-transition: all .3s ease;\n transition: all .3s ease; }\n .u-input-search-wrapper .u-input-search-icon {\n position: absolute;\n right: 8px;\n cursor: pointer;\n -webkit-transition: all .3s ease;\n transition: all .3s ease;\n font-size: 14px;\n height: 20px;\n line-height: 20px;\n top: 50%;\n margin-top: -10px; }\n .u-input-search-wrapper .u-input-search-icon:hover {\n color: #108ee9; }\n .u-input-search-wrapper:hover .u-input-search:not[disabled] {\n border: 1px solid #108ee9; }\n\n.u-search-input-wrapper {\n display: inline-block;\n vertical-align: middle; }\n\n.u-search-input.u-input-group .u-input:first-child, .u-search-input.u-input-group .u-select:first-child {\n border-radius: 4px;\n position: absolute;\n top: -1px;\n width: 100%; }\n\n.u-search-input.u-input-group .u-input:first-child {\n padding-right: 36px; }\n\n.u-search-input .u-search-btn {\n color: #666;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n border-radius: 0 3px 3px 0;\n left: -1px;\n position: relative;\n border-width: 0 0 0 1px;\n z-index: 2;\n padding-left: 8px;\n padding-right: 8px; }\n\n.u-search-input .u-search-btn > a:only-child {\n color: currentColor; }\n\n.u-search-input .u-search-btn > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-search-btn:hover > a:only-child, .u-search-input .u-search-btn:focus > a:only-child {\n color: currentColor; }\n\n.u-search-input .u-search-btn:hover > a:only-child:after, .u-search-input .u-search-btn:focus > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-search-btn:active, .u-search-input .u-search-btn.active {\n color: #0f87dd;\n background-color: #f7f7f7;\n border-color: #0f87dd; }\n\n.u-search-input .u-search-btn:active > a:only-child, .u-search-input .u-search-btn.active > a:only-child {\n color: currentColor; }\n\n.u-search-input .u-search-btn:active > a:only-child:after, .u-search-input .u-search-btn.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-search-btn:hover, .u-search-input .u-search-btn:focus {\n color: #40a5ed;\n background-color: #f7f7f7;\n border-color: #40a5ed; }\n\n.u-search-input .u-search-btn:active, .u-search-input .u-search-btn:hover, .u-search-input .u-search-btn:focus {\n background: #fff; }\n\n.u-search-input .u-search-btn:hover {\n border-color: #d9d9d9; }\n\n.u-search-input .u-search-btn[disabled] {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input .u-search-btn[disabled]:hover, .u-search-input .u-search-btn[disabled]:focus, .u-search-input .u-search-btn[disabled]:active, .u-search-input .u-search-btn[disabled].active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input .u-search-btn[disabled] > a:only-child, .u-search-input .u-search-btn[disabled]:hover > a:only-child, .u-search-input .u-search-btn[disabled]:focus > a:only-child, .u-search-input .u-search-btn[disabled]:active > a:only-child, .u-search-input .u-search-btn[disabled].active > a:only-child {\n color: currentColor; }\n .u-search-input .u-search-btn[disabled] > a:only-child:after, .u-search-input .u-search-btn[disabled]:hover > a:only-child:after, .u-search-input .u-search-btn[disabled]:focus > a:only-child:after, .u-search-input .u-search-btn[disabled]:active > a:only-child:after, .u-search-input .u-search-btn[disabled].active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-search-btn.disabled {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input .u-search-btn.disabled:hover, .u-search-input .u-search-btn.disabled:focus, .u-search-input .u-search-btn.disabled:active, .u-search-input .u-search-btn.disabled.active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input .u-search-btn.disabled > a:only-child, .u-search-input .u-search-btn.disabled:hover > a:only-child, .u-search-input .u-search-btn.disabled:focus > a:only-child, .u-search-input .u-search-btn.disabled:active > a:only-child, .u-search-input .u-search-btn.disabled.active > a:only-child {\n color: currentColor; }\n .u-search-input .u-search-btn.disabled > a:only-child:after, .u-search-input .u-search-btn.disabled:hover > a:only-child:after, .u-search-input .u-search-btn.disabled:focus > a:only-child:after, .u-search-input .u-search-btn.disabled:active > a:only-child:after, .u-search-input .u-search-btn.disabled.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty, .u-search-input:hover .u-search-btn-noempty {\n color: #fff;\n background-color: #108ee9;\n border-color: #108ee9; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty > a:only-child, .u-search-input:hover .u-search-btn-noempty > a:only-child {\n color: currentColor; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty > a:only-child:after, .u-search-input:hover .u-search-btn-noempty > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty:hover, .u-search-input:hover .u-search-btn-noempty:focus, .u-search-input:hover .u-search-btn-noempty:hover {\n color: #fff;\n background-color: #40a5ed;\n border-color: #40a5ed; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty:focus > a:only-child {\n color: currentColor; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:focus > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:active, .u-search-input.u-search-input-focus .u-search-btn-noempty.active, .u-search-input:hover .u-search-btn-noempty:active, .u-search-input:hover .u-search-btn-noempty.active {\n color: #fff;\n background-color: #0f87dd;\n border-color: #0f87dd; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.active > a:only-child, .u-search-input:hover .u-search-btn-noempty:active > a:only-child, .u-search-input:hover .u-search-btn-noempty.active > a:only-child {\n color: currentColor; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-select-combobox .u-select-selection-rendered {\n margin-right: 29px; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty.disabled, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled], .u-search-input:hover .u-search-btn-noempty.disabled, .u-search-input:hover .u-search-btn-noempty[disabled] {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active, .u-search-input:hover .u-search-btn-noempty.disabled:hover, .u-search-input:hover .u-search-btn-noempty.disabled:focus, .u-search-input:hover .u-search-btn-noempty.disabled:active, .u-search-input:hover .u-search-btn-noempty.disabled.active, .u-search-input:hover .u-search-btn-noempty[disabled]:hover, .u-search-input:hover .u-search-btn-noempty[disabled]:focus, .u-search-input:hover .u-search-btn-noempty[disabled]:active, .u-search-input:hover .u-search-btn-noempty[disabled].active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled] > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:active > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled.active > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled] > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:active > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled].active > a:only-child {\n color: currentColor; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled] > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled.active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled] > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled].active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n@-webkit-keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n/* FormGroup */\n/* Navlayout */\n.u-form .u-form-group {\n margin-top: 0;\n margin-bottom: 0; }\n\n.u-form .u-form-item {\n padding-top: 5px;\n padding-bottom: 5px; }\n\n.u-form-item {\n min-height: 64px;\n font-size: 14px; }\n\n.u-form-item .u-select {\n min-width: 100px; }\n\n.u-form .u-form-item {\n min-height: 94px; }\n\n.u-form .u-form-item.u-form-inline {\n min-height: 72px; }\n\n.u-form-error {\n display: none;\n margin-top: 5px;\n margin-bottom: 5px;\n color: #F22C1D; }\n\n.u-form-error.show {\n display: block; }\n\n.u-form .u-form-submit {\n margin-top: 10px; }\n\n.u-form .u-form-item.u-form-inline .u-input-group {\n display: inline-block;\n vertical-align: middle;\n width: auto; }\n\n.u-form-inline .u-label {\n display: inline-block; }\n\n.u-form .u-row .u-label {\n line-height: 40px; }\n\n.u-form-item .u-input-group-outer .u-input-group .u-form-control:last-child, .u-form-item .u-input-group-outer .u-input-group .u-form-control:first-child {\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px; }\n\n.u-form-item.u-form-inline .u-input-group-outer {\n display: inline-block; }\n\n.u-form-item .u-input-group-outer .u-input-before, .u-form-item .u-input-group-outer .u-input-after {\n line-height: 28px;\n padding-left: 5px;\n padding-right: 5px;\n border: 1px solid #bdbdbd;\n background: #eee;\n float: left; }\n\n.u-form-item .u-input-group-outer .u-input-inner {\n float: left; }\n\n.u-form-item .u-input-group-outer .u-input-before {\n border-right: none;\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px; }\n\n.u-form-item .u-input-group-outer .u-input-before + .u-form-control {\n border-bottom-left-radius: 0 !important;\n border-top-left-radius: 0 !important; }\n\n.u-form-item .u-input-group-outer .u-input-after {\n border-left: none;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px; }\n\n.u-mast {\n color: #F22C1D;\n position: relative;\n top: 2px;\n margin-right: 2px; }\n\n/* FormGroup */\n/* Navlayout */\n.u-popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1540;\n display: none;\n padding: 1px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border-radius: 6px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }\n .u-popover > .arrow, .u-popover > .arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid; }\n .u-popover > .arrow {\n border-width: 10px; }\n .u-popover > .arrow:after {\n border-width: 10px;\n content: \"\"; }\n .u-popover.top, .u-popover.top-right, .u-popover.top-left {\n margin-top: -10px; }\n .u-popover.top .arrow, .u-popover.top-right .arrow, .u-popover.top-left .arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: #999;\n bottom: -11px; }\n .u-popover.top .arrow:after, .u-popover.top-right .arrow:after, .u-popover.top-left .arrow:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: #fff; }\n .u-popover.top-right .arrow {\n left: auto;\n right: 20px; }\n .u-popover.top-left .arrow {\n left: 20px; }\n .u-popover.right, .u-popover.right-top, .u-popover.right-bottom {\n margin-left: 10px; }\n .u-popover.right .arrow, .u-popover.right-top .arrow, .u-popover.right-bottom .arrow {\n top: 50%;\n left: -11px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: #999; }\n .u-popover.right .arrow:after, .u-popover.right-top .arrow:after, .u-popover.right-bottom .arrow:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: #fff; }\n .u-popover.right-top .arrow {\n top: 20px; }\n .u-popover.right-bottom .arrow {\n top: auto;\n bottom: 10px; }\n .u-popover.left, .u-popover.left-top, .u-popover.left-bottom {\n margin-left: -10px; }\n .u-popover.left .arrow, .u-popover.left-top .arrow, .u-popover.left-bottom .arrow {\n top: 50%;\n right: -11px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: #999; }\n .u-popover.left .arrow:after, .u-popover.left-top .arrow:after, .u-popover.left-bottom .arrow:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: #fff;\n bottom: -10px; }\n .u-popover.left-top .arrow {\n top: 20px; }\n .u-popover.left-bottom .arrow {\n top: auto;\n bottom: 10px; }\n .u-popover.bottom, .u-popover.bottom-right, .u-popover.bottom-left {\n margin-top: 10px; }\n .u-popover.bottom .arrow, .u-popover.bottom-right .arrow, .u-popover.bottom-left .arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: #999;\n top: -11px; }\n .u-popover.bottom .arrow:after, .u-popover.bottom-right .arrow:after, .u-popover.bottom-left .arrow:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: #fff; }\n .u-popover.bottom-right .arrow {\n right: 20px;\n left: auto; }\n .u-popover.bottom-left .arrow {\n left: 20px; }\n .u-popover .u-popover-content {\n padding: 9px 14px; }\n\n/* FormGroup */\n/* Navlayout */\n.u-tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 12px;\n opacity: 0; }\n .u-tooltip.in {\n opacity: 0.9 !important; }\n .u-tooltip .tooltip-arrow {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid; }\n .u-tooltip .tooltip-inner {\n max-width: 200px;\n padding: 3px 8px;\n color: #fff;\n background-color: #000;\n border-radius: 4px;\n word-wrap: break-word; }\n .u-tooltip.right {\n padding: 0 5px; }\n .u-tooltip.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #000; }\n .u-tooltip.top {\n padding: 5px 0; }\n .u-tooltip.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000; }\n .u-tooltip.left {\n padding: 0 5px; }\n .u-tooltip.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #000; }\n .u-tooltip.bottom {\n padding: 5px 0; }\n .u-tooltip.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000; }\n .u-tooltip.inverse-arrow.right .tooltip-arrow {\n top: 50%;\n left: auto;\n right: 0;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #000; }\n .u-tooltip.inverse-arrow.left .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #000; }\n .u-tooltip.inverse-arrow.top .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000; }\n .u-tooltip.inverse-arrow.bottom .tooltip-arrow {\n top: auto;\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000; }\n .u-tooltip.inverse.bottom .tooltip-arrow::after {\n top: 1px;\n margin-left: -5px;\n border-top-width: 0;\n border-bottom-color: #fff; }\n .u-tooltip.inverse.bottom .tooltip-arrow {\n border-bottom-color: #d9d9d9; }\n .u-tooltip.inverse-arrow.inverse.top .tooltip-arrow::after {\n top: 1px;\n margin-left: -5px;\n border-top-width: 0;\n border-bottom-color: #fff;\n border-bottom-width: inherit; }\n .u-tooltip.inverse-arrow.inverse.top .tooltip-arrow {\n border-bottom-color: #d9d9d9; }\n .u-tooltip.inverse.left .tooltip-arrow::after {\n border-right-width: 0;\n top: -5px;\n margin-left: -6px;\n border-left-color: #fff; }\n .u-tooltip.inverse.left .tooltip-arrow {\n border-left-color: #d9d9d9; }\n .u-tooltip.inverse-arrow.inverse.right .tooltip-arrow::after {\n border-right-width: 0;\n top: -5px;\n margin-left: -6px;\n border-left-color: #fff;\n border-left-width: inherit; }\n .u-tooltip.inverse-arrow.inverse.right .tooltip-arrow {\n border-left-color: #d9d9d9; }\n .u-tooltip.inverse.right .tooltip-arrow::after {\n border-left-width: 0;\n top: -5px;\n margin-left: 1px;\n border-right-color: #fff; }\n .u-tooltip.inverse.right .tooltip-arrow {\n border-right-color: #d9d9d9; }\n .u-tooltip.inverse-arrow.inverse.left .tooltip-arrow::after {\n border-left-width: 0;\n top: -5px;\n margin-left: 1px;\n border-right-color: #fff;\n border-right-width: inherit; }\n .u-tooltip.inverse-arrow.inverse.left .tooltip-arrow {\n border-right-color: #d9d9d9; }\n .u-tooltip.inverse.top .tooltip-arrow::after {\n top: -6px;\n margin-left: -5px;\n border-bottom-width: 0;\n border-bottom-color: #d9d9d9;\n border-top-color: #fff; }\n .u-tooltip.inverse.top .tooltip-arrow {\n border-top-color: #d9d9d9; }\n .u-tooltip.inverse-arrow.inverse.bottom .tooltip-arrow::after {\n top: -6px;\n margin-left: -5px;\n border-bottom-width: 0;\n border-bottom-color: #d9d9d9;\n border-top-color: #fff;\n border-top-width: inherit; }\n .u-tooltip.inverse-arrow.inverse.bottom .tooltip-arrow {\n border-top-color: #d9d9d9; }\n .u-tooltip.inverse .tooltip-inner {\n background-color: #fff;\n color: #333333;\n border: 1px solid #d9d9d9; }\n .u-tooltip.inverse .tooltip-arrow::after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border: 5px solid transparent;\n content: \" \"; }\n\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n/**\n * 加载背景\n */\n/**\n * 文字\n */\n.u-loading-desc {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n font-size: 16px;\n color: #000;\n text-align: center; }\n\n/**\n * default样式 单个圆圈加载\n */\n.u-loading.u-loading-rotate > div {\n position: absolute;\n border-radius: 100%;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n border: 2px solid #0084ff;\n border-bottom-color: transparent;\n width: 40px;\n height: 40px;\n top: 50%;\n left: 50%;\n margin-left: -22px;\n margin-top: -22px;\n background: transparent !important;\n display: inline-block;\n -webkit-animation: rotate 0.75s 0s linear infinite;\n animation: rotate 0.75s 0s linear infinite; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-lg > div {\n margin-left: -35px;\n margin-top: -35px;\n width: 60px;\n height: 60px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-sm > div {\n margin-left: -15px;\n margin-top: -15px;\n width: 25px;\n height: 25px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-primary > div {\n border: 2px solid #3f51b5;\n border-bottom-color: transparent; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-success > div {\n border: 2px solid #4caf50;\n border-bottom-color: transparent; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-warning > div {\n border: 2px solid #ff9800;\n border-bottom-color: transparent; }\n\n.u-loading-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1900;\n opacity: .7;\n filter: blur(0.5px);\n background-color: #fff; }\n .u-loading-backdrop.full-screen {\n position: fixed; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(1);\n transform: rotate(0deg) scale(1); }\n 50% {\n -webkit-transform: rotate(180deg) scale(0.6);\n transform: rotate(180deg) scale(0.6); }\n 100% {\n -webkit-transform: rotate(360deg) scale(1);\n transform: rotate(360deg) scale(1); } }\n\n.u-loading.u-loading-line {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -30px;\n margin-left: -25px; }\n .u-loading.u-loading-line > div {\n background-color: #C2C3C5;\n width: 6px;\n height: 50px;\n border-radius: 2px;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block; }\n .u-loading.u-loading-line.u-loading-line-lg {\n margin-top: -50px;\n margin-left: -30px; }\n .u-loading.u-loading-line.u-loading-line-lg > div {\n width: 8px;\n height: 90px; }\n .u-loading.u-loading-line.u-loading-line-sm {\n margin-top: -22px;\n margin-left: -20px; }\n .u-loading.u-loading-line.u-loading-line-sm > div {\n width: 4px;\n height: 35px; }\n .u-loading.u-loading-line div:nth-child(1) {\n -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #F44336; }\n .u-loading.u-loading-line div:nth-child(2) {\n -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #7ED321; }\n .u-loading.u-loading-line div:nth-child(3) {\n -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #0084FF; }\n .u-loading.u-loading-line div:nth-child(4) {\n -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #FF9800; }\n .u-loading.u-loading-line div:nth-child(5) {\n -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #D0021B; }\n .u-loading.u-loading-line.u-loading-line-primary > div {\n background-color: #3f51b5; }\n .u-loading.u-loading-line.u-loading-line-success > div {\n background-color: #4caf50; }\n .u-loading.u-loading-line.u-loading-line-warning > div {\n background-color: #ff9800; }\n\n@keyframes line-scale {\n 0% {\n -webkit-transform: scaley(1);\n transform: scaley(1); }\n 50% {\n -webkit-transform: scaley(0.4);\n transform: scaley(0.4); }\n 100% {\n -webkit-transform: scaley(1);\n transform: scaley(1); } }\n\n.u-table {\n font-size: 12px;\n color: #666;\n position: relative;\n line-height: 1.5;\n overflow: hidden; }\n .u-table-body {\n position: relative; }\n .u-table-hiden-drag {\n position: relative; }\n .u-table-hiden-drag-li {\n position: absolute;\n top: 0px;\n left: 0px; }\n .u-table table {\n width: 100%;\n border-collapse: collapse;\n text-align: left; }\n .u-table th {\n font-weight: bold; }\n .u-table th[colspan] {\n text-align: center; }\n .u-table th ::last-child {\n overflow: hidden; }\n .u-table td {\n border-bottom: 1px solid rgb(233,233,233); }\n .u-table td a {\n color: rgb(30,136,229); }\n .u-table td a:hover {\n color: rgb(66,165,245); }\n .u-table td a:active {\n color: rgb(21,101,192); }\n .u-table tr:hover td .uf-eye {\n visibility: visible !important; }\n .u-table tr tr a {\n color: rgb(30,136,229); }\n .u-table tr tr a:hover {\n color: rgb(66,165,245); }\n .u-table tr tr a:active {\n color: rgb(21,101,192); }\n .u-table tr.tr-row-hover {\n background: rgb(227,242,253); }\n .u-table th,\n .u-table td {\n padding: 12px 8px;\n word-break: break-all; }\n .u-table tr.filterable th {\n padding-top: 4px;\n padding-bottom: 4px; }\n .u-table tr.filterable th .filterContext {\n height: 35px; }\n .u-table-row-hover {\n background: rgb(227,242,253); }\n .u-table-scroll {\n overflow: auto; }\n .u-table-bordered table {\n border: 1px solid rgb(233,233,233);\n box-sizing: border-box;\n table-layout: fixed; }\n .u-table-bordered th {\n border-bottom: 1px solid rgb(233,233,233);\n box-sizing: border-box; }\n .u-table-bordered th,\n .u-table-bordered td {\n border-right: 1px solid rgb(233,233,233);\n box-sizing: border-box; }\n .u-table-drag-border tr th.th-can-not-drag {\n overflow: hidden; }\n .u-table-header {\n overflow: hidden;\n background: rgb(247,247,247);\n color: rgb(102, 102, 102); }\n .u-table.fixed-height td {\n padding: 0px 8px; }\n .u-table-fixed-header .u-table-body {\n background: #fff;\n position: relative; }\n .u-table-fixed-left .u-table-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-header .u-table-fixed-left .u-table-body-inner {\n padding-right: 0px; }\n .u-table-fixed-header .u-table-body-inner {\n height: 100%;\n overflow: scroll; }\n .u-table-fixed-header .u-table-scroll .u-table-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box; }\n .u-table-title {\n padding: 12px 8px;\n border-top: 1px solid rgb(233,233,233); }\n .u-table-content {\n position: relative; }\n .u-table-footer {\n padding: 12px 8px;\n border-bottom: 1px solid rgb(233,233,233); }\n .u-table-footer .u-table-scroll {\n overflow-x: hidden; }\n .u-table-footer .u-table {\n margin: -12px -8px; }\n .u-table-placeholder {\n padding: 12px 8px;\n background: #fff;\n border-bottom: 1px solid rgb(233,233,233);\n text-align: center;\n position: relative; }\n .u-table-expand-icon-col {\n width: 10px; }\n .u-table-row-expand-icon, .u-table-expanded-row-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: 16px;\n border: 1px solid rgb(233,233,233);\n user-select: none;\n background: #fff;\n margin-right: 10px; }\n .u-table-row-spaced, .u-table-expanded-row-spaced {\n visibility: hidden; }\n .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {\n content: \".\"; }\n .u-table-row-expanded:after, .u-table-expanded-row-expanded:after {\n content: \"-\"; }\n .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {\n content: \"+\"; }\n .u-table-row.selected {\n background: rgb(227,242,253); }\n .u-table tr.u-table-expanded-row {\n background: #f7f7f7; }\n .u-table tr.u-table-expanded-row:hover {\n background: #f7f7f7; }\n .u-table tr.u-table-expanded-row .u-table {\n z-index: 1; }\n .u-table-column-hidden {\n display: none; }\n .u-table-prev-columns-page, .u-table-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1; }\n .u-table-prev-columns-page:hover, .u-table-next-columns-page:hover {\n color: #2db7f5; }\n .u-table-prev-columns-page-disabled, .u-table-next-columns-page-disabled {\n cursor: not-allowed;\n color: #999; }\n .u-table-prev-columns-page-disabled:hover, .u-table-next-columns-page-disabled:hover {\n color: #999; }\n .u-table-prev-columns-page {\n margin-right: 8px; }\n .u-table-prev-columns-page:before {\n content: \"<\"; }\n .u-table-next-columns-page {\n float: right; }\n .u-table-next-columns-page:before {\n content: \">\"; }\n .u-table-fixed-left, .u-table-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1; }\n .u-table-fixed-left table, .u-table-fixed-right table {\n width: auto;\n background: #fff; }\n .u-table-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-left-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-left-fixed-header .u-table-fixed-left .u-table-fixed-left-body-inner {\n padding-right: 0; }\n .u-table-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-right-expanded-row {\n color: transparent;\n pointer-events: none; }\n .u-table-scroll-position-left .u-table-fixed-left {\n box-shadow: none; }\n .u-table-scroll-position-right .u-table-fixed-right {\n box-shadow: none; }\n .u-table-thead .filter-text, .u-table-thead .filter-dropdown, .u-table-thead .filter-date {\n font-weight: normal; }\n .u-table-thead .filter-wrap {\n display: flex;\n justify-content: center;\n align-items: center; }\n .u-table-thead .filter-wrap .filter-btns {\n min-width: 58px; }\n .u-table-thead th {\n background: rgb(247,247,247);\n color: rgb(102, 102, 102);\n background-clip: padding-box;\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 .u-table-thead th .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 1em;\n vertical-align: middle;\n text-align: center;\n display: inline-block; }\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-down,\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-up, .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-flat {\n line-height: 6px;\n display: block;\n width: 34px;\n cursor: pointer; }\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-up,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .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.66667) rotate(0deg);\n -ms-transform: scale(0.66667) rotate(0deg);\n transform: scale(0.66667) 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 .u-table-thead th:hover .bee-table-column-sorter {\n display: inline-block; }\n .u-table-thead .th-drag {\n cursor: move; }\n .u-table-thead .th-drag:hover {\n background: rgb(227,242,253); }\n .u-table-thead .th-drag-hover {\n background: #ccc; }\n .u-table-thead-th {\n position: relative; }\n .u-table-thead-th-drag-gap {\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n width: 20px;\n box-sizing: border-box;\n z-index: 1; }\n .u-table-thead-th-drag-gap .online {\n height: 100%;\n width: 1px;\n background: transparent;\n margin: 0 auto; }\n .u-table-thead-th-drag-gap .online-hover {\n background: #000000; }\n .u-table-thead-th-drag-gap:hover {\n cursor: col-resize; }\n .u-table-thead-th-drag-gap:hover .online {\n background: #000000; }\n .u-table-thead-th:last-child-drag-gap {\n border: none; }\n .u-table-filter-column-pop-cont {\n margin: 10px;\n margin-top: 0px;\n height: 300px;\n overflow-y: scroll; }\n .u-table-filter-column-clear-setting {\n border-bottom: 1px solid #ccc;\n cursor: pointer; }\n .u-table-filter-column-cont {\n position: relative; }\n .u-table-filter-column-filter-icon {\n position: absolute;\n top: 3px;\n right: 18px;\n width: 22px;\n height: 25px;\n line-height: 25px;\n z-index: 2;\n background: #f7f7f7; }\n .u-table-filter-column-filter-iconi.uf {\n padding: 0px; }\n .u-table-filter-column-pop-cont-item {\n margin-top: 10px;\n line-height: 30px;\n cursor: pointer; }\n .u-table-filter-column-pop-cont-item > span {\n margin-left: 5px;\n width: 100px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .u-table-filter-column-pop .u-modal-dialog {\n border: 1px solid #ccc;\n background: #fff; }\n .u-table-row-fixed-columns-in-body {\n display: none;\n pointer-events: none; }\n .u-table .u-checkbox {\n height: 16px;\n line-height: 16px; }\n\n.u-table:focus {\n outline: none;\n box-shadow: 0 0 0; }\n\n.u-table-bordered .u-table-drag-gap {\n background: #e9e9e9; }\n\n.u-table.bordered table {\n border-collapse: collapse; }\n\n.u-table.bordered th,\n.u-table.bordered td {\n border: 1px solid rgb(233,233,233); }\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.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.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running; }\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running; }\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: rgb(238,238,238); }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 80% {\n background: rgb(238,238,238); }\n 100% {\n background: transparent;\n opacity: 1; } }\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0; } }\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.editable-cell {\n position: relative; }\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px; }\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px; }\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.editable-cell-icon {\n line-height: 28px;\n display: none; }\n\n.editable-cell-icon-check {\n line-height: 28px; }\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block; }\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5; }\n\n.editable-add-btn {\n margin-bottom: 8px; }\n\n.search-component {\n margin-bottom: 20px; }\n .search-component .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer; }\n .search-component.u-input-group.simple {\n float: right; }\n .search-component.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px; }\n .search-component.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute; }\n\n.col-resize-container {\n height: 0px;\n position: relative; }\n .col-resize-container + .table-col-resizer:first-of-type {\n table-layout: fixed; }\n .col-resize-container .active-drag .icon {\n visibility: visible; }\n .col-resize-container .last-handle {\n display: none; }\n .col-resize-container .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize; }\n .col-resize-container .drag-handle .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden; }\n .col-resize-container .drag-handle .icon:first-child {\n left: -2px; }\n .col-resize-container .drag-handle .icon:last-child {\n left: 6px; }\n .col-resize-container .drag-handle:hover .icon {\n visibility: visible; }\n .col-resize-container .drag-handle:hover .col-resizer {\n border: 1px solid; }\n .col-resize-container .drag-handle.disabled-drag {\n cursor: default;\n display: none; }\n .col-resize-container .drag-handle .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px; }\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800; }\n .u-filter-dropdown-menu-wrap .u-dropdown-menu li.u-dropdown-menu-item {\n line-height: 32px;\n height: 32px;\n padding: 0px 16px 0 16px;\n cursor: pointer; }\n\n.u-row-hover {\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: #E7F2FC; }\n\n.u-row-hover2 {\n position: absolute;\n left: 100; }\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::-webkit-scrollbar-track {\n display: none; }\n\n::-webkit-scrollbar-track-piece {\n display: none; }\n\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n.u-form-control {\n position: relative;\n display: inline-block;\n padding: 0 12px;\n width: 100%;\n height: 30px;\n cursor: text;\n font-size: 14px;\n line-height: 1.5;\n color: #424242;\n background-color: #fff;\n background-image: none;\n border: 1px solid #bdbdbd;\n border-radius: 3px;\n transition: all .3s; }\n .u-form-control:focus {\n border-color: #66afe9;\n outline: 0; }\n .u-form-control::-ms-clear, .u-form-control ::-ms-reveal {\n display: none; }\n\n.u-form-control[disabled] {\n background: #eee;\n border-color: #e0e0e0;\n color: #BDBDBD;\n cursor: not-allowed; }\n\n.u-form-control.lg {\n height: 38px;\n font-size: 14px; }\n\n.u-form-control.sm {\n font-size: 12px;\n height: 24px; }\n\n.u-form-control-search-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n height: 28px;\n padding: 4px;\n width: 100%; }\n .u-form-control-search-wrapper .u-form-control-search-action {\n color: #ccc;\n position: absolute;\n top: 2px;\n right: 2px;\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 14px;\n text-decoration: none; }\n .u-form-control-search-wrapper .u-form-control-search-action .uf {\n transition: all .3s;\n font-size: 12px;\n color: #ccc; }\n .u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before {\n content: \"\\e603\"; }\n\n.u-form-control-affix-wrapper {\n position: relative;\n display: inline-block;\n width: 100%; }\n .u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n z-index: 2;\n line-height: 0;\n right: 7px;\n color: rgba(0, 0, 0, 0.65); }\n\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n.u-input-group-addon {\n padding: 6px 12px;\n font-size: 14px;\n font-weight: 400;\n line-height: 1;\n color: #555;\n text-align: center;\n background-color: #eee;\n border: 1px solid #ccc;\n border-radius: 4px;\n width: 1%;\n white-space: nowrap;\n vertical-align: middle;\n display: table-cell; }\n .u-input-group-addon:last-child {\n border-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n .u-input-group-addon:first-child {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n/* FormGroup */\n/* Navlayout */\n.u-input-group-btn {\n font-size: 0;\n white-space: nowrap;\n position: relative;\n width: 1%;\n vertical-align: middle;\n display: table-cell; }\n .u-input-group-btn .u-button {\n position: relative; }\n\n.u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group > button, .u-input-group-btn:first-child > .dropdown-toggle, .u-input-group-btn:last-child > .btn-group:not(:last-child) > button, .u-input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n.u-input-group-btn:first-child > .btn-group:not(:first-child) > button, .u-input-group-btn:first-child > button:not(:first-child), .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group > button, .u-input-group-btn:last-child > .dropdown-toggle {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n\n.u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group {\n margin-left: -1px; }\n\n.u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group {\n margin-right: -1px; }\n\n.u-input-group {\n position: relative;\n display: table;\n border-collapse: separate; }\n .u-input-group .u-input-group-btn .u-button {\n border: 1px solid #ccc;\n height: 30px;\n line-height: 1.3; }\n .u-input-group .u-form-control {\n position: relative;\n float: left;\n width: 100%;\n margin-bottom: 0;\n display: table-cell; }\n .u-input-group .u-form-control:first-child {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n .u-input-group .u-form-control:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n .u-input-group .u-form-control:not(:first-child):not(:last-child) {\n border-radius: 0; }\n .u-input-group.simple .u-form-control {\n border-radius: 3px; }\n .u-input-group.simple .u-input-group-btn {\n position: absolute;\n top: 2px;\n bottom: 0;\n right: 5px;\n min-width: 20px; }\n .u-input-group.simple .u-form-control:not(:last-child) {\n padding-right: 23px; }\n\n.rc-calendar {\n box-sizing: border-box; }\n\n.rc-calendar * {\n box-sizing: border-box; }\n\n.rc-calendar-hidden {\n display: none; }\n\n.rc-calendar-input-wrap {\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9; }\n\n.rc-calendar-input-wrap:after {\n content: '';\n clear: both; }\n\n.rc-calendar-date-input-wrap {\n overflow: hidden; }\n\n.rc-calendar-time-picker {\n position: absolute;\n width: 100%;\n top: 34px;\n background-color: white;\n height: 217px; }\n\n.rc-calendar-time-picker-panel {\n width: 100%;\n position: relative; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {\n display: none; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {\n border: none;\n box-shadow: none; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select {\n width: 84px; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select ul {\n max-height: 217px; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {\n text-align: center;\n padding: 0; }\n\n.rc-calendar-time-picker-wrap {\n float: left;\n width: 100%; }\n\n.rc-calendar-time-picker-wrap .rc-time-picker {\n width: 100%; }\n\n.rc-calendar-time-picker-wrap .rc-time-picker-input {\n padding: 0;\n border: 1px solid transparent;\n outline: 0;\n height: 22px; }\n\n.rc-calendar-time-picker-wrap .rc-time-picker-icon {\n display: none; }\n\n.rc-calendar-input {\n border: 1px solid transparent;\n width: 100%;\n color: #666;\n cursor: text;\n line-height: 1.5;\n outline: 0;\n height: 22px; }\n\n.rc-calendar-input-invalid {\n border-color: red; }\n\n.rc-calendar-clear-btn {\n z-index: 9999;\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0; }\n\n.rc-calendar-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease; }\n\n.rc-calendar-clear-btn:hover:after {\n color: #666; }\n\n.rc-calendar-picker {\n position: absolute;\n left: -9999px;\n top: -9999px;\n z-index: 1800; }\n\n.rc-calendar-picker-hidden {\n display: none; }\n\n.rc-calendar-picker-slide-up-enter {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused; }\n\n.rc-calendar-picker-slide-up-appear {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused; }\n\n.rc-calendar-picker-slide-up-leave {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 1;\n -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n -webkit-animation-play-state: paused;\n animation-play-state: paused; }\n\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {\n -webkit-animation-name: rcDropdownSlideUpIn;\n animation-name: rcDropdownSlideUpIn;\n -webkit-animation-play-state: running;\n animation-play-state: running; }\n\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {\n -webkit-animation-name: rcDropdownSlideDownIn;\n animation-name: rcDropdownSlideDownIn;\n -webkit-animation-play-state: running;\n animation-play-state: running; }\n\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {\n -webkit-animation-name: rcDropdownSlideUpOut;\n animation-name: rcDropdownSlideUpOut;\n -webkit-animation-play-state: running;\n animation-play-state: running; }\n\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {\n -webkit-animation-name: rcDropdownSlideDownOut;\n animation-name: rcDropdownSlideDownOut;\n -webkit-animation-play-state: running;\n animation-play-state: running; }\n\n@-webkit-keyframes rcDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes rcDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes rcDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); } }\n\n@keyframes rcDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); } }\n\n@-webkit-keyframes rcDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes rcDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes rcDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); } }\n\n@keyframes rcDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); } }\n\n.rc-calendar {\n position: relative;\n outline: none;\n font-family: Arial, \"Hiragino Sans GB\", \"Microsoft Yahei\", \"Microsoft Sans Serif\", \"WenQuanYi Micro Hei\", sans-serif;\n width: 253px;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5;\n z-index: 1800; }\n\n.rc-calendar-date-panel,\n.rc-calendar-panel {\n position: relative;\n outline: none; }\n\n.rc-calendar-week-number {\n width: 286px; }\n\n.rc-calendar-week-number-cell {\n text-align: center; }\n\n.rc-calendar-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 0px 5px;\n line-height: 34px;\n text-align: center;\n width: 30px; }\n\n.rc-calendar-header > a:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-header .rc-calendar-prev-month-btn {\n position: absolute;\n left: 25px; }\n\n.rc-calendar-header .rc-calendar-prev-month-btn:after {\n content: '‹'; }\n\n.rc-calendar-header .rc-calendar-next-month-btn {\n position: absolute;\n right: 25px; }\n\n.rc-calendar-header .rc-calendar-next-month-btn:after {\n content: '›'; }\n\n.rc-calendar-year-select,\n.rc-calendar-month-select,\n.rc-calendar-day-select {\n display: inline-block;\n font-size: 12px;\n font-weight: bold;\n color: #666;\n padding: 0 8px;\n line-height: 34px; }\n\n.rc-calendar-year-select:hover,\n.rc-calendar-month-select:hover,\n.rc-calendar-day-select:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-prev-month-btn,\n.rc-calendar-next-month-btn,\n.rc-calendar-prev-year-btn,\n.rc-calendar-next-year-btn {\n position: absolute;\n top: 0;\n cursor: pointer;\n color: #999;\n font-family: Arial, \"Hiragino Sans GB\", \"Microsoft Yahei\", \"Microsoft Sans Serif\", sans-serif;\n padding: 0 5px;\n font-size: 16px;\n display: inline-block;\n line-height: 34px; }\n\n.rc-calendar-prev-month-btn:hover,\n.rc-calendar-next-month-btn:hover,\n.rc-calendar-prev-year-btn:hover,\n.rc-calendar-next-year-btn:hover {\n color: #23c0fa; }\n\n.rc-calendar-next-year-btn {\n right: 0; }\n\n.rc-calendar-next-year-btn:after {\n content: '»'; }\n\n.rc-calendar-prev-year-btn {\n left: 0; }\n\n.rc-calendar-prev-year-btn:after {\n content: '«'; }\n\n.rc-calendar-body {\n padding: 9px 10px 10px;\n height: 217px; }\n\n.rc-calendar table {\n border-collapse: collapse;\n max-width: 100%;\n background-color: transparent;\n width: 100%;\n height: 100%; }\n\n.rc-calendar table,\n.rc-calendar td,\n.rc-calendar th,\n.rc-calendar td {\n border: none; }\n\n.rc-calendar-table {\n border-spacing: 0;\n margin-bottom: 0; }\n\n.rc-calendar-column-header {\n line-height: 18px;\n padding: 6px 0;\n width: 33px;\n text-align: center; }\n\n.rc-calendar-column-header .rc-calendar-column-header-inner {\n display: block;\n font-weight: normal; }\n\n.rc-calendar-week-number-header .rc-calendar-column-header-inner {\n display: none; }\n\n.rc-calendar-cell {\n padding: 1px 0; }\n\n.rc-calendar-date {\n display: block;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n width: 26px;\n height: 26px;\n padding: 0;\n background: transparent;\n line-height: 26px;\n text-align: center; }\n\n.rc-calendar-date:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-selected-day .rc-calendar-date {\n background: #d9f4fe; }\n\n.rc-calendar-selected-date .rc-calendar-date {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-selected-date .rc-calendar-date:hover {\n background: #3fc7fa; }\n\n.rc-calendar-today .rc-calendar-date {\n border: 1px solid #3fc7fa; }\n\n.rc-calendar-disabled-cell .rc-calendar-date {\n cursor: not-allowed;\n color: #bcbcbc;\n background: #f3f3f3;\n border-radius: 0;\n width: auto; }\n\n.rc-calendar-disabled-cell .rc-calendar-date:hover {\n background: #f3f3f3; }\n\n.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n\n.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n\n.rc-calendar-last-month-cell .rc-calendar-date,\n.rc-calendar-next-month-btn-day .rc-calendar-date {\n color: #bbb; }\n\n.rc-calendar-footer {\n border-top: 1px solid #ccc;\n padding: 10px 0;\n text-align: center;\n position: relative; }\n\n.rc-calendar-footer .rc-time-picker {\n width: 90px; }\n\n.rc-calendar-footer .rc-time-picker-input {\n height: 24px; }\n\n.rc-calendar-footer-show-ok {\n text-align: right; }\n\n.rc-calendar-footer-show-ok .rc-calendar-footer-btn {\n padding-right: 12px; }\n\n.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {\n margin-left: 0;\n padding: 0 12px; }\n\n.rc-calendar-footer-show-ok .rc-calendar-today-btn {\n float: left;\n padding-left: 12px; }\n\n.rc-calendar-footer-btn {\n margin-top: 2px; }\n\n.rc-calendar-footer-btn:after {\n content: 'x';\n height: 0;\n font-size: 0;\n overflow: hidden;\n clear: both; }\n\n.rc-calendar-time-picker-btn {\n margin-left: 10px; }\n\n.rc-calendar-today-btn,\n.rc-calendar-ok-btn,\n.rc-calendar-time-picker-btn {\n display: inline-block;\n text-align: center;\n color: #f46830; }\n\n.rc-calendar-today-btn:hover,\n.rc-calendar-ok-btn:hover,\n.rc-calendar-time-picker-btn:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-today-btn-disabled,\n.rc-calendar-ok-btn-disabled,\n.rc-calendar-time-picker-btn-disabled {\n color: #bbb; }\n\n.rc-calendar-today-btn-disabled:hover,\n.rc-calendar-ok-btn-disabled:hover,\n.rc-calendar-time-picker-btn-disabled:hover {\n color: #bbb; }\n\n.rc-calendar-today-btn {\n padding-left: 10px; }\n\n.rc-calendar-time-input {\n height: 25px;\n position: relative;\n display: inline-block;\n margin: 0 0;\n padding: 4px 10px;\n border-radius: 6px 6px;\n border: 1px solid #d9d9d9;\n background-color: #ffffff;\n color: #666;\n line-height: 1.5;\n -webkit-transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n width: 40px; }\n\n.rc-calendar-time-input:hover {\n border-color: #23c0fa; }\n\n.rc-calendar-time-input:focus {\n border-color: #23c0fa;\n box-shadow: 0 0 3px #23c0fa; }\n\n.rc-calendar-time-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none; }\n\n.rc-calendar-time-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-time-panel-body {\n padding: 9px 10px 10px; }\n\n.rc-calendar-time-panel-title {\n width: 180px;\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n height: 30px;\n line-height: 22px;\n border-radius: 4px; }\n\n.rc-calendar-time-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 100%;\n border-collapse: separate; }\n\n.rc-calendar-time-panel-cell {\n text-align: center;\n height: 42px;\n vertical-align: middle; }\n\n.rc-calendar-time-panel-time {\n line-height: 26px;\n display: block;\n border-radius: 4px;\n width: 26px;\n margin: 0 auto; }\n\n.rc-calendar-time-panel-time:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-month-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none; }\n\n.rc-calendar-month-panel-hidden {\n display: none; }\n\n.rc-calendar-month-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-month-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n width: 30px; }\n\n.rc-calendar-month-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-month-panel-prev-year-btn,\n.rc-calendar-month-panel-next-year-btn {\n position: absolute;\n top: 0; }\n\n.rc-calendar-month-panel-next-year-btn:after {\n content: '»'; }\n\n.rc-calendar-month-panel-prev-year-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0; }\n\n.rc-calendar-month-panel-prev-year-btn:after {\n content: '«'; }\n\n.rc-calendar-month-panel .rc-calendar-month-panel-year-select {\n width: 180px; }\n\n.rc-calendar-month-panel-year-select-arrow {\n display: none; }\n\n.rc-calendar-month-panel-next-year-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0; }\n\n.rc-calendar-month-panel-body, .rc-calendar-year-panel-body, .rc-calendar-decade-panel-body {\n padding: 9px 10px 10px;\n height: calc(100% - 30px); }\n\n.rc-calendar-month-panel > div, .rc-calendar-year-panel > div {\n height: 100%; }\n\n.rc-calendar-month-panel-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: separate; }\n\n.rc-calendar-month-panel-cell {\n text-align: center; }\n\n.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {\n display: block;\n width: 46px;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center; }\n\n.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {\n color: #bfbfbf; }\n\n.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {\n background: white;\n cursor: not-allowed; }\n\n.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar > .rc-calendar-year-panel {\n position: relative; }\n\n.rc-calendar-year-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none; }\n\n.rc-calendar-year-panel-hidden {\n display: none; }\n\n.rc-calendar-year-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-year-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n width: 30px; }\n\n.rc-calendar-year-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-year-panel-prev-decade-btn,\n.rc-calendar-year-panel-next-decade-btn {\n position: absolute;\n top: 0; }\n\n.rc-calendar-year-panel-next-decade-btn:after {\n content: '»'; }\n\n.rc-calendar-year-panel-prev-decade-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0; }\n\n.rc-calendar-year-panel-prev-decade-btn:after {\n content: '«'; }\n\n.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {\n width: 180px; }\n\n.rc-calendar-year-panel-decade-select-arrow {\n display: none; }\n\n.rc-calendar-year-panel-next-decade-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0; }\n\n.rc-calendar-year-panel-body {\n padding: 9px 10px 10px; }\n\n.rc-calendar-year-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 255px;\n border-collapse: separate; }\n\n.rc-calendar-year-panel-cell {\n text-align: center; }\n\n.rc-calendar-year-panel-year {\n display: block;\n width: 46px;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center; }\n\n.rc-calendar-year-panel-year:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,\n.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n color: rgba(0, 0, 0, 0.25); }\n\n.rc-calendar-decade-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none; }\n\n.rc-calendar-decade-panel-hidden {\n display: none; }\n\n.rc-calendar-decade-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-decade-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 1px 5px;\n text-align: center;\n width: 30px; }\n\n.rc-calendar-decade-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-decade-panel-prev-century-btn,\n.rc-calendar-decade-panel-next-century-btn {\n position: absolute;\n top: 0; }\n\n.rc-calendar-decade-panel-next-century-btn:after {\n content: '»'; }\n\n.rc-calendar-decade-panel-prev-century-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0; }\n\n.rc-calendar-decade-panel-prev-century-btn:after {\n content: '«'; }\n\n.rc-calendar-decade-panel-next-century-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0; }\n\n.rc-calendar-decade-panel-body {\n padding: 9px 10px 10px; }\n\n.rc-calendar-decade-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 255px;\n border-collapse: separate; }\n\n.rc-calendar-decade-panel-cell {\n text-align: center; }\n\n.rc-calendar-decade-panel-decade {\n display: block;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center; }\n\n.rc-calendar-decade-panel-decade:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,\n.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n color: rgba(0, 0, 0, 0.25); }\n\n.rc-calendar-range {\n width: 502px;\n overflow: hidden; }\n\n.rc-calendar-range-part {\n width: 250px;\n position: relative; }\n\n.rc-calendar-range-part .rc-calendar-time-picker {\n top: 69px; }\n\n.rc-calendar-range-part .rc-calendar-time-picker-panel-select {\n width: 77px; }\n\n.rc-calendar-range-left {\n float: left; }\n\n.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {\n border-right: 1px solid #e9e9e9; }\n\n.rc-calendar-range-right {\n float: right; }\n\n.rc-calendar-range-right .rc-calendar-time-picker-panel {\n left: 21px; }\n\n.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {\n border-left: 1px solid #e9e9e9; }\n\n.rc-calendar-range-middle {\n position: absolute;\n margin-left: -10px;\n text-align: center;\n height: 35px;\n line-height: 35px; }\n\n.rc-calendar-range .rc-calendar-date-panel::after {\n content: \".\";\n display: block;\n height: 0;\n clear: both;\n visibility: hidden; }\n\n.rc-calendar-range .rc-calendar-input-wrap {\n height: 35px; }\n\n.rc-calendar-range .rc-calendar-input,\n.rc-calendar-range .rc-time-picker-input {\n padding: 1px 7px;\n height: 22px; }\n\n.rc-calendar-range .rc-calendar-body,\n.rc-calendar-range .rc-calendar-decade-panel-body,\n.rc-calendar-range .rc-calendar-year-panel-body,\n.rc-calendar-range .rc-calendar-month-panel-body {\n border-bottom: 1px solid #e9e9e9; }\n\n.rc-calendar-range.rc-calendar-week-number {\n width: 574px; }\n\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {\n width: 286px; }\n\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {\n top: 69px; }\n\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {\n width: 89px; }\n\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {\n left: 36px; }\n\n.rc-calendar-range .rc-calendar-year-panel,\n.rc-calendar-range .rc-calendar-month-panel,\n.rc-calendar-range .rc-calendar-decade-panel {\n top: 35px; }\n\n.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {\n top: 0; }\n\n.rc-calendar-range .rc-calendar-decade-panel-table,\n.rc-calendar-range .rc-calendar-year-panel-table,\n.rc-calendar-range .rc-calendar-month-panel-table {\n height: 198px; }\n\n.rc-calendar-range .rc-calendar-in-range-cell {\n background: #ebf4f8;\n border-radius: 0; }\n\n.rc-calendar-range-bottom {\n text-align: right; }\n\n.rc-calendar-range .rc-calendar-footer {\n border-top: none;\n padding: 0; }\n\n.rc-calendar-range .rc-calendar-footer-btn {\n padding: 10px 12px 10px 0; }\n\n.rc-calendar-range .rc-calendar-ok-btn {\n position: static; }\n\n.rc-calendar-range .rc-calendar-today-btn {\n float: left; }\n\n.rc-calendar-full {\n width: 275px; }\n\n.rc-calendar-full-header {\n padding: 5px 10px;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n overflow: hidden; }\n\n.rc-calendar-full-header-month-select,\n.rc-calendar-full-header-year-select {\n width: 70px;\n float: right;\n margin-right: 5px; }\n\n.rc-calendar-full-header-switcher {\n float: right;\n display: inline-block; }\n\n.rc-calendar-full-header-switcher-normal:hover {\n border-color: #23c0fa;\n box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);\n cursor: pointer; }\n\n.rc-calendar-full-header-switcher-focus {\n border-color: #3fc7fa;\n background-color: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-full-header-switcher > span {\n float: left;\n height: 28px;\n line-height: 24px;\n border: 1px solid #d9d9d9;\n padding: 0 10px;\n color: #666; }\n\n.rc-calendar-full-header-switcher > span:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n border-right: none; }\n\n.rc-calendar-full-header-switcher > span:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left: none; }\n\n.rc-calendar-fullscreen {\n width: auto; }\n\n.rc-calendar-fullscreen .rc-calendar-full-header {\n border-bottom: none; }\n\n.rc-calendar-fullscreen .rc-calendar-column-header {\n text-align: right;\n padding-right: 12px; }\n\n.rc-calendar-fullscreen .rc-calendar-cell {\n padding: 0; }\n\n.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {\n display: block;\n height: 116px;\n width: auto;\n border-radius: 0;\n margin: 0 4px;\n border: none;\n border-top: 2px solid #eee;\n text-align: right;\n padding-right: 8px; }\n\n.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n background-color: #ebfaff;\n color: #666; }\n\n.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n border-top-color: #3FC7FA;\n color: #3FC7FA; }\n\n.week-calendar-sidebar-button {\n padding: 3px 5px;\n font-size: 1.2rem;\n color: white;\n background-color: #1e88e5;\n border: 1px #1e88e5 solid;\n border-radius: 0.4rem;\n position: relative;\n min-width: 7.2rem;\n display: inline-block;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n vertical-align: middle; }\n\n.rc-time-picker {\n display: inline-block;\n box-sizing: border-box; }\n\n.rc-time-picker * {\n box-sizing: border-box; }\n\n.rc-time-picker-input {\n width: 100%;\n position: relative;\n display: inline-block;\n padding: 4px 7px;\n height: 28px;\n cursor: text;\n font-size: 12px;\n line-height: 1.5;\n color: #666;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\n\n.rc-time-picker-input[disabled] {\n color: #ccc;\n background: #f7f7f7;\n cursor: not-allowed; }\n\n.rc-time-picker-panel {\n z-index: 1070;\n width: 170px;\n position: absolute;\n box-sizing: border-box; }\n\n.rc-time-picker-panel * {\n box-sizing: border-box; }\n\n.rc-time-picker-panel-inner {\n display: inline-block;\n position: relative;\n outline: none;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5; }\n\n.rc-time-picker-panel-narrow {\n max-width: 113px; }\n\n.rc-time-picker-panel-input {\n margin: 0;\n padding: 0;\n width: 100%;\n cursor: auto;\n line-height: 1.5;\n outline: 0;\n border: 1px solid transparent; }\n\n.rc-time-picker-panel-input-wrap {\n box-sizing: border-box;\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9; }\n\n.rc-time-picker-panel-input-invalid {\n border-color: red; }\n\n.rc-time-picker-panel-clear-btn {\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0; }\n\n.rc-time-picker-panel-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease; }\n\n.rc-time-picker-panel-clear-btn:hover:after {\n color: #666; }\n\n.rc-time-picker-panel-select {\n float: left;\n font-size: 12px;\n border: 1px solid #e9e9e9;\n border-width: 0 1px;\n margin-left: -1px;\n box-sizing: border-box;\n width: 56px;\n max-height: 144px;\n overflow-y: auto;\n position: relative; }\n\n.rc-time-picker-panel-select-active {\n overflow-y: auto; }\n\n.rc-time-picker-panel-select:first-child {\n border-left: 0;\n margin-left: 0; }\n\n.rc-time-picker-panel-select:last-child {\n border-right: 0; }\n\n.rc-time-picker-panel-select ul {\n list-style: none;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 100%; }\n\n.rc-time-picker-panel-select li {\n list-style: none;\n box-sizing: content-box;\n margin: 0;\n padding: 0 0 0 16px;\n width: 100%;\n height: 24px;\n line-height: 24px;\n text-align: left;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.rc-time-picker-panel-select li:hover {\n background: #edfaff; }\n\nli.rc-time-picker-panel-select-option-selected {\n background: #f7f7f7;\n font-weight: bold; }\n\nli.rc-time-picker-panel-select-option-disabled {\n color: #ccc; }\n\nli.rc-time-picker-panel-select-option-disabled:hover {\n background: transparent;\n cursor: not-allowed; }\n\n.calendar-picker {\n width: 300px; }\n\n.icon-container {\n position: relative; }\n\n.datepicker-input-group.u-input-group {\n display: block; }\n\n.selected {\n background: #e3f2fd; }\n\n.demo25 {\n width: 700px;\n height: 100%; }\n .demo25 .u-table-filter-column-filter-icon {\n right: 15px; }\n\nth .drop-menu .uf {\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px; }\n\nth:hover .uf {\n visibility: visible; }\n\n.demo3 .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px; }\n\n\n.opt-btns button {\n background: #505F79;\n height: 26px;\n color: #FFFFFF;\n line-height: 26px; }\n","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 4/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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@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-form/src/Form.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: rgb(227,242,253);\n}\n\n.demo25{\n width: 700px;\n height: 100%;\n\n .u-table-filter-column-filter-icon{\n right: 15px;\n }\n\n}\n","@import \"minxin-variables\";\r\n\r\n@if $trim-color-classes == false {\r\n // Red\r\n\r\n .red {\r\n color: unquote(\"rgb(#{$palette-red-500})\") !important;\r\n }\r\n\r\n .bg-red {\r\n background-color: unquote(\"rgb(#{$palette-red-500})\") !important;\r\n }\r\n\r\n .red-50 {\r\n color: unquote(\"rgb(#{$palette-red-50})\") !important;\r\n }\r\n\r\n .bg-red-50 {\r\n background-color: unquote(\"rgb(#{$palette-red-50})\") !important;\r\n }\r\n\r\n .red-100 {\r\n color: unquote(\"rgb(#{$palette-red-100})\") !important;\r\n }\r\n\r\n .bg-red-100 {\r\n background-color: unquote(\"rgb(#{$palette-red-100})\") !important;\r\n }\r\n\r\n .red-200 {\r\n color: unquote(\"rgb(#{$palette-red-200})\") !important;\r\n }\r\n\r\n .bg-red-200 {\r\n background-color: unquote(\"rgb(#{$palette-red-200})\") !important;\r\n }\r\n\r\n .red-300 {\r\n color: unquote(\"rgb(#{$palette-red-300})\") !important;\r\n }\r\n\r\n .bg-red-300 {\r\n background-color: unquote(\"rgb(#{$palette-red-300})\") !important;\r\n }\r\n\r\n .red-400 {\r\n color: unquote(\"rgb(#{$palette-red-400})\") !important;\r\n }\r\n\r\n .bg-red-400 {\r\n background-color: unquote(\"rgb(#{$palette-red-400})\") !important;\r\n }\r\n\r\n .red-500 {\r\n color: unquote(\"rgb(#{$palette-red-500})\") !important;\r\n }\r\n\r\n .bg-red-500 {\r\n background-color: unquote(\"rgb(#{$palette-red-500})\") !important;\r\n }\r\n\r\n .red-600 {\r\n color: unquote(\"rgb(#{$palette-red-600})\") !important;\r\n }\r\n\r\n .bg-red-600 {\r\n background-color: unquote(\"rgb(#{$palette-red-600})\") !important;\r\n }\r\n\r\n .red-700 {\r\n color: unquote(\"rgb(#{$palette-red-700})\") !important;\r\n }\r\n\r\n .bg-red-700 {\r\n background-color: unquote(\"rgb(#{$palette-red-700})\") !important;\r\n }\r\n\r\n .red-800 {\r\n color: unquote(\"rgb(#{$palette-red-800})\") !important;\r\n }\r\n\r\n .bg-red-800 {\r\n background-color: unquote(\"rgb(#{$palette-red-800})\") !important;\r\n }\r\n\r\n .red-900 {\r\n color: unquote(\"rgb(#{$palette-red-900})\") !important;\r\n }\r\n\r\n .bg-red-900 {\r\n background-color: unquote(\"rgb(#{$palette-red-900})\") !important;\r\n }\r\n\r\n .red-A100 {\r\n color: unquote(\"rgb(#{$palette-red-A100})\") !important;\r\n }\r\n\r\n .bg-red-A100 {\r\n background-color: unquote(\"rgb(#{$palette-red-A100})\") !important;\r\n }\r\n\r\n .red-A200 {\r\n color: unquote(\"rgb(#{$palette-red-A200})\") !important;\r\n }\r\n\r\n .bg-red-A200 {\r\n background-color: unquote(\"rgb(#{$palette-red-A200})\") !important;\r\n }\r\n\r\n .red-A400 {\r\n color: unquote(\"rgb(#{$palette-red-A400})\") !important;\r\n }\r\n\r\n .bg-red-A400 {\r\n background-color: unquote(\"rgb(#{$palette-red-A400})\") !important;\r\n }\r\n\r\n .red-A700 {\r\n color: unquote(\"rgb(#{$palette-red-A700})\") !important;\r\n }\r\n\r\n .bg-red-A700 {\r\n background-color: unquote(\"rgb(#{$palette-red-A700})\") !important;\r\n }\r\n\r\n // Pink\r\n\r\n .pink {\r\n color: unquote(\"rgb(#{$palette-pink-500})\") !important;\r\n }\r\n\r\n .bg-pink {\r\n background-color: unquote(\"rgb(#{$palette-pink-500})\") !important;\r\n }\r\n\r\n .pink-50 {\r\n color: unquote(\"rgb(#{$palette-pink-50})\") !important;\r\n }\r\n\r\n .bg-pink-50 {\r\n background-color: unquote(\"rgb(#{$palette-pink-50})\") !important;\r\n }\r\n\r\n .pink-100 {\r\n color: unquote(\"rgb(#{$palette-pink-100})\") !important;\r\n }\r\n\r\n .bg-pink-100 {\r\n background-color: unquote(\"rgb(#{$palette-pink-100})\") !important;\r\n }\r\n\r\n .pink-200 {\r\n color: unquote(\"rgb(#{$palette-pink-200})\") !important;\r\n }\r\n\r\n .bg-pink-200 {\r\n background-color: unquote(\"rgb(#{$palette-pink-200})\") !important;\r\n }\r\n\r\n .pink-300 {\r\n color: unquote(\"rgb(#{$palette-pink-300})\") !important;\r\n }\r\n\r\n .bg-pink-300 {\r\n background-color: unquote(\"rgb(#{$palette-pink-300})\") !important;\r\n }\r\n\r\n .pink-400 {\r\n color: unquote(\"rgb(#{$palette-pink-400})\") !important;\r\n }\r\n\r\n .bg-pink-400 {\r\n background-color: unquote(\"rgb(#{$palette-pink-400})\") !important;\r\n }\r\n\r\n .pink-500 {\r\n color: unquote(\"rgb(#{$palette-pink-500})\") !important;\r\n }\r\n\r\n .bg-pink-500 {\r\n background-color: unquote(\"rgb(#{$palette-pink-500})\") !important;\r\n }\r\n\r\n .pink-600 {\r\n color: unquote(\"rgb(#{$palette-pink-600})\") !important;\r\n }\r\n\r\n .bg-pink-600 {\r\n background-color: unquote(\"rgb(#{$palette-pink-600})\") !important;\r\n }\r\n\r\n .pink-700 {\r\n color: unquote(\"rgb(#{$palette-pink-700})\") !important;\r\n }\r\n\r\n .bg-pink-700 {\r\n background-color: unquote(\"rgb(#{$palette-pink-700})\") !important;\r\n }\r\n\r\n .pink-800 {\r\n color: unquote(\"rgb(#{$palette-pink-800})\") !important;\r\n }\r\n\r\n .bg-pink-800 {\r\n background-color: unquote(\"rgb(#{$palette-pink-800})\") !important;\r\n }\r\n\r\n .pink-900 {\r\n color: unquote(\"rgb(#{$palette-pink-900})\") !important;\r\n }\r\n\r\n .bg-pink-900 {\r\n background-color: unquote(\"rgb(#{$palette-pink-900})\") !important;\r\n }\r\n\r\n .pink-A100 {\r\n color: unquote(\"rgb(#{$palette-pink-A100})\") !important;\r\n }\r\n\r\n .bg-pink-A100 {\r\n background-color: unquote(\"rgb(#{$palette-pink-A100})\") !important;\r\n }\r\n\r\n .pink-A200 {\r\n color: unquote(\"rgb(#{$palette-pink-A200})\") !important;\r\n }\r\n\r\n .bg-pink-A200 {\r\n background-color: unquote(\"rgb(#{$palette-pink-A200})\") !important;\r\n }\r\n\r\n .pink-A400 {\r\n color: unquote(\"rgb(#{$palette-pink-A400})\") !important;\r\n }\r\n\r\n .bg-pink-A400 {\r\n background-color: unquote(\"rgb(#{$palette-pink-A400})\") !important;\r\n }\r\n\r\n .pink-A700 {\r\n color: unquote(\"rgb(#{$palette-pink-A700})\") !important;\r\n }\r\n\r\n .bg-pink-A700 {\r\n background-color: unquote(\"rgb(#{$palette-pink-A700})\") !important;\r\n }\r\n\r\n // Purple\r\n\r\n .purple {\r\n color: unquote(\"rgb(#{$palette-purple-500})\") !important;\r\n }\r\n\r\n .bg-purple {\r\n background-color: unquote(\"rgb(#{$palette-purple-500})\") !important;\r\n }\r\n\r\n .purple-50 {\r\n color: unquote(\"rgb(#{$palette-purple-50})\") !important;\r\n }\r\n\r\n .bg-purple-50 {\r\n background-color: unquote(\"rgb(#{$palette-purple-50})\") !important;\r\n }\r\n\r\n .purple-100 {\r\n color: unquote(\"rgb(#{$palette-purple-100})\") !important;\r\n }\r\n\r\n .bg-purple-100 {\r\n background-color: unquote(\"rgb(#{$palette-purple-100})\") !important;\r\n }\r\n\r\n .purple-200 {\r\n color: unquote(\"rgb(#{$palette-purple-200})\") !important;\r\n }\r\n\r\n .bg-purple-200 {\r\n background-color: unquote(\"rgb(#{$palette-purple-200})\") !important;\r\n }\r\n\r\n .purple-300 {\r\n color: unquote(\"rgb(#{$palette-purple-300})\") !important;\r\n }\r\n\r\n .bg-purple-300 {\r\n background-color: unquote(\"rgb(#{$palette-purple-300})\") !important;\r\n }\r\n\r\n .purple-400 {\r\n color: unquote(\"rgb(#{$palette-purple-400})\") !important;\r\n }\r\n\r\n .bg-purple-400 {\r\n background-color: unquote(\"rgb(#{$palette-purple-400})\") !important;\r\n }\r\n\r\n .purple-500 {\r\n color: unquote(\"rgb(#{$palette-purple-500})\") !important;\r\n }\r\n\r\n .bg-purple-500 {\r\n background-color: unquote(\"rgb(#{$palette-purple-500})\") !important;\r\n }\r\n\r\n .purple-600 {\r\n color: unquote(\"rgb(#{$palette-purple-600})\") !important;\r\n }\r\n\r\n .bg-purple-600 {\r\n background-color: unquote(\"rgb(#{$palette-purple-600})\") !important;\r\n }\r\n\r\n .purple-700 {\r\n color: unquote(\"rgb(#{$palette-purple-700})\") !important;\r\n }\r\n\r\n .bg-purple-700 {\r\n background-color: unquote(\"rgb(#{$palette-purple-700})\") !important;\r\n }\r\n\r\n .purple-800 {\r\n color: unquote(\"rgb(#{$palette-purple-800})\") !important;\r\n }\r\n\r\n .bg-purple-800 {\r\n background-color: unquote(\"rgb(#{$palette-purple-800})\") !important;\r\n }\r\n\r\n .purple-900 {\r\n color: unquote(\"rgb(#{$palette-purple-900})\") !important;\r\n }\r\n\r\n .bg-purple-900 {\r\n background-color: unquote(\"rgb(#{$palette-purple-900})\") !important;\r\n }\r\n\r\n .purple-A100 {\r\n color: unquote(\"rgb(#{$palette-purple-A100})\") !important;\r\n }\r\n\r\n .bg-purple-A100 {\r\n background-color: unquote(\"rgb(#{$palette-purple-A100})\") !important;\r\n }\r\n\r\n .purple-A200 {\r\n color: unquote(\"rgb(#{$palette-purple-A200})\") !important;\r\n }\r\n\r\n .bg-purple-A200 {\r\n background-color: unquote(\"rgb(#{$palette-purple-A200})\") !important;\r\n }\r\n\r\n .purple-A400 {\r\n color: unquote(\"rgb(#{$palette-purple-A400})\") !important;\r\n }\r\n\r\n .bg-purple-A400 {\r\n background-color: unquote(\"rgb(#{$palette-purple-A400})\") !important;\r\n }\r\n\r\n .purple-A700 {\r\n color: unquote(\"rgb(#{$palette-purple-A700})\") !important;\r\n }\r\n\r\n .bg-purple-A700 {\r\n background-color: unquote(\"rgb(#{$palette-purple-A700})\") !important;\r\n }\r\n\r\n // Deep Purple.\r\n\r\n .deep-purple {\r\n color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\r\n }\r\n\r\n .bg-deep-purple {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\r\n }\r\n\r\n .deep-purple-50 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-50})\") !important;\r\n }\r\n\r\n .bg-deep-purple-50 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-50})\") !important;\r\n }\r\n\r\n .deep-purple-100 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-100})\") !important;\r\n }\r\n\r\n .bg-deep-purple-100 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-100})\") !important;\r\n }\r\n\r\n .deep-purple-200 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-200})\") !important;\r\n }\r\n\r\n .bg-deep-purple-200 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-200})\") !important;\r\n }\r\n\r\n .deep-purple-300 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-300})\") !important;\r\n }\r\n\r\n .bg-deep-purple-300 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-300})\") !important;\r\n }\r\n\r\n .deep-purple-400 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-400})\") !important;\r\n }\r\n\r\n .bg-deep-purple-400 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-400})\") !important;\r\n }\r\n\r\n .deep-purple-500 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\r\n }\r\n\r\n .bg-deep-purple-500 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\r\n }\r\n\r\n .deep-purple-600 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-600})\") !important;\r\n }\r\n\r\n .bg-deep-purple-600 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-600})\") !important;\r\n }\r\n\r\n .deep-purple-700 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-700})\") !important;\r\n }\r\n\r\n .bg-deep-purple-700 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-700})\") !important;\r\n }\r\n\r\n .deep-purple-800 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-800})\") !important;\r\n }\r\n\r\n .bg-deep-purple-800 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-800})\") !important;\r\n }\r\n\r\n .deep-purple-900 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-900})\") !important;\r\n }\r\n\r\n .bg-deep-purple-900 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-900})\") !important;\r\n }\r\n\r\n .deep-purple-A100 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-A100})\") !important;\r\n }\r\n\r\n .bg-deep-purple-A100 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-A100})\") !important;\r\n }\r\n\r\n .deep-purple-A200 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-A200})\") !important;\r\n }\r\n\r\n .bg-deep-purple-A200 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-A200})\") !important;\r\n }\r\n\r\n .deep-purple-A400 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-A400})\") !important;\r\n }\r\n\r\n .bg-deep-purple-A400 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-A400})\") !important;\r\n }\r\n\r\n .deep-purple-A700 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-A700})\") !important;\r\n }\r\n\r\n .bg-deep-purple-A700 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-A700})\") !important;\r\n }\r\n\r\n // Indigo\r\n\r\n .indigo {\r\n color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\r\n }\r\n\r\n .bg-indigo {\r\n background-color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\r\n }\r\n\r\n .indigo-50 {\r\n color: unquote(\"rgb(#{$palette-indigo-50})\") !important;\r\n }\r\n\r\n .bg-indigo-50 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-50})\") !important;\r\n }\r\n\r\n .indigo-100 {\r\n color: unquote(\"rgb(#{$palette-indigo-100})\") !important;\r\n }\r\n\r\n .bg-indigo-100 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-100})\") !important;\r\n }\r\n\r\n .indigo-200 {\r\n color: unquote(\"rgb(#{$palette-indigo-200})\") !important;\r\n }\r\n\r\n .bg-indigo-200 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-200})\") !important;\r\n }\r\n\r\n .indigo-300 {\r\n color: unquote(\"rgb(#{$palette-indigo-300})\") !important;\r\n }\r\n\r\n .bg-indigo-300 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-300})\") !important;\r\n }\r\n\r\n .indigo-400 {\r\n color: unquote(\"rgb(#{$palette-indigo-400})\") !important;\r\n }\r\n\r\n .bg-indigo-400 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-400})\") !important;\r\n }\r\n\r\n .indigo-500 {\r\n color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\r\n }\r\n\r\n .bg-indigo-500 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\r\n }\r\n\r\n .indigo-600 {\r\n color: unquote(\"rgb(#{$palette-indigo-600})\") !important;\r\n }\r\n\r\n .bg-indigo-600 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-600})\") !important;\r\n }\r\n\r\n .indigo-700 {\r\n color: unquote(\"rgb(#{$palette-indigo-700})\") !important;\r\n }\r\n\r\n .bg-indigo-700 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-700})\") !important;\r\n }\r\n\r\n .indigo-800 {\r\n color: unquote(\"rgb(#{$palette-indigo-800})\") !important;\r\n }\r\n\r\n .bg-indigo-800 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-800})\") !important;\r\n }\r\n\r\n .indigo-900 {\r\n color: unquote(\"rgb(#{$palette-indigo-900})\") !important;\r\n }\r\n\r\n .bg-indigo-900 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-900})\") !important;\r\n }\r\n\r\n .indigo-A100 {\r\n color: unquote(\"rgb(#{$palette-indigo-A100})\") !important;\r\n }\r\n\r\n .bg-indigo-A100 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-A100})\") !important;\r\n }\r\n\r\n .indigo-A200 {\r\n color: unquote(\"rgb(#{$palette-indigo-A200})\") !important;\r\n }\r\n\r\n .bg-indigo-A200 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-A200})\") !important;\r\n }\r\n\r\n .indigo-A400 {\r\n color: unquote(\"rgb(#{$palette-indigo-A400})\") !important;\r\n }\r\n\r\n .bg-indigo-A400 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-A400})\") !important;\r\n }\r\n\r\n .indigo-A700 {\r\n color: unquote(\"rgb(#{$palette-indigo-A700})\") !important;\r\n }\r\n\r\n .bg-indigo-A700 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-A700})\") !important;\r\n }\r\n\r\n // Blue\r\n\r\n .blue {\r\n color: unquote(\"rgb(#{$palette-blue-500})\") !important;\r\n }\r\n\r\n .bg-blue {\r\n background-color: unquote(\"rgb(#{$palette-blue-500})\") !important;\r\n }\r\n\r\n .blue-50 {\r\n color: unquote(\"rgb(#{$palette-blue-50})\") !important;\r\n }\r\n\r\n .bg-blue-50 {\r\n background-color: unquote(\"rgb(#{$palette-blue-50})\") !important;\r\n }\r\n\r\n .blue-100 {\r\n color: unquote(\"rgb(#{$palette-blue-100})\") !important;\r\n }\r\n\r\n .bg-blue-100 {\r\n background-color: unquote(\"rgb(#{$palette-blue-100})\") !important;\r\n }\r\n\r\n .blue-200 {\r\n color: unquote(\"rgb(#{$palette-blue-200})\") !important;\r\n }\r\n\r\n .bg-blue-200 {\r\n background-color: unquote(\"rgb(#{$palette-blue-200})\") !important;\r\n }\r\n\r\n .blue-300 {\r\n color: unquote(\"rgb(#{$palette-blue-300})\") !important;\r\n }\r\n\r\n .bg-blue-300 {\r\n background-color: unquote(\"rgb(#{$palette-blue-300})\") !important;\r\n }\r\n\r\n .blue-400 {\r\n color: unquote(\"rgb(#{$palette-blue-400})\") !important;\r\n }\r\n\r\n .bg-blue-400 {\r\n background-color: unquote(\"rgb(#{$palette-blue-400})\") !important;\r\n }\r\n\r\n .blue-500 {\r\n color: unquote(\"rgb(#{$palette-blue-500})\") !important;\r\n }\r\n\r\n .bg-blue-500 {\r\n background-color: unquote(\"rgb(#{$palette-blue-500})\") !important;\r\n }\r\n\r\n .blue-600 {\r\n color: unquote(\"rgb(#{$palette-blue-600})\") !important;\r\n }\r\n\r\n .bg-blue-600 {\r\n background-color: unquote(\"rgb(#{$palette-blue-600})\") !important;\r\n }\r\n\r\n .blue-700 {\r\n color: unquote(\"rgb(#{$palette-blue-700})\") !important;\r\n }\r\n\r\n .bg-blue-700 {\r\n background-color: unquote(\"rgb(#{$palette-blue-700})\") !important;\r\n }\r\n\r\n .blue-800 {\r\n color: unquote(\"rgb(#{$palette-blue-800})\") !important;\r\n }\r\n\r\n .bg-blue-800 {\r\n background-color: unquote(\"rgb(#{$palette-blue-800})\") !important;\r\n }\r\n\r\n .blue-900 {\r\n color: unquote(\"rgb(#{$palette-blue-900})\") !important;\r\n }\r\n\r\n .bg-blue-900 {\r\n background-color: unquote(\"rgb(#{$palette-blue-900})\") !important;\r\n }\r\n\r\n .blue-A100 {\r\n color: unquote(\"rgb(#{$palette-blue-A100})\") !important;\r\n }\r\n\r\n .bg-blue-A100 {\r\n background-color: unquote(\"rgb(#{$palette-blue-A100})\") !important;\r\n }\r\n\r\n .blue-A200 {\r\n color: unquote(\"rgb(#{$palette-blue-A200})\") !important;\r\n }\r\n\r\n .bg-blue-A200 {\r\n background-color: unquote(\"rgb(#{$palette-blue-A200})\") !important;\r\n }\r\n\r\n .blue-A400 {\r\n color: unquote(\"rgb(#{$palette-blue-A400})\") !important;\r\n }\r\n\r\n .bg-blue-A400 {\r\n background-color: unquote(\"rgb(#{$palette-blue-A400})\") !important;\r\n }\r\n\r\n .blue-A700 {\r\n color: unquote(\"rgb(#{$palette-blue-A700})\") !important;\r\n }\r\n\r\n .bg-blue-A700 {\r\n background-color: unquote(\"rgb(#{$palette-blue-A700})\") !important;\r\n }\r\n\r\n // Light Blue\r\n\r\n .light-blue {\r\n color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\r\n }\r\n\r\n .bg-light-blue {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\r\n }\r\n\r\n .light-blue-50 {\r\n color: unquote(\"rgb(#{$palette-light-blue-50})\") !important;\r\n }\r\n\r\n .bg-light-blue-50 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-50})\") !important;\r\n }\r\n\r\n .light-blue-100 {\r\n color: unquote(\"rgb(#{$palette-light-blue-100})\") !important;\r\n }\r\n\r\n .bg-light-blue-100 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-100})\") !important;\r\n }\r\n\r\n .light-blue-200 {\r\n color: unquote(\"rgb(#{$palette-light-blue-200})\") !important;\r\n }\r\n\r\n .bg-light-blue-200 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-200})\") !important;\r\n }\r\n\r\n .light-blue-300 {\r\n color: unquote(\"rgb(#{$palette-light-blue-300})\") !important;\r\n }\r\n\r\n .bg-light-blue-300 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-300})\") !important;\r\n }\r\n\r\n .light-blue-400 {\r\n color: unquote(\"rgb(#{$palette-light-blue-400})\") !important;\r\n }\r\n\r\n .bg-light-blue-400 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-400})\") !important;\r\n }\r\n\r\n .light-blue-500 {\r\n color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\r\n }\r\n\r\n .bg-light-blue-500 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\r\n }\r\n\r\n .light-blue-600 {\r\n color: unquote(\"rgb(#{$palette-light-blue-600})\") !important;\r\n }\r\n\r\n .bg-light-blue-600 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-600})\") !important;\r\n }\r\n\r\n .light-blue-700 {\r\n color: unquote(\"rgb(#{$palette-light-blue-700})\") !important;\r\n }\r\n\r\n .bg-light-blue-700 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-700})\") !important;\r\n }\r\n\r\n .light-blue-800 {\r\n color: unquote(\"rgb(#{$palette-light-blue-800})\") !important;\r\n }\r\n\r\n .bg-light-blue-800 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-800})\") !important;\r\n }\r\n\r\n .light-blue-900 {\r\n color: unquote(\"rgb(#{$palette-light-blue-900})\") !important;\r\n }\r\n\r\n .bg-light-blue-900 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-900})\") !important;\r\n }\r\n\r\n .light-blue-A100 {\r\n color: unquote(\"rgb(#{$palette-light-blue-A100})\") !important;\r\n }\r\n\r\n .bg-light-blue-A100 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-A100})\") !important;\r\n }\r\n\r\n .light-blue-A200 {\r\n color: unquote(\"rgb(#{$palette-light-blue-A200})\") !important;\r\n }\r\n\r\n .bg-light-blue-A200 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-A200})\") !important;\r\n }\r\n\r\n .light-blue-A400 {\r\n color: unquote(\"rgb(#{$palette-light-blue-A400})\") !important;\r\n }\r\n\r\n .bg-light-blue-A400 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-A400})\") !important;\r\n }\r\n\r\n .light-blue-A700 {\r\n color: unquote(\"rgb(#{$palette-light-blue-A700})\") !important;\r\n }\r\n\r\n .bg-light-blue-A700 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-A700})\") !important;\r\n }\r\n\r\n // Cyan\r\n\r\n .cyan {\r\n color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\r\n }\r\n\r\n .bg-cyan {\r\n background-color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\r\n }\r\n\r\n .cyan-50 {\r\n color: unquote(\"rgb(#{$palette-cyan-50})\") !important;\r\n }\r\n\r\n .bg-cyan-50 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-50})\") !important;\r\n }\r\n\r\n .cyan-100 {\r\n color: unquote(\"rgb(#{$palette-cyan-100})\") !important;\r\n }\r\n\r\n .bg-cyan-100 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-100})\") !important;\r\n }\r\n\r\n .cyan-200 {\r\n color: unquote(\"rgb(#{$palette-cyan-200})\") !important;\r\n }\r\n\r\n .bg-cyan-200 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-200})\") !important;\r\n }\r\n\r\n .cyan-300 {\r\n color: unquote(\"rgb(#{$palette-cyan-300})\") !important;\r\n }\r\n\r\n .bg-cyan-300 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-300})\") !important;\r\n }\r\n\r\n .cyan-400 {\r\n color: unquote(\"rgb(#{$palette-cyan-400})\") !important;\r\n }\r\n\r\n .bg-cyan-400 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-400})\") !important;\r\n }\r\n\r\n .cyan-500 {\r\n color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\r\n }\r\n\r\n .bg-cyan-500 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\r\n }\r\n\r\n .cyan-600 {\r\n color: unquote(\"rgb(#{$palette-cyan-600})\") !important;\r\n }\r\n\r\n .bg-cyan-600 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-600})\") !important;\r\n }\r\n\r\n .cyan-700 {\r\n color: unquote(\"rgb(#{$palette-cyan-700})\") !important;\r\n }\r\n\r\n .bg-cyan-700 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-700})\") !important;\r\n }\r\n\r\n .cyan-800 {\r\n color: unquote(\"rgb(#{$palette-cyan-800})\") !important;\r\n }\r\n\r\n .bg-cyan-800 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-800})\") !important;\r\n }\r\n\r\n .cyan-900 {\r\n color: unquote(\"rgb(#{$palette-cyan-900})\") !important;\r\n }\r\n\r\n .bg-cyan-900 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-900})\") !important;\r\n }\r\n\r\n .cyan-A100 {\r\n color: unquote(\"rgb(#{$palette-cyan-A100})\") !important;\r\n }\r\n\r\n .bg-cyan-A100 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-A100})\") !important;\r\n }\r\n\r\n .cyan-A200 {\r\n color: unquote(\"rgb(#{$palette-cyan-A200})\") !important;\r\n }\r\n\r\n .bg-cyan-A200 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-A200})\") !important;\r\n }\r\n\r\n .cyan-A400 {\r\n color: unquote(\"rgb(#{$palette-cyan-A400})\") !important;\r\n }\r\n\r\n .bg-cyan-A400 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-A400})\") !important;\r\n }\r\n\r\n .cyan-A700 {\r\n color: unquote(\"rgb(#{$palette-cyan-A700})\") !important;\r\n }\r\n\r\n .bg-cyan-A700 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-A700})\") !important;\r\n }\r\n\r\n // Teal\r\n\r\n .teal {\r\n color: unquote(\"rgb(#{$palette-teal-500})\") !important;\r\n }\r\n\r\n .bg-teal {\r\n background-color: unquote(\"rgb(#{$palette-teal-500})\") !important;\r\n }\r\n\r\n .teal-50 {\r\n color: unquote(\"rgb(#{$palette-teal-50})\") !important;\r\n }\r\n\r\n .bg-teal-50 {\r\n background-color: unquote(\"rgb(#{$palette-teal-50})\") !important;\r\n }\r\n\r\n .teal-100 {\r\n color: unquote(\"rgb(#{$palette-teal-100})\") !important;\r\n }\r\n\r\n .bg-teal-100 {\r\n background-color: unquote(\"rgb(#{$palette-teal-100})\") !important;\r\n }\r\n\r\n .teal-200 {\r\n color: unquote(\"rgb(#{$palette-teal-200})\") !important;\r\n }\r\n\r\n .bg-teal-200 {\r\n background-color: unquote(\"rgb(#{$palette-teal-200})\") !important;\r\n }\r\n\r\n .teal-300 {\r\n color: unquote(\"rgb(#{$palette-teal-300})\") !important;\r\n }\r\n\r\n .bg-teal-300 {\r\n background-color: unquote(\"rgb(#{$palette-teal-300})\") !important;\r\n }\r\n\r\n .teal-400 {\r\n color: unquote(\"rgb(#{$palette-teal-400})\") !important;\r\n }\r\n\r\n .bg-teal-400 {\r\n background-color: unquote(\"rgb(#{$palette-teal-400})\") !important;\r\n }\r\n\r\n .teal-500 {\r\n color: unquote(\"rgb(#{$palette-teal-500})\") !important;\r\n }\r\n\r\n .bg-teal-500 {\r\n background-color: unquote(\"rgb(#{$palette-teal-500})\") !important;\r\n }\r\n\r\n .teal-600 {\r\n color: unquote(\"rgb(#{$palette-teal-600})\") !important;\r\n }\r\n\r\n .bg-teal-600 {\r\n background-color: unquote(\"rgb(#{$palette-teal-600})\") !important;\r\n }\r\n\r\n .teal-700 {\r\n color: unquote(\"rgb(#{$palette-teal-700})\") !important;\r\n }\r\n\r\n .bg-teal-700 {\r\n background-color: unquote(\"rgb(#{$palette-teal-700})\") !important;\r\n }\r\n\r\n .teal-800 {\r\n color: unquote(\"rgb(#{$palette-teal-800})\") !important;\r\n }\r\n\r\n .bg-teal-800 {\r\n background-color: unquote(\"rgb(#{$palette-teal-800})\") !important;\r\n }\r\n\r\n .teal-900 {\r\n color: unquote(\"rgb(#{$palette-teal-900})\") !important;\r\n }\r\n\r\n .bg-teal-900 {\r\n background-color: unquote(\"rgb(#{$palette-teal-900})\") !important;\r\n }\r\n\r\n .teal-A100 {\r\n color: unquote(\"rgb(#{$palette-teal-A100})\") !important;\r\n }\r\n\r\n .bg-teal-A100 {\r\n background-color: unquote(\"rgb(#{$palette-teal-A100})\") !important;\r\n }\r\n\r\n .teal-A200 {\r\n color: unquote(\"rgb(#{$palette-teal-A200})\") !important;\r\n }\r\n\r\n .bg-teal-A200 {\r\n background-color: unquote(\"rgb(#{$palette-teal-A200})\") !important;\r\n }\r\n\r\n .teal-A400 {\r\n color: unquote(\"rgb(#{$palette-teal-A400})\") !important;\r\n }\r\n\r\n .bg-teal-A400 {\r\n background-color: unquote(\"rgb(#{$palette-teal-A400})\") !important;\r\n }\r\n\r\n .teal-A700 {\r\n color: unquote(\"rgb(#{$palette-teal-A700})\") !important;\r\n }\r\n\r\n .bg-teal-A700 {\r\n background-color: unquote(\"rgb(#{$palette-teal-A700})\") !important;\r\n }\r\n\r\n // Green\r\n\r\n .green {\r\n color: unquote(\"rgb(#{$palette-green-500})\") !important;\r\n }\r\n\r\n .bg-green {\r\n background-color: unquote(\"rgb(#{$palette-green-500})\") !important;\r\n }\r\n\r\n .green-50 {\r\n color: unquote(\"rgb(#{$palette-green-50})\") !important;\r\n }\r\n\r\n .bg-green-50 {\r\n background-color: unquote(\"rgb(#{$palette-green-50})\") !important;\r\n }\r\n\r\n .green-100 {\r\n color: unquote(\"rgb(#{$palette-green-100})\") !important;\r\n }\r\n\r\n .bg-green-100 {\r\n background-color: unquote(\"rgb(#{$palette-green-100})\") !important;\r\n }\r\n\r\n .green-200 {\r\n color: unquote(\"rgb(#{$palette-green-200})\") !important;\r\n }\r\n\r\n .bg-green-200 {\r\n background-color: unquote(\"rgb(#{$palette-green-200})\") !important;\r\n }\r\n\r\n .green-300 {\r\n color: unquote(\"rgb(#{$palette-green-300})\") !important;\r\n }\r\n\r\n .bg-green-300 {\r\n background-color: unquote(\"rgb(#{$palette-green-300})\") !important;\r\n }\r\n\r\n .green-400 {\r\n color: unquote(\"rgb(#{$palette-green-400})\") !important;\r\n }\r\n\r\n .bg-green-400 {\r\n background-color: unquote(\"rgb(#{$palette-green-400})\") !important;\r\n }\r\n\r\n .green-500 {\r\n color: unquote(\"rgb(#{$palette-green-500})\") !important;\r\n }\r\n\r\n .bg-green-500 {\r\n background-color: unquote(\"rgb(#{$palette-green-500})\") !important;\r\n }\r\n\r\n .green-600 {\r\n color: unquote(\"rgb(#{$palette-green-600})\") !important;\r\n }\r\n\r\n .bg-green-600 {\r\n background-color: unquote(\"rgb(#{$palette-green-600})\") !important;\r\n }\r\n\r\n .green-700 {\r\n color: unquote(\"rgb(#{$palette-green-700})\") !important;\r\n }\r\n\r\n .bg-green-700 {\r\n background-color: unquote(\"rgb(#{$palette-green-700})\") !important;\r\n }\r\n\r\n .green-800 {\r\n color: unquote(\"rgb(#{$palette-green-800})\") !important;\r\n }\r\n\r\n .bg-green-800 {\r\n background-color: unquote(\"rgb(#{$palette-green-800})\") !important;\r\n }\r\n\r\n .green-900 {\r\n color: unquote(\"rgb(#{$palette-green-900})\") !important;\r\n }\r\n\r\n .bg-green-900 {\r\n background-color: unquote(\"rgb(#{$palette-green-900})\") !important;\r\n }\r\n\r\n .green-A100 {\r\n color: unquote(\"rgb(#{$palette-green-A100})\") !important;\r\n }\r\n\r\n .bg-green-A100 {\r\n background-color: unquote(\"rgb(#{$palette-green-A100})\") !important;\r\n }\r\n\r\n .green-A200 {\r\n color: unquote(\"rgb(#{$palette-green-A200})\") !important;\r\n }\r\n\r\n .bg-green-A200 {\r\n background-color: unquote(\"rgb(#{$palette-green-A200})\") !important;\r\n }\r\n\r\n .green-A400 {\r\n color: unquote(\"rgb(#{$palette-green-A400})\") !important;\r\n }\r\n\r\n .bg-green-A400 {\r\n background-color: unquote(\"rgb(#{$palette-green-A400})\") !important;\r\n }\r\n\r\n .green-A700 {\r\n color: unquote(\"rgb(#{$palette-green-A700})\") !important;\r\n }\r\n\r\n .bg-green-A700 {\r\n background-color: unquote(\"rgb(#{$palette-green-A700})\") !important;\r\n }\r\n\r\n // Light Green\r\n\r\n .light-green {\r\n color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\r\n }\r\n\r\n .bg-light-green {\r\n background-color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\r\n }\r\n\r\n .light-green-50 {\r\n color: unquote(\"rgb(#{$palette-light-green-50})\") !important;\r\n }\r\n\r\n .bg-light-green-50 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-50})\") !important;\r\n }\r\n\r\n .light-green-100 {\r\n color: unquote(\"rgb(#{$palette-light-green-100})\") !important;\r\n }\r\n\r\n .bg-light-green-100 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-100})\") !important;\r\n }\r\n\r\n .light-green-200 {\r\n color: unquote(\"rgb(#{$palette-light-green-200})\") !important;\r\n }\r\n\r\n .bg-light-green-200 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-200})\") !important;\r\n }\r\n\r\n .light-green-300 {\r\n color: unquote(\"rgb(#{$palette-light-green-300})\") !important;\r\n }\r\n\r\n .bg-light-green-300 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-300})\") !important;\r\n }\r\n\r\n .light-green-400 {\r\n color: unquote(\"rgb(#{$palette-light-green-400})\") !important;\r\n }\r\n\r\n .bg-light-green-400 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-400})\") !important;\r\n }\r\n\r\n .light-green-500 {\r\n color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\r\n }\r\n\r\n .bg-light-green-500 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\r\n }\r\n\r\n .light-green-600 {\r\n color: unquote(\"rgb(#{$palette-light-green-600})\") !important;\r\n }\r\n\r\n .bg-light-green-600 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-600})\") !important;\r\n }\r\n\r\n .light-green-700 {\r\n color: unquote(\"rgb(#{$palette-light-green-700})\") !important;\r\n }\r\n\r\n .bg-light-green-700 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-700})\") !important;\r\n }\r\n\r\n .light-green-800 {\r\n color: unquote(\"rgb(#{$palette-light-green-800})\") !important;\r\n }\r\n\r\n .bg-light-green-800 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-800})\") !important;\r\n }\r\n\r\n .light-green-900 {\r\n color: unquote(\"rgb(#{$palette-light-green-900})\") !important;\r\n }\r\n\r\n .bg-light-green-900 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-900})\") !important;\r\n }\r\n\r\n .light-green-A100 {\r\n color: unquote(\"rgb(#{$palette-light-green-A100})\") !important;\r\n }\r\n\r\n .bg-light-green-A100 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-A100})\") !important;\r\n }\r\n\r\n .light-green-A200 {\r\n color: unquote(\"rgb(#{$palette-light-green-A200})\") !important;\r\n }\r\n\r\n .bg-light-green-A200 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-A200})\") !important;\r\n }\r\n\r\n .light-green-A400 {\r\n color: unquote(\"rgb(#{$palette-light-green-A400})\") !important;\r\n }\r\n\r\n .bg-light-green-A400 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-A400})\") !important;\r\n }\r\n\r\n .light-green-A700 {\r\n color: unquote(\"rgb(#{$palette-light-green-A700})\") !important;\r\n }\r\n\r\n .bg-light-green-A700 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-A700})\") !important;\r\n }\r\n\r\n // Lime\r\n\r\n .lime {\r\n color: unquote(\"rgb(#{$palette-lime-500})\") !important;\r\n }\r\n\r\n .bg-lime {\r\n background-color: unquote(\"rgb(#{$palette-lime-500})\") !important;\r\n }\r\n\r\n .lime-50 {\r\n color: unquote(\"rgb(#{$palette-lime-50})\") !important;\r\n }\r\n\r\n .bg-lime-50 {\r\n background-color: unquote(\"rgb(#{$palette-lime-50})\") !important;\r\n }\r\n\r\n .lime-100 {\r\n color: unquote(\"rgb(#{$palette-lime-100})\") !important;\r\n }\r\n\r\n .bg-lime-100 {\r\n background-color: unquote(\"rgb(#{$palette-lime-100})\") !important;\r\n }\r\n\r\n .lime-200 {\r\n color: unquote(\"rgb(#{$palette-lime-200})\") !important;\r\n }\r\n\r\n .bg-lime-200 {\r\n background-color: unquote(\"rgb(#{$palette-lime-200})\") !important;\r\n }\r\n\r\n .lime-300 {\r\n color: unquote(\"rgb(#{$palette-lime-300})\") !important;\r\n }\r\n\r\n .bg-lime-300 {\r\n background-color: unquote(\"rgb(#{$palette-lime-300})\") !important;\r\n }\r\n\r\n .lime-400 {\r\n color: unquote(\"rgb(#{$palette-lime-400})\") !important;\r\n }\r\n\r\n .bg-lime-400 {\r\n background-color: unquote(\"rgb(#{$palette-lime-400})\") !important;\r\n }\r\n\r\n .lime-500 {\r\n color: unquote(\"rgb(#{$palette-lime-500})\") !important;\r\n }\r\n\r\n .bg-lime-500 {\r\n background-color: unquote(\"rgb(#{$palette-lime-500})\") !important;\r\n }\r\n\r\n .lime-600 {\r\n color: unquote(\"rgb(#{$palette-lime-600})\") !important;\r\n }\r\n\r\n .bg-lime-600 {\r\n background-color: unquote(\"rgb(#{$palette-lime-600})\") !important;\r\n }\r\n\r\n .lime-700 {\r\n color: unquote(\"rgb(#{$palette-lime-700})\") !important;\r\n }\r\n\r\n .bg-lime-700 {\r\n background-color: unquote(\"rgb(#{$palette-lime-700})\") !important;\r\n }\r\n\r\n .lime-800 {\r\n color: unquote(\"rgb(#{$palette-lime-800})\") !important;\r\n }\r\n\r\n .bg-lime-800 {\r\n background-color: unquote(\"rgb(#{$palette-lime-800})\") !important;\r\n }\r\n\r\n .lime-900 {\r\n color: unquote(\"rgb(#{$palette-lime-900})\") !important;\r\n }\r\n\r\n .bg-lime-900 {\r\n background-color: unquote(\"rgb(#{$palette-lime-900})\") !important;\r\n }\r\n\r\n .lime-A100 {\r\n color: unquote(\"rgb(#{$palette-lime-A100})\") !important;\r\n }\r\n\r\n .bg-lime-A100 {\r\n background-color: unquote(\"rgb(#{$palette-lime-A100})\") !important;\r\n }\r\n\r\n .lime-A200 {\r\n color: unquote(\"rgb(#{$palette-lime-A200})\") !important;\r\n }\r\n\r\n .bg-lime-A200 {\r\n background-color: unquote(\"rgb(#{$palette-lime-A200})\") !important;\r\n }\r\n\r\n .lime-A400 {\r\n color: unquote(\"rgb(#{$palette-lime-A400})\") !important;\r\n }\r\n\r\n .bg-lime-A400 {\r\n background-color: unquote(\"rgb(#{$palette-lime-A400})\") !important;\r\n }\r\n\r\n .lime-A700 {\r\n color: unquote(\"rgb(#{$palette-lime-A700})\") !important;\r\n }\r\n\r\n .bg-lime-A700 {\r\n background-color: unquote(\"rgb(#{$palette-lime-A700})\") !important;\r\n }\r\n\r\n // Yellow\r\n\r\n .yellow {\r\n color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\r\n }\r\n\r\n .bg-yellow {\r\n background-color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\r\n }\r\n\r\n .yellow-50 {\r\n color: unquote(\"rgb(#{$palette-yellow-50})\") !important;\r\n }\r\n\r\n .bg-yellow-50 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-50})\") !important;\r\n }\r\n\r\n .yellow-100 {\r\n color: unquote(\"rgb(#{$palette-yellow-100})\") !important;\r\n }\r\n\r\n .bg-yellow-100 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-100})\") !important;\r\n }\r\n\r\n .yellow-200 {\r\n color: unquote(\"rgb(#{$palette-yellow-200})\") !important;\r\n }\r\n\r\n .bg-yellow-200 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-200})\") !important;\r\n }\r\n\r\n .yellow-300 {\r\n color: unquote(\"rgb(#{$palette-yellow-300})\") !important;\r\n }\r\n\r\n .bg-yellow-300 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-300})\") !important;\r\n }\r\n\r\n .yellow-400 {\r\n color: unquote(\"rgb(#{$palette-yellow-400})\") !important;\r\n }\r\n\r\n .bg-yellow-400 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-400})\") !important;\r\n }\r\n\r\n .yellow-500 {\r\n color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\r\n }\r\n\r\n .bg-yellow-500 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\r\n }\r\n\r\n .yellow-600 {\r\n color: unquote(\"rgb(#{$palette-yellow-600})\") !important;\r\n }\r\n\r\n .bg-yellow-600 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-600})\") !important;\r\n }\r\n\r\n .yellow-700 {\r\n color: unquote(\"rgb(#{$palette-yellow-700})\") !important;\r\n }\r\n\r\n .bg-yellow-700 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-700})\") !important;\r\n }\r\n\r\n .yellow-800 {\r\n color: unquote(\"rgb(#{$palette-yellow-800})\") !important;\r\n }\r\n\r\n .bg-yellow-800 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-800})\") !important;\r\n }\r\n\r\n .yellow-900 {\r\n color: unquote(\"rgb(#{$palette-yellow-900})\") !important;\r\n }\r\n\r\n .bg-yellow-900 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-900})\") !important;\r\n }\r\n\r\n .yellow-A100 {\r\n color: unquote(\"rgb(#{$palette-yellow-A100})\") !important;\r\n }\r\n\r\n .bg-yellow-A100 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-A100})\") !important;\r\n }\r\n\r\n .yellow-A200 {\r\n color: unquote(\"rgb(#{$palette-yellow-A200})\") !important;\r\n }\r\n\r\n .bg-yellow-A200 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-A200})\") !important;\r\n }\r\n\r\n .yellow-A400 {\r\n color: unquote(\"rgb(#{$palette-yellow-A400})\") !important;\r\n }\r\n\r\n .bg-yellow-A400 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-A400})\") !important;\r\n }\r\n\r\n .yellow-A700 {\r\n color: unquote(\"rgb(#{$palette-yellow-A700})\") !important;\r\n }\r\n\r\n .bg-yellow-A700 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-A700})\") !important;\r\n }\r\n\r\n // Amber\r\n\r\n .amber {\r\n color: unquote(\"rgb(#{$palette-amber-500})\") !important;\r\n }\r\n\r\n .bg-amber {\r\n background-color: unquote(\"rgb(#{$palette-amber-500})\") !important;\r\n }\r\n\r\n .amber-50 {\r\n color: unquote(\"rgb(#{$palette-amber-50})\") !important;\r\n }\r\n\r\n .bg-amber-50 {\r\n background-color: unquote(\"rgb(#{$palette-amber-50})\") !important;\r\n }\r\n\r\n .amber-100 {\r\n color: unquote(\"rgb(#{$palette-amber-100})\") !important;\r\n }\r\n\r\n .bg-amber-100 {\r\n background-color: unquote(\"rgb(#{$palette-amber-100})\") !important;\r\n }\r\n\r\n .amber-200 {\r\n color: unquote(\"rgb(#{$palette-amber-200})\") !important;\r\n }\r\n\r\n .bg-amber-200 {\r\n background-color: unquote(\"rgb(#{$palette-amber-200})\") !important;\r\n }\r\n\r\n .amber-300 {\r\n color: unquote(\"rgb(#{$palette-amber-300})\") !important;\r\n }\r\n\r\n .bg-amber-300 {\r\n background-color: unquote(\"rgb(#{$palette-amber-300})\") !important;\r\n }\r\n\r\n .amber-400 {\r\n color: unquote(\"rgb(#{$palette-amber-400})\") !important;\r\n }\r\n\r\n .bg-amber-400 {\r\n background-color: unquote(\"rgb(#{$palette-amber-400})\") !important;\r\n }\r\n\r\n .amber-500 {\r\n color: unquote(\"rgb(#{$palette-amber-500})\") !important;\r\n }\r\n\r\n .bg-amber-500 {\r\n background-color: unquote(\"rgb(#{$palette-amber-500})\") !important;\r\n }\r\n\r\n .amber-600 {\r\n color: unquote(\"rgb(#{$palette-amber-600})\") !important;\r\n }\r\n\r\n .bg-amber-600 {\r\n background-color: unquote(\"rgb(#{$palette-amber-600})\") !important;\r\n }\r\n\r\n .amber-700 {\r\n color: unquote(\"rgb(#{$palette-amber-700})\") !important;\r\n }\r\n\r\n .bg-amber-700 {\r\n background-color: unquote(\"rgb(#{$palette-amber-700})\") !important;\r\n }\r\n\r\n .amber-800 {\r\n color: unquote(\"rgb(#{$palette-amber-800})\") !important;\r\n }\r\n\r\n .bg-amber-800 {\r\n background-color: unquote(\"rgb(#{$palette-amber-800})\") !important;\r\n }\r\n\r\n .amber-900 {\r\n color: unquote(\"rgb(#{$palette-amber-900})\") !important;\r\n }\r\n\r\n .bg-amber-900 {\r\n background-color: unquote(\"rgb(#{$palette-amber-900})\") !important;\r\n }\r\n\r\n .amber-A100 {\r\n color: unquote(\"rgb(#{$palette-amber-A100})\") !important;\r\n }\r\n\r\n .bg-amber-A100 {\r\n background-color: unquote(\"rgb(#{$palette-amber-A100})\") !important;\r\n }\r\n\r\n .amber-A200 {\r\n color: unquote(\"rgb(#{$palette-amber-A200})\") !important;\r\n }\r\n\r\n .bg-amber-A200 {\r\n background-color: unquote(\"rgb(#{$palette-amber-A200})\") !important;\r\n }\r\n\r\n .amber-A400 {\r\n color: unquote(\"rgb(#{$palette-amber-A400})\") !important;\r\n }\r\n\r\n .bg-amber-A400 {\r\n background-color: unquote(\"rgb(#{$palette-amber-A400})\") !important;\r\n }\r\n\r\n .amber-A700 {\r\n color: unquote(\"rgb(#{$palette-amber-A700})\") !important;\r\n }\r\n\r\n .bg-amber-A700 {\r\n background-color: unquote(\"rgb(#{$palette-amber-A700})\") !important;\r\n }\r\n\r\n // Orange\r\n\r\n .orange {\r\n color: unquote(\"rgb(#{$palette-orange-500})\") !important;\r\n }\r\n\r\n .bg-orange {\r\n background-color: unquote(\"rgb(#{$palette-orange-500})\") !important;\r\n }\r\n\r\n .orange-50 {\r\n color: unquote(\"rgb(#{$palette-orange-50})\") !important;\r\n }\r\n\r\n .bg-orange-50 {\r\n background-color: unquote(\"rgb(#{$palette-orange-50})\") !important;\r\n }\r\n\r\n .orange-100 {\r\n color: unquote(\"rgb(#{$palette-orange-100})\") !important;\r\n }\r\n\r\n .bg-orange-100 {\r\n background-color: unquote(\"rgb(#{$palette-orange-100})\") !important;\r\n }\r\n\r\n .orange-200 {\r\n color: unquote(\"rgb(#{$palette-orange-200})\") !important;\r\n }\r\n\r\n .bg-orange-200 {\r\n background-color: unquote(\"rgb(#{$palette-orange-200})\") !important;\r\n }\r\n\r\n .orange-300 {\r\n color: unquote(\"rgb(#{$palette-orange-300})\") !important;\r\n }\r\n\r\n .bg-orange-300 {\r\n background-color: unquote(\"rgb(#{$palette-orange-300})\") !important;\r\n }\r\n\r\n .orange-400 {\r\n color: unquote(\"rgb(#{$palette-orange-400})\") !important;\r\n }\r\n\r\n .bg-orange-400 {\r\n background-color: unquote(\"rgb(#{$palette-orange-400})\") !important;\r\n }\r\n\r\n .orange-500 {\r\n color: unquote(\"rgb(#{$palette-orange-500})\") !important;\r\n }\r\n\r\n .bg-orange-500 {\r\n background-color: unquote(\"rgb(#{$palette-orange-500})\") !important;\r\n }\r\n\r\n .orange-600 {\r\n color: unquote(\"rgb(#{$palette-orange-600})\") !important;\r\n }\r\n\r\n .bg-orange-600 {\r\n background-color: unquote(\"rgb(#{$palette-orange-600})\") !important;\r\n }\r\n\r\n .orange-700 {\r\n color: unquote(\"rgb(#{$palette-orange-700})\") !important;\r\n }\r\n\r\n .bg-orange-700 {\r\n background-color: unquote(\"rgb(#{$palette-orange-700})\") !important;\r\n }\r\n\r\n .orange-800 {\r\n color: unquote(\"rgb(#{$palette-orange-800})\") !important;\r\n }\r\n\r\n .bg-orange-800 {\r\n background-color: unquote(\"rgb(#{$palette-orange-800})\") !important;\r\n }\r\n\r\n .orange-900 {\r\n color: unquote(\"rgb(#{$palette-orange-900})\") !important;\r\n }\r\n\r\n .bg-orange-900 {\r\n background-color: unquote(\"rgb(#{$palette-orange-900})\") !important;\r\n }\r\n\r\n .orange-A100 {\r\n color: unquote(\"rgb(#{$palette-orange-A100})\") !important;\r\n }\r\n\r\n .bg-orange-A100 {\r\n background-color: unquote(\"rgb(#{$palette-orange-A100})\") !important;\r\n }\r\n\r\n .orange-A200 {\r\n color: unquote(\"rgb(#{$palette-orange-A200})\") !important;\r\n }\r\n\r\n .bg-orange-A200 {\r\n background-color: unquote(\"rgb(#{$palette-orange-A200})\") !important;\r\n }\r\n\r\n .orange-A400 {\r\n color: unquote(\"rgb(#{$palette-orange-A400})\") !important;\r\n }\r\n\r\n .bg-orange-A400 {\r\n background-color: unquote(\"rgb(#{$palette-orange-A400})\") !important;\r\n }\r\n\r\n .orange-A700 {\r\n color: unquote(\"rgb(#{$palette-orange-A700})\") !important;\r\n }\r\n\r\n .bg-orange-A700 {\r\n background-color: unquote(\"rgb(#{$palette-orange-A700})\") !important;\r\n }\r\n\r\n // Deep Orange\r\n\r\n .deep-orange {\r\n color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\r\n }\r\n\r\n .bg-deep-orange {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\r\n }\r\n\r\n .deep-orange-50 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-50})\") !important;\r\n }\r\n\r\n .bg-deep-orange-50 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-50})\") !important;\r\n }\r\n\r\n .deep-orange-100 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-100})\") !important;\r\n }\r\n\r\n .bg-deep-orange-100 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-100})\") !important;\r\n }\r\n\r\n .deep-orange-200 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-200})\") !important;\r\n }\r\n\r\n .bg-deep-orange-200 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-200})\") !important;\r\n }\r\n\r\n .deep-orange-300 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-300})\") !important;\r\n }\r\n\r\n .bg-deep-orange-300 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-300})\") !important;\r\n }\r\n\r\n .deep-orange-400 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-400})\") !important;\r\n }\r\n\r\n .bg-deep-orange-400 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-400})\") !important;\r\n }\r\n\r\n .deep-orange-500 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\r\n }\r\n\r\n .bg-deep-orange-500 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\r\n }\r\n\r\n .deep-orange-600 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-600})\") !important;\r\n }\r\n\r\n .bg-deep-orange-600 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-600})\") !important;\r\n }\r\n\r\n .deep-orange-700 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-700})\") !important;\r\n }\r\n\r\n .bg-deep-orange-700 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-700})\") !important;\r\n }\r\n\r\n .deep-orange-800 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-800})\") !important;\r\n }\r\n\r\n .bg-deep-orange-800 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-800})\") !important;\r\n }\r\n\r\n .deep-orange-900 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-900})\") !important;\r\n }\r\n\r\n .bg-deep-orange-900 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-900})\") !important;\r\n }\r\n\r\n .deep-orange-A100 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-A100})\") !important;\r\n }\r\n\r\n .bg-deep-orange-A100 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-A100})\") !important;\r\n }\r\n\r\n .deep-orange-A200 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-A200})\") !important;\r\n }\r\n\r\n .bg-deep-orange-A200 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-A200})\") !important;\r\n }\r\n\r\n .deep-orange-A400 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-A400})\") !important;\r\n }\r\n\r\n .bg-deep-orange-A400 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-A400})\") !important;\r\n }\r\n\r\n .deep-orange-A700 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-A700})\") !important;\r\n }\r\n\r\n .bg-deep-orange-A700 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-A700})\") !important;\r\n }\r\n\r\n // Brown\r\n\r\n .brown {\r\n color: unquote(\"rgb(#{$palette-brown-500})\") !important;\r\n }\r\n\r\n .bg-brown {\r\n background-color: unquote(\"rgb(#{$palette-brown-500})\") !important;\r\n }\r\n\r\n .brown-50 {\r\n color: unquote(\"rgb(#{$palette-brown-50})\") !important;\r\n }\r\n\r\n .bg-brown-50 {\r\n background-color: unquote(\"rgb(#{$palette-brown-50})\") !important;\r\n }\r\n\r\n .brown-100 {\r\n color: unquote(\"rgb(#{$palette-brown-100})\") !important;\r\n }\r\n\r\n .bg-brown-100 {\r\n background-color: unquote(\"rgb(#{$palette-brown-100})\") !important;\r\n }\r\n\r\n .brown-200 {\r\n color: unquote(\"rgb(#{$palette-brown-200})\") !important;\r\n }\r\n\r\n .bg-brown-200 {\r\n background-color: unquote(\"rgb(#{$palette-brown-200})\") !important;\r\n }\r\n\r\n .brown-300 {\r\n color: unquote(\"rgb(#{$palette-brown-300})\") !important;\r\n }\r\n\r\n .bg-brown-300 {\r\n background-color: unquote(\"rgb(#{$palette-brown-300})\") !important;\r\n }\r\n\r\n .brown-400 {\r\n color: unquote(\"rgb(#{$palette-brown-400})\") !important;\r\n }\r\n\r\n .bg-brown-400 {\r\n background-color: unquote(\"rgb(#{$palette-brown-400})\") !important;\r\n }\r\n\r\n .brown-500 {\r\n color: unquote(\"rgb(#{$palette-brown-500})\") !important;\r\n }\r\n\r\n .bg-brown-500 {\r\n background-color: unquote(\"rgb(#{$palette-brown-500})\") !important;\r\n }\r\n\r\n .brown-600 {\r\n color: unquote(\"rgb(#{$palette-brown-600})\") !important;\r\n }\r\n\r\n .bg-brown-600 {\r\n background-color: unquote(\"rgb(#{$palette-brown-600})\") !important;\r\n }\r\n\r\n .brown-700 {\r\n color: unquote(\"rgb(#{$palette-brown-700})\") !important;\r\n }\r\n\r\n .bg-brown-700 {\r\n background-color: unquote(\"rgb(#{$palette-brown-700})\") !important;\r\n }\r\n\r\n .brown-800 {\r\n color: unquote(\"rgb(#{$palette-brown-800})\") !important;\r\n }\r\n\r\n .bg-brown-800 {\r\n background-color: unquote(\"rgb(#{$palette-brown-800})\") !important;\r\n }\r\n\r\n .brown-900 {\r\n color: unquote(\"rgb(#{$palette-brown-900})\") !important;\r\n }\r\n\r\n .bg-brown-900 {\r\n background-color: unquote(\"rgb(#{$palette-brown-900})\") !important;\r\n }\r\n\r\n // Grey\r\n\r\n .grey {\r\n color: unquote(\"rgb(#{$palette-grey-500})\") !important;\r\n }\r\n\r\n .bg-grey {\r\n background-color: unquote(\"rgb(#{$palette-grey-500})\") !important;\r\n }\r\n\r\n .grey-50 {\r\n color: unquote(\"rgb(#{$palette-grey-50})\") !important;\r\n }\r\n\r\n .bg-grey-50 {\r\n background-color: unquote(\"rgb(#{$palette-grey-50})\") !important;\r\n }\r\n\r\n .grey-100 {\r\n color: unquote(\"rgb(#{$palette-grey-100})\") !important;\r\n }\r\n\r\n .bg-grey-100 {\r\n background-color: unquote(\"rgb(#{$palette-grey-100})\") !important;\r\n }\r\n\r\n .grey-200 {\r\n color: unquote(\"rgb(#{$palette-grey-200})\") !important;\r\n }\r\n\r\n .bg-grey-200 {\r\n background-color: unquote(\"rgb(#{$palette-grey-200})\") !important;\r\n }\r\n\r\n .grey-300 {\r\n color: unquote(\"rgb(#{$palette-grey-300})\") !important;\r\n }\r\n\r\n .bg-grey-300 {\r\n background-color: unquote(\"rgb(#{$palette-grey-300})\") !important;\r\n }\r\n\r\n .grey-400 {\r\n color: unquote(\"rgb(#{$palette-grey-400})\") !important;\r\n }\r\n\r\n .bg-grey-400 {\r\n background-color: unquote(\"rgb(#{$palette-grey-400})\") !important;\r\n }\r\n\r\n .grey-500 {\r\n color: unquote(\"rgb(#{$palette-grey-500})\") !important;\r\n }\r\n\r\n .bg-grey-500 {\r\n background-color: unquote(\"rgb(#{$palette-grey-500})\") !important;\r\n }\r\n\r\n .grey-600 {\r\n color: unquote(\"rgb(#{$palette-grey-600})\") !important;\r\n }\r\n\r\n .bg-grey-600 {\r\n background-color: unquote(\"rgb(#{$palette-grey-600})\") !important;\r\n }\r\n\r\n .grey-700 {\r\n color: unquote(\"rgb(#{$palette-grey-700})\") !important;\r\n }\r\n\r\n .bg-grey-700 {\r\n background-color: unquote(\"rgb(#{$palette-grey-700})\") !important;\r\n }\r\n\r\n .grey-800 {\r\n color: unquote(\"rgb(#{$palette-grey-800})\") !important;\r\n }\r\n\r\n .bg-grey-800 {\r\n background-color: unquote(\"rgb(#{$palette-grey-800})\") !important;\r\n }\r\n\r\n .grey-900 {\r\n color: unquote(\"rgb(#{$palette-grey-900})\") !important;\r\n }\r\n\r\n .bg-grey-900 {\r\n background-color: unquote(\"rgb(#{$palette-grey-900})\") !important;\r\n }\r\n\r\n // Blue Grey\r\n\r\n .blue-grey {\r\n color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\r\n }\r\n\r\n .bg-blue-grey {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\r\n }\r\n\r\n .blue-grey-50 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-50})\") !important;\r\n }\r\n\r\n .bg-blue-grey-50 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-50})\") !important;\r\n }\r\n\r\n .blue-grey-100 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-100})\") !important;\r\n }\r\n\r\n .bg-blue-grey-100 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-100})\") !important;\r\n }\r\n\r\n .blue-grey-200 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-200})\") !important;\r\n }\r\n\r\n .bg-blue-grey-200 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-200})\") !important;\r\n }\r\n\r\n .blue-grey-300 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-300})\") !important;\r\n }\r\n\r\n .bg-blue-grey-300 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-300})\") !important;\r\n }\r\n\r\n .blue-grey-400 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-400})\") !important;\r\n }\r\n\r\n .bg-blue-grey-400 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-400})\") !important;\r\n }\r\n\r\n .blue-grey-500 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\r\n }\r\n\r\n .bg-blue-grey-500 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\r\n }\r\n\r\n .blue-grey-600 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-600})\") !important;\r\n }\r\n\r\n .bg-blue-grey-600 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-600})\") !important;\r\n }\r\n\r\n .blue-grey-700 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-700})\") !important;\r\n }\r\n\r\n .bg-blue-grey-700 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-700})\") !important;\r\n }\r\n\r\n .blue-grey-800 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-800})\") !important;\r\n }\r\n\r\n .bg-blue-grey-800 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-800})\") !important;\r\n }\r\n\r\n .blue-grey-900 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-900})\") !important;\r\n }\r\n\r\n .bg-blue-grey-900 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-900})\") !important;\r\n }\r\n\r\n\r\n\r\n //用友UE定制色系\r\n\r\n\r\n .u-red {\r\n color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\r\n }\r\n\r\n .u-bg-red {\r\n background-color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\r\n }\r\n .u-red-100 {\r\n color: unquote(\"rgb(#{$palette-u-red-100})\") !important;\r\n }\r\n\r\n .u-bg-red-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-100})\") !important;\r\n }\r\n .u-red-200 {\r\n color: unquote(\"rgb(#{$palette-u-red-200})\") !important;\r\n }\r\n\r\n .u-bg-red-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-200})\") !important;\r\n }\r\n .u-red-300 {\r\n color: unquote(\"rgb(#{$palette-u-red-300})\") !important;\r\n }\r\n\r\n .u-bg-red-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-300})\") !important;\r\n }\r\n .u-red-400 {\r\n color: unquote(\"rgb(#{$palette-u-red-400})\") !important;\r\n }\r\n\r\n .u-bg-red-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-400})\") !important;\r\n }\r\n .u-red-500 {\r\n color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\r\n }\r\n\r\n .u-bg-red-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\r\n }\r\n .u-red-600 {\r\n color: unquote(\"rgb(#{$palette-u-red-600})\") !important;\r\n }\r\n\r\n .u-bg-red-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-600})\") !important;\r\n }\r\n .u-red-700 {\r\n color: unquote(\"rgb(#{$palette-u-red-700})\") !important;\r\n }\r\n\r\n .u-bg-red-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-700})\") !important;\r\n }\r\n .u-red-800 {\r\n color: unquote(\"rgb(#{$palette-u-red-800})\") !important;\r\n }\r\n\r\n .u-bg-red-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-800})\") !important;\r\n }\r\n .u-red-900 {\r\n color: unquote(\"rgb(#{$palette-u-red-900})\") !important;\r\n }\r\n\r\n .u-bg-red-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n .u-orange {\r\n color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\r\n }\r\n\r\n .u-bg-orange {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\r\n }\r\n .u-orange-100 {\r\n color: unquote(\"rgb(#{$palette-u-orange-100})\") !important;\r\n }\r\n\r\n .u-bg-orange-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-100})\") !important;\r\n }\r\n .u-orange-200 {\r\n color: unquote(\"rgb(#{$palette-u-orange-200})\") !important;\r\n }\r\n\r\n .u-bg-orange-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-200})\") !important;\r\n }\r\n .u-orange-300 {\r\n color: unquote(\"rgb(#{$palette-u-orange-300})\") !important;\r\n }\r\n\r\n .u-bg-orange-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-300})\") !important;\r\n }\r\n .u-orange-400 {\r\n color: unquote(\"rgb(#{$palette-u-orange-400})\") !important;\r\n }\r\n\r\n .u-bg-orange-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-400})\") !important;\r\n }\r\n .u-orange-500 {\r\n color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\r\n }\r\n\r\n .u-bg-orange-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\r\n }\r\n .u-orange-600 {\r\n color: unquote(\"rgb(#{$palette-u-orange-600})\") !important;\r\n }\r\n\r\n .u-bg-orange-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-600})\") !important;\r\n }\r\n .u-orange-700 {\r\n color: unquote(\"rgb(#{$palette-u-orange-700})\") !important;\r\n }\r\n\r\n .u-bg-orange-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-700})\") !important;\r\n }\r\n .u-orange-800 {\r\n color: unquote(\"rgb(#{$palette-u-orange-800})\") !important;\r\n }\r\n\r\n .u-bg-orange-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-800})\") !important;\r\n }\r\n .u-orange-900 {\r\n color: unquote(\"rgb(#{$palette-u-orange-900})\") !important;\r\n }\r\n\r\n .u-bg-orange-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n .u-yellow {\r\n color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\r\n }\r\n\r\n .u-bg-yellow {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\r\n }\r\n .u-yellow-100 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-100})\") !important;\r\n }\r\n\r\n .u-bg-yellow-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-100})\") !important;\r\n }\r\n .u-yellow-200 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-200})\") !important;\r\n }\r\n\r\n .u-bg-yellow-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-200})\") !important;\r\n }\r\n .u-yellow-300 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-300})\") !important;\r\n }\r\n\r\n .u-bg-yellow-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-300})\") !important;\r\n }\r\n .u-yellow-400 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-400})\") !important;\r\n }\r\n\r\n .u-bg-yellow-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-400})\") !important;\r\n }\r\n .u-yellow-500 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\r\n }\r\n\r\n .u-bg-yellow-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\r\n }\r\n .u-yellow-600 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-600})\") !important;\r\n }\r\n\r\n .u-bg-yellow-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-600})\") !important;\r\n }\r\n .u-yellow-700 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-700})\") !important;\r\n }\r\n\r\n .u-bg-yellow-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-700})\") !important;\r\n }\r\n .u-yellow-800 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-800})\") !important;\r\n }\r\n\r\n .u-bg-yellow-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-800})\") !important;\r\n }\r\n .u-yellow-900 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-900})\") !important;\r\n }\r\n\r\n .u-bg-yellow-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n .u-green {\r\n color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\r\n }\r\n\r\n .u-bg-green {\r\n background-color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\r\n }\r\n .u-green-100 {\r\n color: unquote(\"rgb(#{$palette-u-green-100})\") !important;\r\n }\r\n\r\n .u-bg-green-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-100})\") !important;\r\n }\r\n .u-green-200 {\r\n color: unquote(\"rgb(#{$palette-u-green-200})\") !important;\r\n }\r\n\r\n .u-bg-green-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-200})\") !important;\r\n }\r\n .u-green-300 {\r\n color: unquote(\"rgb(#{$palette-u-green-300})\") !important;\r\n }\r\n\r\n .u-bg-green-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-300})\") !important;\r\n }\r\n .u-green-400 {\r\n color: unquote(\"rgb(#{$palette-u-green-400})\") !important;\r\n }\r\n\r\n .u-bg-green-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-400})\") !important;\r\n }\r\n .u-green-500 {\r\n color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\r\n }\r\n\r\n .u-bg-green-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\r\n }\r\n .u-green-600 {\r\n color: unquote(\"rgb(#{$palette-u-green-600})\") !important;\r\n }\r\n\r\n .u-bg-green-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-600})\") !important;\r\n }\r\n .u-green-700 {\r\n color: unquote(\"rgb(#{$palette-u-green-700})\") !important;\r\n }\r\n\r\n .u-bg-green-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-700})\") !important;\r\n }\r\n .u-green-800 {\r\n color: unquote(\"rgb(#{$palette-u-green-800})\") !important;\r\n }\r\n\r\n .u-bg-green-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-800})\") !important;\r\n }\r\n .u-green-900 {\r\n color: unquote(\"rgb(#{$palette-u-green-900})\") !important;\r\n }\r\n\r\n .u-bg-green-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n .u-blue {\r\n color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\r\n }\r\n\r\n .u-bg-blue {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\r\n }\r\n .u-blue-100 {\r\n color: unquote(\"rgb(#{$palette-u-blue-100})\") !important;\r\n }\r\n\r\n .u-bg-blue-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-100})\") !important;\r\n }\r\n .u-blue-200 {\r\n color: unquote(\"rgb(#{$palette-u-blue-200})\") !important;\r\n }\r\n\r\n .u-bg-blue-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-200})\") !important;\r\n }\r\n .u-blue-300 {\r\n color: unquote(\"rgb(#{$palette-u-blue-300})\") !important;\r\n }\r\n\r\n .u-bg-blue-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-300})\") !important;\r\n }\r\n .u-blue-400 {\r\n color: unquote(\"rgb(#{$palette-u-blue-400})\") !important;\r\n }\r\n\r\n .u-bg-blue-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-400})\") !important;\r\n }\r\n .u-blue-500 {\r\n color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\r\n }\r\n\r\n .u-bg-blue-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\r\n }\r\n .u-blue-600 {\r\n color: unquote(\"rgb(#{$palette-u-blue-600})\") !important;\r\n }\r\n\r\n .u-bg-blue-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-600})\") !important;\r\n }\r\n .u-blue-700 {\r\n color: unquote(\"rgb(#{$palette-u-blue-700})\") !important;\r\n }\r\n\r\n .u-bg-blue-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-700})\") !important;\r\n }\r\n .u-blue-800 {\r\n color: unquote(\"rgb(#{$palette-u-blue-800})\") !important;\r\n }\r\n\r\n .u-bg-blue-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-800})\") !important;\r\n }\r\n .u-blue-900 {\r\n color: unquote(\"rgb(#{$palette-u-blue-900})\") !important;\r\n }\r\n\r\n .u-bg-blue-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n .u-cyan {\r\n color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\r\n }\r\n\r\n .u-bg-cyan {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\r\n }\r\n .u-cyan-100 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-100})\") !important;\r\n }\r\n\r\n .u-bg-cyan-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-100})\") !important;\r\n }\r\n .u-cyan-200 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-200})\") !important;\r\n }\r\n\r\n .u-bg-cyan-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-200})\") !important;\r\n }\r\n .u-cyan-300 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-300})\") !important;\r\n }\r\n\r\n .u-bg-cyan-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-300})\") !important;\r\n }\r\n .u-cyan-400 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-400})\") !important;\r\n }\r\n\r\n .u-bg-cyan-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-400})\") !important;\r\n }\r\n .u-cyan-500 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\r\n }\r\n\r\n .u-bg-cyan-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\r\n }\r\n .u-cyan-600 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-600})\") !important;\r\n }\r\n\r\n .u-bg-cyan-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-600})\") !important;\r\n }\r\n .u-cyan-700 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-700})\") !important;\r\n }\r\n\r\n .u-bg-cyan-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-700})\") !important;\r\n }\r\n .u-cyan-800 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-800})\") !important;\r\n }\r\n\r\n .u-bg-cyan-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-800})\") !important;\r\n }\r\n .u-cyan-900 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-900})\") !important;\r\n }\r\n\r\n .u-bg-cyan-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n .u-purple {\r\n color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\r\n }\r\n\r\n .u-bg-purple {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\r\n }\r\n .u-purple-100 {\r\n color: unquote(\"rgb(#{$palette-u-purple-100})\") !important;\r\n }\r\n\r\n .u-bg-purple-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-100})\") !important;\r\n }\r\n .u-purple-200 {\r\n color: unquote(\"rgb(#{$palette-u-purple-200})\") !important;\r\n }\r\n\r\n .u-bg-purple-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-200})\") !important;\r\n }\r\n .u-purple-300 {\r\n color: unquote(\"rgb(#{$palette-u-purple-300})\") !important;\r\n }\r\n\r\n .u-bg-purple-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-300})\") !important;\r\n }\r\n .u-purple-400 {\r\n color: unquote(\"rgb(#{$palette-u-purple-400})\") !important;\r\n }\r\n\r\n .u-bg-purple-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-400})\") !important;\r\n }\r\n .u-purple-500 {\r\n color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\r\n }\r\n\r\n .u-bg-purple-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\r\n }\r\n .u-purple-600 {\r\n color: unquote(\"rgb(#{$palette-u-purple-600})\") !important;\r\n }\r\n\r\n .u-bg-purple-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-600})\") !important;\r\n }\r\n .u-purple-700 {\r\n color: unquote(\"rgb(#{$palette-u-purple-700})\") !important;\r\n }\r\n\r\n .u-bg-purple-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-700})\") !important;\r\n }\r\n .u-purple-800 {\r\n color: unquote(\"rgb(#{$palette-u-purple-800})\") !important;\r\n }\r\n\r\n .u-bg-purple-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-800})\") !important;\r\n }\r\n .u-purple-900 {\r\n color: unquote(\"rgb(#{$palette-u-purple-900})\") !important;\r\n }\r\n\r\n .u-bg-purple-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n .u-gray {\r\n color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\r\n }\r\n\r\n .u-bg-gray {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\r\n }\r\n\r\n .u-gray-50 {\r\n color: unquote(\"rgb(#{$palette-u-gray-50})\") !important;\r\n }\r\n\r\n .u-bg-gray-50 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-50})\") !important;\r\n }\r\n .u-gray-100 {\r\n color: unquote(\"rgb(#{$palette-u-gray-100})\") !important;\r\n }\r\n\r\n .u-bg-gray-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-100})\") !important;\r\n }\r\n .u-gray-200 {\r\n color: unquote(\"rgb(#{$palette-u-gray-200})\") !important;\r\n }\r\n\r\n .u-bg-gray-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-200})\") !important;\r\n }\r\n .u-gray-300 {\r\n color: unquote(\"rgb(#{$palette-u-gray-300})\") !important;\r\n }\r\n\r\n .u-bg-gray-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-300})\") !important;\r\n }\r\n .u-gray-400 {\r\n color: unquote(\"rgb(#{$palette-u-gray-400})\") !important;\r\n }\r\n\r\n .u-bg-gray-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-400})\") !important;\r\n }\r\n .u-gray-500 {\r\n color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\r\n }\r\n\r\n .u-bg-gray-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\r\n }\r\n .u-gray-600 {\r\n color: unquote(\"rgb(#{$palette-u-gray-600})\") !important;\r\n }\r\n\r\n .u-bg-gray-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-600})\") !important;\r\n }\r\n .u-gray-700 {\r\n color: unquote(\"rgb(#{$palette-u-gray-700})\") !important;\r\n }\r\n\r\n .u-bg-gray-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-700})\") !important;\r\n }\r\n .u-gray-800 {\r\n color: unquote(\"rgb(#{$palette-u-gray-800})\") !important;\r\n }\r\n\r\n .u-bg-gray-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-800})\") !important;\r\n }\r\n .u-gray-900 {\r\n color: unquote(\"rgb(#{$palette-u-gray-900})\") !important;\r\n }\r\n .u-bg-gray-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-900})\") !important;\r\n }\r\n .u-bg-gray-A100 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-A100})\") !important;\r\n }\r\n .u-gray-A100 {\r\n color: unquote(\"rgb(#{$palette-u-gray-A100})\") !important;\r\n }\r\n .u-bg-gray-A200 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-A200})\") !important;\r\n } .u-gray-A200 {\r\n color: unquote(\"rgb(#{$palette-u-gray-A200})\") !important;\r\n }\r\n\r\n\r\n // Black\r\n\r\n .bg-black {\r\n background-color: unquote(\"rgb(#{$color-black})\") !important;\r\n }\r\n\r\n .black {\r\n color: unquote(\"rgb(#{$color-black})\") !important;\r\n }\r\n\r\n // White\r\n\r\n .bg-white {\r\n background-color: unquote(\"rgb(#{$color-white})\") !important;\r\n }\r\n\r\n .white {\r\n color: unquote(\"rgb(#{$color-white})\") !important;\r\n }\r\n}\r\n\r\n// Primary and accent\r\n\r\n.bg-primary {\r\n background-color: unquote(\"rgb(#{$primary-color})\") !important;\r\n}\r\n\r\n.bg-primary-contrast {\r\n background-color: unquote(\"rgb(#{$color-primary-contrast})\") !important;\r\n}\r\n\r\n.bg-primary-dark {\r\n background-color: unquote(\"rgb(#{$primary-color-dark})\") !important;\r\n}\r\n\r\n.bg-accent {\r\n background-color: unquote(\"rgb(#{$color-accent})\") !important;\r\n}\r\n\r\n.bg-accent-contrast {\r\n background-color: unquote(\"rgb(#{$color-accent-contrast})\") !important;\r\n}\r\n\r\n.text-primary {\r\n color: unquote(\"rgb(#{$primary-color})\") !important;\r\n}\r\n\r\n.text-primary-contrast {\r\n color: unquote(\"rgb(#{$color-primary-contrast})\") !important;\r\n}\r\n\r\n.text-primary-dark {\r\n color: unquote(\"rgb(#{$primary-color-dark})\") !important;\r\n}\r\n\r\n.text-accent {\r\n color: unquote(\"rgb(#{$color-accent})\") !important;\r\n}\r\n\r\n.text-accent-contrast {\r\n color: unquote(\"rgb(#{$color-accent-contrast})\") !important;\r\n}\r\n","/*\r\n * 保护有用的浏览器默认样式而不是完全去掉它们\r\n * 一般化的样式:为大部分HTML元素提供\r\n * 修复浏览器自身的bug并保证各浏览器的一致性\r\n * 优化CSS可用性:用一些小技巧\r\n * 解释代码:用注释和详细的文档来\r\n*/\r\n\r\n\r\n//使html占用整个屏幕然后设置触摸操作,以避免触摸延迟在移动IE\r\n//2、在IE和iOS中,在方向更改后,防止调整字体大小。\r\n\r\nhtml {\r\n width: 100%;\r\n height: 100%;\r\n -ms-touch-action: manipulation;\r\n touch-action: manipulation;\r\n -ms-text-size-adjust: 100%; // 2\r\n -webkit-text-size-adjust: 100%; // 2\r\n}\r\n\r\n/*\r\n* 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。\r\n* 去掉默认的margin\r\n*/\r\n\r\n\r\nbody {\r\n margin: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n\r\n/*\r\n * 主显示屏复位为IE支持\r\n * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011\r\n */\r\nmain {\r\n display: block;\r\n}\r\n\r\n/*\r\n* 对具有hidden属性的元素不应用显示。\r\n* IE 9 and 10 support.\r\n*/\r\n*[hidden] {\r\n display: none !important;\r\n}\r\n\r\n*, :after, :before {\r\n box-sizing: border-box;\r\n}\r\n\r\n// HTML5 display definitions\r\n// ==========================================================================\r\n\r\n//\r\n// Add the correct display in IE 9-.\r\n// 1. Add the correct display in Edge, IE, and Firefox.\r\n// 2. Add the correct display in IE.\r\n//\r\n\r\narticle,\r\naside,\r\ndetails, // 1\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nmain, // 2\r\nmenu,\r\nnav,\r\nsection,\r\nsummary { // 1\r\n display: block;\r\n}\r\n\r\n//\r\n// Add the correct display in IE 9-.\r\n//\r\n\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n display: inline-block;\r\n}\r\n\r\n//\r\n// Add the correct display in iOS 4-7.\r\n//\r\n\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n//\r\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n//\r\n\r\nprogress {\r\n vertical-align: baseline;\r\n}\r\n\r\n//\r\n// Add the correct display in IE 10-.\r\n// 1. Add the correct display in IE.\r\n//\r\n\r\ntemplate, // 2\r\n[hidden] {\r\n display: none;\r\n}\r\n\r\n// Links\r\n// ==========================================================================\r\n\r\n//\r\n// Remove the gray background on active links in IE 10.\r\n//\r\n\r\na {\r\n background-color: transparent;\r\n}\r\n\r\n//\r\n// Remove the outline on focused links when they are also active or hovered\r\n// in all browsers (opinionated).\r\n//\r\n\r\na:active,\r\na:hover {\r\n outline-width: 0;\r\n}\r\n\r\n// Text-level semantics\r\n// ==========================================================================\r\n\r\n//\r\n// 1. Remove the bottom border in Firefox 39-.\r\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n//\r\n\r\nabbr[title] {\r\n border-bottom: none; // 1\r\n text-decoration: underline; // 2\r\n text-decoration: underline dotted; // 2\r\n}\r\n\r\n//\r\n// Prevent the duplicate application of `bolder` by the next rule in Safari 6.\r\n//\r\n\r\nb,\r\nstrong {\r\n font-weight: inherit;\r\n}\r\n\r\n//\r\n// Add the correct font weight in Chrome, Edge, and Safari.\r\n//\r\n\r\nb,\r\nstrong {\r\n font-weight: bolder;\r\n}\r\n\r\n//\r\n// Add the correct font style in Android 4.3-.\r\n//\r\n\r\ndfn {\r\n font-style: italic;\r\n}\r\n\r\n//\r\n// Correct the font size and margin on `h1` elements within `section` and\r\n// `article` contexts in Chrome, Firefox, and Safari.\r\n//\r\n\r\nh1 {\r\n font-size: 2em;\r\n margin: 0.67em 0;\r\n}\r\n\r\n//\r\n// Add the correct background and color in IE 9-.\r\n//\r\n\r\nmark {\r\n background-color: #ff0;\r\n color: #000;\r\n}\r\n\r\n//\r\n// Add the correct font size in all browsers.\r\n//\r\n\r\nsmall {\r\n font-size: 80%;\r\n}\r\n\r\n//\r\n// Prevent `sub` and `sup` elements from affecting the line height in\r\n// all browsers.\r\n//\r\n\r\nsub,\r\nsup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline;\r\n}\r\n\r\nsub {\r\n bottom: -0.25em;\r\n}\r\n\r\nsup {\r\n top: -0.5em;\r\n}\r\n\r\n// Embedded content\r\n// ==========================================================================\r\n\r\n//\r\n// Remove the border on images inside links in IE 10-.\r\n//\r\n\r\nimg {\r\n border-style: none;\r\n}\r\n\r\n//\r\n// Hide the overflow in IE.\r\n//\r\n\r\nsvg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\n// Grouping content\r\n// ==========================================================================\r\n\r\n//\r\n// 1. Correct the inheritance and scaling of font size in all browsers.\r\n// 2. Correct the odd `em` font sizing in all browsers.\r\n//\r\n\r\ncode,\r\nkbd,\r\npre,\r\nsamp {\r\n font-family: monospace, monospace; // 1\r\n font-size: 1em; // 2\r\n}\r\n\r\n//\r\n// Add the correct margin in IE 8.\r\n//\r\n\r\nfigure {\r\n margin: 1em 40px;\r\n}\r\n\r\n//\r\n// 1. Add the correct box sizing in Firefox.\r\n// 2. Show the overflow in Edge and IE.\r\n//\r\n\r\nhr {\r\n box-sizing: content-box; // 1\r\n height: 0; // 1\r\n overflow: visible; // 2\r\n}\r\n\r\n// Forms\r\n// ==========================================================================\r\n\r\n//\r\n// Change font properties to `inherit` in all browsers (opinionated).\r\n//\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea {\r\n font: inherit;\r\n}\r\n\r\n//\r\n// Restore the font weight unset by the previous rule.\r\n//\r\n\r\noptgroup {\r\n font-weight: bold;\r\n}\r\n\r\n//\r\n// Show the overflow in IE.\r\n// 1. Show the overflow in Edge.\r\n// 2. Show the overflow in Edge, Firefox, and IE.\r\n//\r\n\r\nbutton,\r\ninput, // 1\r\nselect { // 2\r\n overflow: visible;\r\n}\r\n\r\n//\r\n// Remove the margin in Safari.\r\n// 1. Remove the margin in Firefox and Safari.\r\n//\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea { // 1\r\n margin: 0;\r\n}\r\n\r\n//\r\n// Remove the inheritence of text transform in Edge, Firefox, and IE.\r\n// 1. Remove the inheritence of text transform in Firefox.\r\n//\r\n\r\nbutton,\r\nselect { // 1\r\n text-transform: none;\r\n}\r\n\r\n//\r\n// Change the cursor in all browsers (opinionated).\r\n//\r\n\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n cursor: pointer;\r\n}\r\n\r\n//\r\n// Restore the default cursor to disabled elements unset by the previous rule.\r\n//\r\n\r\n[disabled] {\r\n cursor: default;\r\n}\r\n\r\n//\r\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n// controls in Android 4.\r\n// 2. Correct the inability to style clickable types in iOS.\r\n//\r\n\r\nbutton,\r\nhtml [type=\"button\"], // 1\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button; // 2\r\n}\r\n\r\n//\r\n// Remove the inner border and padding in Firefox.\r\n//\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\n//\r\n// Restore the focus styles unset by the previous rule.\r\n//\r\n\r\nbutton:-moz-focusring,\r\ninput:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n}\r\n\r\n//\r\n// Change the border, margin, and padding in all browsers (opinionated).\r\n//\r\n\r\nfieldset {\r\n border: 1px solid #c0c0c0;\r\n margin: 0 2px;\r\n padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n//\r\n// 1. Correct the text wrapping in Edge and IE.\r\n// 2. Correct the color inheritance from `fieldset` elements in IE.\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers.\r\n//\r\n\r\nlegend {\r\n box-sizing: border-box; // 1\r\n color: inherit; // 2\r\n display: table; // 1\r\n max-width: 100%; // 1\r\n padding: 0; // 3\r\n white-space: normal; // 1\r\n}\r\n\r\n//\r\n// Remove the default vertical scrollbar in IE.\r\n//\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\n//\r\n// 1. Add the correct box sizing in IE 10-.\r\n// 2. Remove the padding in IE 10-.\r\n//\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n box-sizing: border-box; // 1\r\n padding: 0; // 2\r\n}\r\n\r\n//\r\n// Correct the cursor style of increment and decrement buttons in Chrome.\r\n//\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n//\r\n// Correct the odd appearance of search inputs in Chrome and Safari.\r\n//\r\n\r\n[type=\"search\"] {\r\n -webkit-appearance: textfield;\r\n}\r\n\r\n//\r\n// Remove the inner padding and cancel buttons in Chrome on OS X and\r\n// Safari on OS X.\r\n//\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n","\r\n@import \"minxin-colors\";\r\n\r\n@import \"minxin-variables\";\r\n\r\n//主要颜色,次要颜色值与ui中保持一致\r\n@import \"minxin-themeColors\";\r\n\r\nhtml{\r\n font-size: 10px;\r\n}\r\n\r\nbody {\r\n font-family: $preferred-font;\r\n font-color:$font-color;\r\n font-size: 1.4rem;\r\n line-height: 1.4;\r\n}\r\n\r\n\r\n//图标 左右内间距为5px;\r\ni.uf{\r\n padding: 0 5px;\r\n}\r\n\r\n\r\n/*\r\n * 选择时删除文本阴影,及设置默认选中颜色\r\n */\r\n\r\n::selection {\r\n background: $global-selected-color;\r\n text-shadow: none;\r\n}\r\n\r\n/*\r\n * 默认水平规则\r\n */\r\n\r\nhr {\r\n display: block;\r\n height: 1px;\r\n border: 0;\r\n border-top: 1px solid #ccc;\r\n margin: 1em 0;\r\n padding: 0;\r\n}\r\n\r\n/*\r\n * 删除音频,画布,iframes,图像,视频和其容器底部之间的差距\r\n */\r\n\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n vertical-align: middle;\r\n}\r\n\r\n\r\n\r\n/*\r\n * 仅允许垂直调整textareas的大小\r\n */\r\n\r\ntextarea {\r\n resize: vertical;\r\n}\r\n\r\n/* ==========================================================================\r\n 浏览器升级提示\r\n ========================================================================== */\r\n\r\n.browserupgrade {\r\n margin: 0.2em 0;\r\n background: #ccc;\r\n color: #000;\r\n padding: 0.2em 0;\r\n}\r\n\r\n\r\n\r\n/*\r\n * 适用于屏幕阅读器的隐藏\r\n */\r\n\r\n.visuallyhidden {\r\n border: 0;\r\n clip: rect(0 0 0 0);\r\n height: 1px;\r\n margin: -1px;\r\n overflow: hidden;\r\n padding: 0;\r\n position: absolute;\r\n width: 1px;\r\n}\r\n\r\n/*\r\n * 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的:\r\n * https://www.drupal.org/node/897638\r\n */\r\n\r\n.visuallyhidden.focusable:active,\r\n.visuallyhidden.focusable:focus {\r\n clip: auto;\r\n height: auto;\r\n margin: 0;\r\n overflow: visible;\r\n position: static;\r\n width: auto;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n/* ==========================================================================\r\n 打印样式。内联以避免额外的HTTP请求\r\n\r\n ========================================================================== */\r\n\r\n@media print {\r\n *,\r\n *:before,\r\n *:after,\r\n *:first-letter,\r\n *:first-line {\r\n background: transparent !important;\r\n color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */\r\n box-shadow: none !important;\r\n text-shadow: none !important;\r\n }\r\n\r\n a,\r\n a:visited {\r\n text-decoration: underline;\r\n }\r\n\r\n a[href]:after {\r\n content: \" (\" attr(href) \")\";\r\n }\r\n\r\n abbr[title]:after {\r\n content: \" (\" attr(title) \")\";\r\n }\r\n\r\n /*\r\n * 不显示片段标识符的链接,\r\n * 或使用`javascript:`伪协议\r\n */\r\n\r\n a[href^=\"#\"]:after,\r\n a[href^=\"javascript:\"]:after {\r\n content: \"\";\r\n }\r\n\r\n pre,\r\n blockquote {\r\n border: 1px solid #999;\r\n page-break-inside: avoid;\r\n }\r\n\r\n /*\r\n * 打印表格:\r\n * http://css-discuss.incutio.com/wiki/Printing_Tables\r\n */\r\n\r\n thead {\r\n display: table-header-group;\r\n }\r\n\r\n tr,\r\n img {\r\n page-break-inside: avoid;\r\n }\r\n\r\n img {\r\n max-width: 100% !important;\r\n }\r\n\r\n p,\r\n h2,\r\n h3 {\r\n orphans: 3;\r\n widows: 3;\r\n }\r\n\r\n h2,\r\n h3 {\r\n page-break-after: avoid;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n/*\r\n*删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android\r\n**/\r\na, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,\r\n.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {\r\n\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\r\n}\r\n","@font-face {font-family: \"uf\";\r\n src: url('../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920'); /* IE9*/\r\n src: url('../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920#iefix') format('embedded-opentype'), /* IE6-IE8 */\r\n url('../node_modules/tinper-bee-core/scss/iconfont.woff?t=1483429573920') format('woff'), /* chrome, firefox */\r\n url('../node_modules/tinper-bee-core/scss/iconfont.ttf?t=1483429573920') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/\r\n url('../node_modules/tinper-bee-core/scss/iconfont.svg?t=1483429573920#uf') format('svg'); /* iOS 4.1- */\r\n}\r\n\r\n\r\n.uf {\r\n font-family: \"uf\" !important;\r\n font-size: 16px;\r\n font-style: normal;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.uf-wechat:before {\r\n content: \"\\3488\";\r\n}\r\n\r\n.uf-add-c-o:before {\r\n content: \"\\e601\";\r\n}\r\n\r\n.uf-search:before {\r\n content: \"\\e603\";\r\n}\r\n\r\n.uf-histogram-arrow-up:before {\r\n content: \"\\e633\";\r\n}\r\n\r\n.uf-close-bold:before {\r\n content: \"\\e602\";\r\n}\r\n\r\n.uf-umbrella:before {\r\n content: \"\\e63b\";\r\n}\r\n\r\n.uf-qq:before {\r\n content: \"\\e694\";\r\n}\r\n\r\n.uf-4square-3:before {\r\n content: \"\\e63d\";\r\n}\r\n\r\n.uf-send:before {\r\n content: \"\\e63f\";\r\n}\r\n\r\n.uf-map:before {\r\n content: \"\\e66c\";\r\n}\r\n\r\n.uf-9square-2:before {\r\n content: \"\\e63e\";\r\n}\r\n\r\n.uf-navmenu:before {\r\n content: \"\\e614\";\r\n}\r\n\r\n.uf-pc-2:before {\r\n content: \"\\e644\";\r\n}\r\n\r\n.uf-search-light-2:before {\r\n content: \"\\e627\";\r\n}\r\n\r\n.uf-check-s-2:before {\r\n content: \"\\e66e\";\r\n}\r\n\r\n.uf-pencil:before {\r\n content: \"\\e69b\";\r\n}\r\n\r\n.uf-repeat:before {\r\n content: \"\\e634\";\r\n}\r\n\r\n.uf-security-2:before {\r\n content: \"\\e6a5\";\r\n}\r\n\r\n.uf-lexi:before {\r\n content: \"\\e643\";\r\n}\r\n\r\n.uf-pencil-s:before {\r\n content: \"\\e77d\";\r\n}\r\n\r\n.uf-del:before {\r\n content: \"\\e654\";\r\n}\r\n\r\n.uf-bi-o:before {\r\n content: \"\\e641\";\r\n}\r\n\r\n.uf-pencil-c:before {\r\n content: \"\\e6e6\";\r\n}\r\n\r\n.uf-qrcode:before {\r\n content: \"\\e661\";\r\n}\r\n\r\n.uf-rmb-c-o:before {\r\n content: \"\\e645\";\r\n}\r\n\r\n.uf-search-c-o:before {\r\n content: \"\\e659\";\r\n}\r\n\r\n.uf-bell:before {\r\n content: \"\\e60c\";\r\n}\r\n\r\n.uf-pass-3:before {\r\n content: \"\\e649\";\r\n}\r\n\r\n.uf-treearrow-down:before {\r\n content: \"\\e608\";\r\n}\r\n\r\n.uf-training:before {\r\n content: \"\\e617\";\r\n}\r\n\r\n.uf-group-2:before {\r\n content: \"\\e64c\";\r\n}\r\n\r\n.uf-zoom-in:before {\r\n content: \"\\e906\";\r\n}\r\n\r\n.uf-security-o:before {\r\n content: \"\\e7ac\";\r\n}\r\n\r\n.uf-baojia-c:before {\r\n content: \"\\e64d\";\r\n}\r\n\r\n.uf-rulerpen:before {\r\n content: \"\\e623\";\r\n}\r\n\r\n.uf-erpsearch:before {\r\n content: \"\\e64e\";\r\n}\r\n\r\n.uf-group-o:before {\r\n content: \"\\e6a8\";\r\n}\r\n\r\n.uf-cloud-o-updown:before {\r\n content: \"\\e725\";\r\n}\r\n\r\n.uf-close-c-o:before {\r\n content: \"\\e625\";\r\n}\r\n\r\n.uf-add-s:before {\r\n content: \"\\e620\";\r\n}\r\n\r\n.uf-pc:before {\r\n content: \"\\e6e8\";\r\n}\r\n\r\n.uf-rain:before {\r\n content: \"\\e771\";\r\n}\r\n\r\n.uf-nodata:before {\r\n content: \"\\e64f\";\r\n}\r\n\r\n.uf-close-c:before {\r\n content: \"\\e66b\";\r\n}\r\n\r\n.uf-bohui-s-o:before {\r\n content: \"\\e65f\";\r\n}\r\n\r\n.uf-cloud:before {\r\n content: \"\\e772\";\r\n}\r\n\r\n.uf-bag-s:before {\r\n content: \"\\e650\";\r\n}\r\n\r\n.uf-table-2:before {\r\n content: \"\\e95f\";\r\n}\r\n\r\n.uf-anglearrowpointingtoright:before {\r\n content: \"\\e61e\";\r\n}\r\n\r\n.uf-exc-c-o:before {\r\n content: \"\\e615\";\r\n}\r\n\r\n.uf-group:before {\r\n content: \"\\e651\";\r\n}\r\n\r\n.uf-personin-o:before {\r\n content: \"\\e8d3\";\r\n}\r\n\r\n.uf-calendar:before {\r\n content: \"\\e646\";\r\n}\r\n\r\n.uf-add-s-o:before {\r\n content: \"\\e604\";\r\n}\r\n\r\n.uf-sync-c-o:before {\r\n content: \"\\e655\";\r\n}\r\n\r\n.uf-grid:before {\r\n content: \"\\e657\";\r\n}\r\n\r\n.uf-anglepointingtoleft:before {\r\n content: \"\\e624\";\r\n}\r\n\r\n.uf-activate-3:before {\r\n content: \"\\e65b\";\r\n}\r\n\r\n.uf-caven:before {\r\n content: \"\\e663\";\r\n}\r\n\r\n.uf-back:before {\r\n content: \"\\e6e3\";\r\n}\r\n\r\n.uf-pass-2:before {\r\n content: \"\\e65d\";\r\n}\r\n\r\n.uf-reduce-s-o:before {\r\n content: \"\\e719\";\r\n}\r\n\r\n.uf-area:before {\r\n content: \"\\e6ea\";\r\n}\r\n\r\n.uf-flag:before {\r\n content: \"\\e65e\";\r\n}\r\n\r\n.uf-box-o-2:before {\r\n content: \"\\e610\";\r\n}\r\n\r\n.uf-arrow-s-o-down:before {\r\n content: \"\\e660\";\r\n}\r\n\r\n.uf-arrow-s-o-up:before {\r\n content: \"\\e662\";\r\n}\r\n\r\n.uf-building:before {\r\n content: \"\\e6ee\";\r\n}\r\n\r\n.uf-tapp:before {\r\n content: \"\\e773\";\r\n}\r\n\r\n.uf-treefolder:before {\r\n content: \"\\e628\";\r\n}\r\n\r\n.uf-advice:before {\r\n content: \"\\e6cf\";\r\n}\r\n\r\n.uf-2collayout:before {\r\n content: \"\\e618\";\r\n}\r\n\r\n.uf-check-s:before {\r\n content: \"\\e672\";\r\n}\r\n\r\n.uf-sign:before {\r\n content: \"\\e67a\";\r\n}\r\n\r\n.uf-listsearch:before {\r\n content: \"\\e67c\";\r\n}\r\n\r\n.uf-gridcaretarrowup:before {\r\n content: \"\\e636\";\r\n}\r\n\r\n.uf-eye-c-o:before {\r\n content: \"\\e67e\";\r\n}\r\n\r\n.uf-check-c-o:before {\r\n content: \"\\e6ef\";\r\n}\r\n\r\n.uf-seal:before {\r\n content: \"\\e67f\";\r\n}\r\n\r\n.uf-erpbox:before {\r\n content: \"\\e6ae\";\r\n}\r\n\r\n.uf-rulerpen-o:before {\r\n content: \"\\e62e\";\r\n}\r\n\r\n.uf-role:before {\r\n content: \"\\e7c2\";\r\n}\r\n\r\n.uf-exc-c-2:before {\r\n content: \"\\e675\";\r\n}\r\n\r\n.uf-pad:before {\r\n content: \"\\e6bd\";\r\n}\r\n\r\n.uf-treefolder-closed:before {\r\n content: \"\\e688\";\r\n}\r\n\r\n.uf-reduce-c-o:before {\r\n content: \"\\e635\";\r\n}\r\n\r\n.uf-pass-s-o:before {\r\n content: \"\\e682\";\r\n}\r\n\r\n.uf-setting:before {\r\n content: \"\\e683\";\r\n}\r\n\r\n.uf-close-s:before {\r\n content: \"\\e76a\";\r\n}\r\n\r\n.uf-map-o:before {\r\n content: \"\\e665\";\r\n}\r\n\r\n.uf-move:before {\r\n content: \"\\e68b\";\r\n}\r\n\r\n.uf-2arrow-down:before {\r\n content: \"\\e606\";\r\n}\r\n\r\n.uf-2arrow-right:before {\r\n content: \"\\e60b\";\r\n}\r\n\r\n.uf-arrow-c-o-left:before {\r\n content: \"\\e684\";\r\n}\r\n\r\n.uf-plus:before {\r\n content: \"\\e763\";\r\n}\r\n\r\n.uf-arrow-c-o-right:before {\r\n content: \"\\e685\";\r\n}\r\n\r\n.uf-arrow-c-o-down:before {\r\n content: \"\\e687\";\r\n}\r\n\r\n.uf-list-s-o:before {\r\n content: \"\\e746\";\r\n}\r\n\r\n.uf-cloud-o-down:before {\r\n content: \"\\e673\";\r\n}\r\n\r\n.uf-nodata-2:before {\r\n content: \"\\e68c\";\r\n}\r\n\r\n.uf-file-s:before {\r\n content: \"\\e642\";\r\n}\r\n\r\n.uf-2arrow-up:before {\r\n content: \"\\e607\";\r\n}\r\n\r\n.uf-notification:before {\r\n content: \"\\e9cc\";\r\n}\r\n\r\n.uf-piechart:before {\r\n content: \"\\e6f0\";\r\n}\r\n\r\n.uf-cloud-o-up:before {\r\n content: \"\\e6ac\";\r\n}\r\n\r\n.uf-close:before {\r\n content: \"\\e76b\";\r\n}\r\n\r\n.uf-correct:before {\r\n content: \"\\e677\";\r\n}\r\n\r\n.uf-histogram-s-o-2:before {\r\n content: \"\\e6fa\";\r\n}\r\n\r\n.uf-4square-2:before {\r\n content: \"\\e691\";\r\n}\r\n\r\n.uf-sunny:before {\r\n content: \"\\e774\";\r\n}\r\n\r\n.uf-link:before {\r\n content: \"\\e6fe\";\r\n}\r\n\r\n.uf-eye:before {\r\n content: \"\\e692\";\r\n}\r\n\r\n.uf-eye-o:before {\r\n content: \"\\e69c\";\r\n}\r\n\r\n.uf-qian:before {\r\n content: \"\\e69e\";\r\n}\r\n\r\n.uf-widgetab:before {\r\n content: \"\\e6f2\";\r\n}\r\n\r\n.uf-rmb-s:before {\r\n content: \"\\e6a0\";\r\n}\r\n\r\n.uf-link-off:before {\r\n content: \"\\e6ff\";\r\n}\r\n\r\n.uf-shang-s:before {\r\n content: \"\\e6a1\";\r\n}\r\n\r\n.uf-xia-s:before {\r\n content: \"\\e6a6\";\r\n}\r\n\r\n.uf-box-2:before {\r\n content: \"\\e616\";\r\n}\r\n\r\n.uf-pass-o:before {\r\n content: \"\\e6a7\";\r\n}\r\n\r\n.uf-arrow-down:before {\r\n content: \"\\e609\";\r\n}\r\n\r\n.uf-arrow-right:before {\r\n content: \"\\e611\";\r\n}\r\n\r\n.uf-arrow-left:before {\r\n content: \"\\e612\";\r\n}\r\n\r\n.uf-box:before {\r\n content: \"\\e613\";\r\n}\r\n\r\n.uf-triangle-right:before {\r\n content: \"\\e61c\";\r\n}\r\n\r\n.uf-histogram-s-o:before {\r\n content: \"\\e626\";\r\n}\r\n\r\n.uf-book:before {\r\n content: \"\\e62a\";\r\n}\r\n\r\n.uf-bookmark-o:before {\r\n content: \"\\e631\";\r\n}\r\n\r\n.uf-leaf:before {\r\n content: \"\\e62d\";\r\n}\r\n\r\n.uf-bullseye:before {\r\n content: \"\\e632\";\r\n}\r\n\r\n.uf-gridcaretdown:before {\r\n content: \"\\e637\";\r\n}\r\n\r\n.uf-triangle-up:before {\r\n content: \"\\e638\";\r\n}\r\n\r\n.uf-triangle-down:before {\r\n content: \"\\e639\";\r\n}\r\n\r\n.uf-cloud-down:before {\r\n content: \"\\e64a\";\r\n}\r\n\r\n.uf-cloud-up:before {\r\n content: \"\\e64b\";\r\n}\r\n\r\n.uf-bubble:before {\r\n content: \"\\e652\";\r\n}\r\n\r\n.uf-bubble-o:before {\r\n content: \"\\e653\";\r\n}\r\n\r\n.uf-copy:before {\r\n content: \"\\e65a\";\r\n}\r\n\r\n.uf-correct-2:before {\r\n content: \"\\e658\";\r\n}\r\n\r\n.uf-2arrow-left:before {\r\n content: \"\\e664\";\r\n}\r\n\r\n.uf-arrow-down-2:before {\r\n content: \"\\e667\";\r\n}\r\n\r\n.uf-download:before {\r\n content: \"\\e669\";\r\n}\r\n\r\n.uf-earth:before {\r\n content: \"\\e66d\";\r\n}\r\n\r\n.uf-mail-o:before {\r\n content: \"\\e66f\";\r\n}\r\n\r\n.uf-mail:before {\r\n content: \"\\e670\";\r\n}\r\n\r\n.uf-exc:before {\r\n content: \"\\e674\";\r\n}\r\n\r\n.uf-externallink:before {\r\n content: \"\\e676\";\r\n}\r\n\r\n.uf-video:before {\r\n content: \"\\e67b\";\r\n}\r\n\r\n.uf-films:before {\r\n content: \"\\e680\";\r\n}\r\n\r\n.uf-folder:before {\r\n content: \"\\e689\";\r\n}\r\n\r\n.uf-folder-o:before {\r\n content: \"\\e68a\";\r\n}\r\n\r\n.uf-4square:before {\r\n content: \"\\e68e\";\r\n}\r\n\r\n.uf-gift:before {\r\n content: \"\\e693\";\r\n}\r\n\r\n.uf-github-c:before {\r\n content: \"\\e695\";\r\n}\r\n\r\n.uf-github-s:before {\r\n content: \"\\e696\";\r\n}\r\n\r\n.uf-heart-o:before {\r\n content: \"\\e6a3\";\r\n}\r\n\r\n.uf-heart:before {\r\n content: \"\\e6a4\";\r\n}\r\n\r\n.uf-home:before {\r\n content: \"\\e6a2\";\r\n}\r\n\r\n.uf-i-c-2:before {\r\n content: \"\\e6aa\";\r\n}\r\n\r\n.uf-i:before {\r\n content: \"\\e6ab\";\r\n}\r\n\r\n.uf-triangle-left:before {\r\n content: \"\\e6b0\";\r\n}\r\n\r\n.uf-symlist:before {\r\n content: \"\\e6be\";\r\n}\r\n\r\n.uf-arrow-left-2:before {\r\n content: \"\\e6bf\";\r\n}\r\n\r\n.uf-arrow-right-2:before {\r\n content: \"\\e6c0\";\r\n}\r\n\r\n.uf-arrow-up-2:before {\r\n content: \"\\e6c1\";\r\n}\r\n\r\n.uf-reduce-c:before {\r\n content: \"\\e6cb\";\r\n}\r\n\r\n.uf-reduce-s:before {\r\n content: \"\\e6cc\";\r\n}\r\n\r\n.uf-minus:before {\r\n content: \"\\e6ce\";\r\n}\r\n\r\n.uf-mobile:before {\r\n content: \"\\e6e0\";\r\n}\r\n\r\n.uf-bell-o:before {\r\n content: \"\\e6d4\";\r\n}\r\n\r\n.uf-9square:before {\r\n content: \"\\e6d5\";\r\n}\r\n\r\n.uf-numlist:before {\r\n content: \"\\e6dd\";\r\n}\r\n\r\n.uf-folderopen-o:before {\r\n content: \"\\e6d7\";\r\n}\r\n\r\n.uf-treefolderopen:before {\r\n content: \"\\e6d8\";\r\n}\r\n\r\n.uf-mac:before {\r\n content: \"\\e6ed\";\r\n}\r\n\r\n.uf-camera:before {\r\n content: \"\\e6e4\";\r\n}\r\n\r\n.uf-picture:before {\r\n content: \"\\e6e5\";\r\n}\r\n\r\n.uf-play:before {\r\n content: \"\\e6eb\";\r\n}\r\n\r\n.uf-play-o:before {\r\n content: \"\\e6ec\";\r\n}\r\n\r\n.uf-qm-c:before {\r\n content: \"\\e6f4\";\r\n}\r\n\r\n.uf-qm:before {\r\n content: \"\\e6f5\";\r\n}\r\n\r\n.uf-navmenu-light:before {\r\n content: \"\\e6fd\";\r\n}\r\n\r\n.uf-settings:before {\r\n content: \"\\e70c\";\r\n}\r\n\r\n.uf-cart:before {\r\n content: \"\\e711\";\r\n}\r\n\r\n.uf-histogram:before {\r\n content: \"\\e714\";\r\n}\r\n\r\n.uf-finetune:before {\r\n content: \"\\e71a\";\r\n}\r\n\r\n.uf-sortup:before {\r\n content: \"\\e71b\";\r\n}\r\n\r\n.uf-sortdown:before {\r\n content: \"\\e71c\";\r\n}\r\n\r\n.uf-sort19:before {\r\n content: \"\\e71d\";\r\n}\r\n\r\n.uf-sort91:before {\r\n content: \"\\e71f\";\r\n}\r\n\r\n.uf-za:before {\r\n content: \"\\e721\";\r\n}\r\n\r\n.uf-star-o:before {\r\n content: \"\\e726\";\r\n}\r\n\r\n.uf-star-2:before {\r\n content: \"\\e727\";\r\n}\r\n\r\n.uf-star:before {\r\n content: \"\\e728\";\r\n}\r\n\r\n.uf-luggage:before {\r\n content: \"\\e72d\";\r\n}\r\n\r\n.uf-table:before {\r\n content: \"\\e730\";\r\n}\r\n\r\n.uf-tel:before {\r\n content: \"\\e734\";\r\n}\r\n\r\n.uf-tel-s:before {\r\n content: \"\\e735\";\r\n}\r\n\r\n.uf-terminal:before {\r\n content: \"\\e736\";\r\n}\r\n\r\n.uf-file:before {\r\n content: \"\\e738\";\r\n}\r\n\r\n.uf-file-o:before {\r\n content: \"\\e739\";\r\n}\r\n\r\n.uf-3dot-h:before {\r\n content: \"\\e73c\";\r\n}\r\n\r\n.uf-time-c-o:before {\r\n content: \"\\e742\";\r\n}\r\n\r\n.uf-upload:before {\r\n content: \"\\e750\";\r\n}\r\n\r\n.uf-3dot-v:before {\r\n content: \"\\e753\";\r\n}\r\n\r\n.uf-rmb:before {\r\n content: \"\\e757\";\r\n}\r\n\r\n.uf-arrow-c-o-up:before {\r\n content: \"\\e6a9\";\r\n}\r\n\r\n.uf-reject-2:before {\r\n content: \"\\e6ad\";\r\n}\r\n\r\n.uf-barcode:before {\r\n content: \"\\e7fc\";\r\n}\r\n\r\n.uf-zoom-out:before {\r\n content: \"\\e686\";\r\n}\r\n\r\n.uf-exc-t-o:before {\r\n content: \"\\e60a\";\r\n}\r\n\r\n.uf-pass:before {\r\n content: \"\\e6b1\";\r\n}\r\n\r\n.uf-flow:before {\r\n content: \"\\e6b2\";\r\n}\r\n\r\n.uf-add-c:before {\r\n content: \"\\e61a\";\r\n}\r\n\r\n.uf-arrow-c-o-right-2:before {\r\n content: \"\\e6b3\";\r\n}\r\n\r\n.uf-shelf-on:before {\r\n content: \"\\e6b4\";\r\n}\r\n\r\n.uf-shelf-off:before {\r\n content: \"\\e6b5\";\r\n}\r\n\r\n.uf-file-o-2:before {\r\n content: \"\\e60f\";\r\n}\r\n\r\n.uf-truck-o:before {\r\n content: \"\\e6b6\";\r\n}\r\n\r\n.uf-super:before {\r\n content: \"\\e62c\";\r\n}\r\n\r\n.uf-equipment:before {\r\n content: \"\\e630\";\r\n}\r\n\r\n.uf-arrow-c-o-left-2:before {\r\n content: \"\\e6b8\";\r\n}\r\n\r\n.uf-files-o:before {\r\n content: \"\\e6fc\";\r\n}\r\n\r\n.uf-cloud-o:before {\r\n content: \"\\e6ba\";\r\n}\r\n\r\n.uf-rmb-s-o-2:before {\r\n content: \"\\e6bb\";\r\n}\r\n\r\n.uf-3dot-c-o:before {\r\n content: \"\\e6f3\";\r\n}\r\n\r\n.uf-dafeng:before {\r\n content: \"\\e775\";\r\n}\r\n\r\n.uf-baoxue:before {\r\n content: \"\\e776\";\r\n}\r\n\r\n.uf-bingbao:before {\r\n content: \"\\e777\";\r\n}\r\n\r\n.uf-fengbao:before {\r\n content: \"\\e778\";\r\n}\r\n\r\n.uf-xiaoyu:before {\r\n content: \"\\e779\";\r\n}\r\n\r\n.uf-zhenxue:before {\r\n content: \"\\e77a\";\r\n}\r\n\r\n.uf-zhongyu:before {\r\n content: \"\\e77b\";\r\n}\r\n\r\n.uf-es:before {\r\n content: \"\\e747\";\r\n}\r\n\r\n.uf-flow-o-2:before {\r\n content: \"\\e6bc\";\r\n}\r\n\r\n.uf-activate-2:before {\r\n content: \"\\e6c2\";\r\n}\r\n\r\n.uf-flow-o:before {\r\n content: \"\\e6c3\";\r\n}\r\n\r\n.uf-bulb-2:before {\r\n content: \"\\e63a\";\r\n}\r\n\r\n.uf-mi-c:before {\r\n content: \"\\e62f\";\r\n}\r\n\r\n.uf-top-up:before {\r\n content: \"\\e668\";\r\n}\r\n\r\n.uf-creditcard:before {\r\n content: \"\\e8b4\";\r\n}\r\n\r\n.uf-align-center:before {\r\n content: \"\\e8b9\";\r\n}\r\n\r\n.uf-align-justify:before {\r\n content: \"\\e8ba\";\r\n}\r\n\r\n.uf-align-left:before {\r\n content: \"\\e8bb\";\r\n}\r\n\r\n.uf-align-right:before {\r\n content: \"\\e8bc\";\r\n}\r\n\r\n.uf-ju-c-o:before {\r\n content: \"\\e6c4\";\r\n}\r\n\r\n.uf-truck:before {\r\n content: \"\\e990\";\r\n}\r\n\r\n.uf-setting-c-o:before {\r\n content: \"\\e6c5\";\r\n}\r\n\r\n.uf-users-o:before {\r\n content: \"\\e91b\";\r\n}\r\n\r\n.uf-bag-s-o:before {\r\n content: \"\\e6c6\";\r\n}\r\n\r\n.uf-cai-s:before {\r\n content: \"\\e6c7\";\r\n}\r\n\r\n.uf-listcheck:before {\r\n content: \"\\e6c8\";\r\n}\r\n\r\n.uf-users:before {\r\n content: \"\\e794\";\r\n}\r\n\r\n.uf-i-c:before {\r\n content: \"\\e6cd\";\r\n}\r\n\r\n.uf-building-o:before {\r\n content: \"\\e6f6\";\r\n}\r\n\r\n.uf-rmb-s-o:before {\r\n content: \"\\e6d0\";\r\n}\r\n\r\n.uf-reject:before {\r\n content: \"\\e6d1\";\r\n}\r\n\r\n.uf-9dot:before {\r\n content: \"\\e6f7\";\r\n}\r\n\r\n.uf-loadingstate:before {\r\n content: \"\\e600\";\r\n}\r\n\r\n.uf-gateway:before {\r\n content: \"\\e6d3\";\r\n}\r\n\r\n.uf-ticket-s-o:before {\r\n content: \"\\e6d6\";\r\n}\r\n\r\n.uf-userset:before {\r\n content: \"\\e6f8\";\r\n}\r\n\r\n.uf-puzzle-o:before {\r\n content: \"\\e648\";\r\n}\r\n\r\n.uf-box-o:before {\r\n content: \"\\e6d9\";\r\n}\r\n\r\n.uf-bulb:before {\r\n content: \"\\e6da\";\r\n}\r\n\r\n.uf-exc-t:before {\r\n content: \"\\e61b\";\r\n}\r\n\r\n.uf-rmb-c:before {\r\n content: \"\\e6db\";\r\n}\r\n\r\n.uf-table-s-o:before {\r\n content: \"\\e759\";\r\n}\r\n\r\n.uf-umbrella-o:before {\r\n content: \"\\e6dc\";\r\n}\r\n\r\n.uf-dropbox:before {\r\n content: \"\\e69d\";\r\n}\r\n\r\n.uf-search-light:before {\r\n content: \"\\e622\";\r\n}\r\n\r\n.uf-cart-o:before {\r\n content: \"\\e8c4\";\r\n}\r\n\r\n.uf-kero-col:before {\r\n content: \"\\e8c7\";\r\n}\r\n\r\n.uf-uba-col:before {\r\n content: \"\\e8c8\";\r\n}\r\n\r\n.uf-tinperzc-col:before {\r\n content: \"\\e8c9\";\r\n}\r\n\r\n.uf-tinperzch-col:before {\r\n content: \"\\e8ca\";\r\n}\r\n\r\n.uf-iuap-col:before {\r\n content: \"\\e8cb\";\r\n}\r\n\r\n.uf-iuapdesign-col:before {\r\n content: \"\\e8cc\";\r\n}\r\n\r\n.uf-bee-col:before {\r\n content: \"\\e8cd\";\r\n}\r\n\r\n.uf-neoui-col:before {\r\n content: \"\\e8ce\";\r\n}\r\n\r\n.uf-sparrow-col:before {\r\n content: \"\\e8cf\";\r\n}\r\n\r\n.uf-tinpercn-col:before {\r\n content: \"\\e8d0\";\r\n}\r\n\r\n.uf-tinperen-col:before {\r\n content: \"\\e8d1\";\r\n}\r\n\r\n.uf-arrow-up:before {\r\n content: \"\\e8d2\";\r\n}\r\n\r\n.uf-mailsym:before {\r\n content: \"\\e605\";\r\n}\r\n\r\n.uf-print:before {\r\n content: \"\\e60e\";\r\n}\r\n\r\n.uf-ticket-3:before {\r\n content: \"\\e619\";\r\n}\r\n\r\n.uf-loan:before {\r\n content: \"\\e61f\";\r\n}\r\n\r\n.uf-ticket-2:before {\r\n content: \"\\e629\";\r\n}\r\n\r\n.uf-offwork:before {\r\n content: \"\\e62b\";\r\n}\r\n\r\n.uf-todolist:before {\r\n content: \"\\e640\";\r\n}\r\n\r\n.uf-personin:before {\r\n content: \"\\e66a\";\r\n}\r\n\r\n.uf-ticket:before {\r\n content: \"\\e671\";\r\n}\r\n\r\n.uf-linechart:before {\r\n content: \"\\e6fb\";\r\n}\r\n\r\n.uf-4leaf:before {\r\n content: \"\\e6de\";\r\n}\r\n\r\n.uf-listset:before {\r\n content: \"\\e6df\";\r\n}\r\n\r\n.uf-qi-c-o:before {\r\n content: \"\\e621\";\r\n}\r\n\r\n.uf-exc-c:before {\r\n content: \"\\e61d\";\r\n}\r\n\r\n.uf-code:before {\r\n content: \"\\e656\";\r\n}\r\n\r\n.uf-plug-o:before {\r\n content: \"\\e60d\";\r\n}\r\n\r\n.uf-search-s:before {\r\n content: \"\\e991\";\r\n}\r\n\r\n.uf-treeadd:before {\r\n content: \"\\e992\";\r\n}\r\n\r\n.uf-mi:before {\r\n content: \"\\e993\";\r\n}\r\n\r\n.uf-treeline-copy:before {\r\n content: \"\\e994\";\r\n}\r\n\r\n.uf-listwithdots:before {\r\n content: \"\\e9cd\";\r\n}\r\n\r\n.uf-gridlogo:before {\r\n content: \"\\e900\";\r\n}\r\n\r\n.uf-magnifyingglass:before {\r\n content: \"\\e9ce\";\r\n}\r\n\r\n.uf-anglearrowdown:before {\r\n content: \"\\e9cf\";\r\n}\r\n\r\n.uf-yongyouyunchnen:before {\r\n content: \"\\e98d\";\r\n}\r\n\r\n.uf-yycloud:before {\r\n content: \"\\e68f\";\r\n}\r\n\r\n.uf-funnel-o:before {\r\n content: \"\\e63c\";\r\n}\r\n\r\n.uf-filter:before {\r\n content: \"\\e9d0\";\r\n}\r\n\r\n.uf-filterno:before {\r\n content: \"\\e9d1\";\r\n}\r\n\r\n.uf-clean:before {\r\n content: \"\\e9d2\";\r\n}\r\n\r\n.uf-save:before {\r\n content: \"\\e9d3\";\r\n}\r\n\r\n.uf-export:before {\r\n content: \"\\e9d4\";\r\n}\r\n\r\n.uf-import:before {\r\n content: \"\\e9d5\";\r\n}\r\n\r\n.uf-stop-c:before {\r\n content: \"\\e9d6\";\r\n}\r\n\r\n.uf-rubber:before {\r\n content: \"\\e9d7\";\r\n}\r\n\r\n.uf-bediting:before {\r\n content: \"\\e9d8\";\r\n}\r\n\r\n.uf-maxmize:before {\r\n content: \"\\e9d9\";\r\n}\r\n\r\n.uf-minimize:before {\r\n content: \"\\e9da\";\r\n}\r\n\r\n.uf-globe:before {\r\n content: \"\\e9db\";\r\n}","\r\n@import \"minxin-variables\";\r\n@import \"minxin-mixins\";\r\n//垂直对齐\r\n// ========================================================================\r\n.vertical-align {\r\n font-size: 0;\r\n\r\n &:before {\r\n display: inline-block;\r\n height: 100%;\r\n vertical-align: middle;\r\n content: \"\";\r\n }\r\n\r\n &-middle, &-bottom {\r\n display: inline-block;\r\n max-width: 100%;\r\n font-size: $font-size-small;\r\n }\r\n &-middle {\r\n vertical-align: middle;\r\n }\r\n &-bottom {\r\n vertical-align: bottom;\r\n }\r\n}\r\n\r\n// Layout\r\n// ========================================================================\r\n.inline {\r\n display: inline !important;\r\n}\r\n\r\n.inline-block {\r\n display: inline-block !important;\r\n}\r\n\r\n.block {\r\n display: block !important;\r\n}\r\n\r\n// Text wrapping\r\n// ========================================================================\r\n.text-truncate {\r\n @include text-truncate();\r\n}\r\n\r\n.text-break {\r\n @include text-break();\r\n}\r\n\r\n.text-nowrap {\r\n @include text-nowrap();\r\n}\r\n\r\n//文字柔和\r\n.text-muted {\r\n color: inherit;\r\n opacity: 0.75;\r\n}\r\n\r\n.text-muted-dk {\r\n color: inherit;\r\n opacity: 0.5;\r\n}\r\n\r\n.text-muted-lt {\r\n color: inherit;\r\n opacity: 0.25;\r\n}\r\n\r\n\r\n// Text Alignment\r\n// ========================================================================\r\n.text-top {\r\n vertical-align: top !important;\r\n}\r\n.text-middle {\r\n vertical-align: middle !important;\r\n}\r\n.text-bottom {\r\n vertical-align: bottom !important;\r\n}\r\n.text-left {\r\n text-align: left !important;\r\n}\r\n.text-right {\r\n text-align: right !important;\r\n}\r\n.text-center {\r\n text-align: center !important;\r\n}\r\n.text-justify {\r\n text-align: justify !important;\r\n}\r\n// .text-nowrap {\r\n// white-space: nowrap !important;\r\n// }\r\n\r\n// Text Transformation\r\n// ========================================================================\r\n.text-lowercase {\r\n text-transform: lowercase !important;\r\n}\r\n.text-uppercase {\r\n text-transform: uppercase !important;\r\n}\r\n.text-capitalize {\r\n text-transform: capitalize !important;\r\n}\r\n\r\n\r\n// Font weight Helpers\r\n// ========================================================================\r\n.font-weight-unset {\r\n font-weight: unset !important;\r\n}\r\n.font-weight-100 {\r\n font-weight: 100 !important;\r\n}\r\n.font-weight-200 {\r\n font-weight: 200 !important;\r\n}\r\n.font-weight-300 {\r\n font-weight: 300 !important;\r\n}\r\n.font-weight-400 {\r\n font-weight: 400 !important;\r\n}\r\n.font-weight-500 {\r\n font-weight: 500 !important;\r\n}\r\n.font-weight-600 {\r\n font-weight: 600 !important;\r\n}\r\n.font-weight-700 {\r\n font-weight: 700 !important;\r\n}\r\n.font-weight-800 {\r\n font-weight: 800 !important;\r\n}\r\n.font-weight-900 {\r\n font-weight: 900 !important;\r\n}\r\n.font-weight-light {\r\n font-weight: $font-weight-light !important;\r\n}\r\n.font-weight-normal {\r\n font-weight: $font-weight-normal !important;\r\n}\r\n.font-weight-medium {\r\n font-weight: $font-weight-medium !important;\r\n}\r\n.font-weight-bold {\r\n font-weight: $font-weight-bold !important;\r\n}\r\n\r\n\r\n// Font Size Helpers\r\n// ========================================================================\r\n.font-size-0 {\r\n font-size: 0 !important;\r\n}\r\n.font-size-10 {\r\n font-size: 10px !important;\r\n}\r\n.font-size-12 {\r\n font-size: 12px !important;\r\n}\r\n.font-size-14 {\r\n font-size: 14px !important;\r\n}\r\n.font-size-16 {\r\n font-size: 16px !important;\r\n}\r\n.font-size-18 {\r\n font-size: 18px !important;\r\n}\r\n.font-size-20 {\r\n font-size: 20px !important;\r\n}\r\n.font-size-24 {\r\n font-size: 24px !important;\r\n}\r\n.font-size-26 {\r\n font-size: 26px !important;\r\n}\r\n.font-size-30 {\r\n font-size: 30px !important;\r\n}\r\n.font-size-40 {\r\n font-size: 40px !important;\r\n}\r\n.font-size-50 {\r\n font-size: 50px !important;\r\n}\r\n.font-size-60 {\r\n font-size: 60px !important;\r\n}\r\n.font-size-70 {\r\n font-size: 70px !important;\r\n}\r\n.font-size-80 {\r\n font-size: 80px !important;\r\n}\r\n\r\n\r\n// Floats\r\n// -------------------------\r\n\r\n.clearfix {\r\n @include clearfix();\r\n}\r\n.center-block {\r\n @include center-block();\r\n}\r\n.pull-right {\r\n float: right !important;\r\n}\r\n.pull-left {\r\n float: left !important;\r\n}\r\n\r\n\r\n// Toggling content\r\n// -------------------------\r\n\r\n// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1\r\n.hide {\r\n display: none !important;\r\n}\r\n.show {\r\n display: block !important;\r\n}\r\n.invisible {\r\n visibility: hidden;\r\n}\r\n.text-hide {\r\n @include text-hide();\r\n}\r\n\r\n\r\n// Hide from screenreaders and browsers\r\n.hidden {\r\n display: none !important;\r\n}\r\n\r\n\r\n/* 宽高 */\r\n.w-16 {\r\n width: 16px;\r\n}\r\n\r\n.w-20 {\r\n width: 20px;\r\n}\r\n\r\n.w-24 {\r\n width: 24px;\r\n}\r\n\r\n.w-32 {\r\n width: 32px;\r\n}\r\n\r\n.w-40 {\r\n width: 40px;\r\n}\r\n\r\n.w-48 {\r\n width: 48px;\r\n}\r\n\r\n.w-56 {\r\n width: 56px;\r\n}\r\n\r\n.w-64 {\r\n width: 64px;\r\n}\r\n\r\n.w-xs {\r\n width: 90px;\r\n}\r\n\r\n.w-sm {\r\n width: 120px;\r\n}\r\n\r\n.w {\r\n width: 180px;\r\n}\r\n\r\n.w-md {\r\n width: 200px;\r\n}\r\n\r\n.w-lg {\r\n width: 240px;\r\n}\r\n\r\n.w-xl {\r\n width: 280px;\r\n}\r\n\r\n.w-xxl {\r\n width: 320px;\r\n}\r\n\r\n.w-full {\r\n width: 100%;\r\n}\r\n\r\n\r\n// Width Helpers\r\n// ========================================================================\r\n.width-50 {\r\n width: 50px;\r\n}\r\n.width-100 {\r\n width: 100px;\r\n}\r\n.width-150 {\r\n width: 150px;\r\n}\r\n.width-200 {\r\n width: 200px;\r\n}\r\n.width-250 {\r\n width: 250px;\r\n}\r\n.width-300 {\r\n width: 300px;\r\n}\r\n.width-350 {\r\n width: 350px;\r\n}\r\n.width-400 {\r\n width: 400px;\r\n}\r\n.width-450 {\r\n width: 450px;\r\n}\r\n.width-500 {\r\n width: 500px;\r\n}\r\n.width-full {\r\n width: 100% !important;\r\n}\r\n.width-auto {\r\n width: auto;\r\n}\r\n\r\n\r\n\r\n\r\n.h-16 {\r\n height: 16px;\r\n}\r\n\r\n.h-20 {\r\n height: 20px;\r\n}\r\n\r\n.h-24 {\r\n height: 24px;\r\n}\r\n\r\n.h-32 {\r\n height: 32px;\r\n}\r\n\r\n.h-40 {\r\n height: 40px;\r\n}\r\n\r\n.h-48 {\r\n height: 48px;\r\n}\r\n\r\n.h-56 {\r\n height: 56px;\r\n}\r\n\r\n.h-64 {\r\n height: 64px;\r\n}\r\n\r\n.h-xxl {\r\n height: 60px;\r\n}\r\n\r\n.h-xs {\r\n height: 90px;\r\n}\r\n\r\n.h-sm {\r\n height: 120px;\r\n}\r\n\r\n.h {\r\n height: 180px;\r\n}\r\n\r\n.h-md {\r\n height: 200px;\r\n}\r\n\r\n.h-lg {\r\n height: 240px;\r\n}\r\n\r\n.h-xl {\r\n height: 280px;\r\n}\r\n\r\n.h-xxl {\r\n height: 320px;\r\n}\r\n\r\n\r\n.h-auto {\r\n height: auto;\r\n}\r\n\r\n.h-full {\r\n height: 100%;\r\n}\r\n\r\n\r\n// Height Helpers\r\n// ========================================================================\r\n.height-50 {\r\n height: 50px;\r\n}\r\n.height-100 {\r\n height: 100px;\r\n}\r\n.height-120 {\r\n height: 120px;\r\n}\r\n.height-150 {\r\n height: 150px;\r\n}\r\n.height-200 {\r\n height: 200px;\r\n}\r\n.height-250 {\r\n height: 250px;\r\n}\r\n.height-300 {\r\n height: 300px;\r\n}\r\n.height-350 {\r\n height: 350px;\r\n}\r\n.height-400 {\r\n height: 400px;\r\n}\r\n.height-450 {\r\n height: 450px;\r\n}\r\n.height-500 {\r\n height: 500px;\r\n}\r\n.height-full {\r\n height: 100% !important;\r\n}\r\n\r\n.height-auto {\r\n height: auto;\r\n}\r\n\r\n\r\n/* 外边距 */\r\n\r\n.no-margin {\r\n margin: 0;\r\n}\r\n\r\n.m {\r\n margin: 16px;\r\n}\r\n\r\n.m-xs {\r\n margin: 4px;\r\n}\r\n\r\n.m-sm {\r\n margin: 8px;\r\n}\r\n\r\n.m-md {\r\n margin: 24px;\r\n}\r\n\r\n.m-lg {\r\n margin: 32px;\r\n}\r\n\r\n.m-v-xs {\r\n margin-top: 4px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.m-v-sm {\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.m-v {\r\n margin-top: 16px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.m-v-md {\r\n margin-top: 24px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.m-v-lg {\r\n margin-top: 32px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.m-h-xs {\r\n margin-right: 4px;\r\n margin-left: 4px;\r\n}\r\n\r\n.m-h-sm {\r\n margin-right: 8px;\r\n margin-left: 8px;\r\n}\r\n\r\n.m-h {\r\n margin-right: 16px;\r\n margin-left: 16px;\r\n}\r\n\r\n.m-h-md {\r\n margin-right: 24px;\r\n margin-left: 24px;\r\n}\r\n\r\n.m-h-lg {\r\n margin-right: 32px;\r\n margin-left: 32px;\r\n}\r\n\r\n.m-t {\r\n margin-top: 16px;\r\n}\r\n\r\n.m-t-xs {\r\n margin-top: 4px;\r\n}\r\n\r\n.m-t-sm {\r\n margin-top: 8px;\r\n}\r\n\r\n.m-t-md {\r\n margin-top: 24px;\r\n}\r\n\r\n.m-t-lg {\r\n margin-top: 32px;\r\n}\r\n\r\n.m-r {\r\n margin-right: 16px;\r\n}\r\n\r\n.m-r-xs {\r\n margin-right: 4px;\r\n}\r\n\r\n.m-r-sm {\r\n margin-right: 8px;\r\n}\r\n\r\n.m-r-md {\r\n margin-right: 24px;\r\n}\r\n\r\n.m-r-lg {\r\n margin-right: 32px;\r\n}\r\n\r\n.m-b {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.m-b-xs {\r\n margin-bottom: 4px;\r\n}\r\n\r\n.m-b-sm {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.m-b-md {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.m-b-lg {\r\n margin-bottom: 32px;\r\n}\r\n\r\n.m-l {\r\n margin-left: 16px;\r\n}\r\n\r\n.m-l-xs {\r\n margin-left: 4px;\r\n}\r\n\r\n.m-l-sm {\r\n margin-left: 8px;\r\n}\r\n\r\n.m-l-md {\r\n margin-left: 24px;\r\n}\r\n\r\n.m-l-lg {\r\n margin-left: 32px;\r\n}\r\n\r\n.m-n {\r\n margin: -16px;\r\n}\r\n\r\n.m-h-n {\r\n margin-right: -16px;\r\n margin-left: -16px;\r\n}\r\n\r\n.m-v-n {\r\n margin-top: -16px;\r\n margin-bottom: -16px;\r\n}\r\n\r\n.m-l-n {\r\n margin-left: -16px;\r\n}\r\n\r\n.m-r-n {\r\n margin-right: -16px;\r\n}\r\n\r\n.m-t-n {\r\n margin-top: -16px;\r\n}\r\n\r\n.m-b-n {\r\n margin-bottom: -16px;\r\n}\r\n\r\n// Margin Helpers\r\n// ========================================================================\r\n.margin-0 {\r\n margin: 0 !important;\r\n}\r\n.margin-3 {\r\n margin: 3px !important;\r\n}\r\n.margin-5 {\r\n margin: 5px !important;\r\n}\r\n.margin-10 {\r\n margin: 10px !important;\r\n}\r\n.margin-15 {\r\n margin: 15px !important;\r\n}\r\n.margin-20 {\r\n margin: 20px !important;\r\n}\r\n.margin-25 {\r\n margin: 25px !important;\r\n}\r\n.margin-30 {\r\n margin: 30px !important;\r\n}\r\n.margin-35 {\r\n margin: 35px !important;\r\n}\r\n.margin-40 {\r\n margin: 40px !important;\r\n}\r\n.margin-45 {\r\n margin: 45px !important;\r\n}\r\n.margin-50 {\r\n margin: 50px !important;\r\n}\r\n.margin-60 {\r\n margin: 60px !important;\r\n}\r\n.margin-70 {\r\n margin: 70px !important;\r\n}\r\n.margin-80 {\r\n margin: 80px !important;\r\n}\r\n\r\n// margin vertical\r\n// ---------------\r\n.margin-vertical-0 {\r\n margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n}\r\n.margin-vertical-3 {\r\n margin-top: 3px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n.margin-vertical-5 {\r\n margin-top: 5px !important;\r\n margin-bottom: 5px !important;\r\n}\r\n.margin-vertical-10 {\r\n margin-top: 10px !important;\r\n margin-bottom: 10px !important;\r\n}\r\n.margin-vertical-15 {\r\n margin-top: 15px !important;\r\n margin-bottom: 15px !important;\r\n}\r\n.margin-vertical-20 {\r\n margin-top: 20px !important;\r\n margin-bottom: 20px !important;\r\n}\r\n.margin-vertical-25 {\r\n margin-top: 25px !important;\r\n margin-bottom: 25px !important;\r\n}\r\n.margin-vertical-30 {\r\n margin-top: 30px !important;\r\n margin-bottom: 30px !important;\r\n}\r\n.margin-vertical-35 {\r\n margin-top: 35px !important;\r\n margin-bottom: 35px !important;\r\n}\r\n.margin-vertical-40 {\r\n margin-top: 40px !important;\r\n margin-bottom: 40px !important;\r\n}\r\n.margin-vertical-45 {\r\n margin-top: 45px !important;\r\n margin-bottom: 45px !important;\r\n}\r\n.margin-vertical-50 {\r\n margin-top: 50px !important;\r\n margin-bottom: 50px !important;\r\n}\r\n.margin-vertical-60 {\r\n margin-top: 60px !important;\r\n margin-bottom: 60px !important;\r\n}\r\n.margin-vertical-70 {\r\n margin-top: 70px !important;\r\n margin-bottom: 70px !important;\r\n}\r\n.margin-vertical-80 {\r\n margin-top: 80px !important;\r\n margin-bottom: 80px !important;\r\n}\r\n\r\n// margin horizontal\r\n// -----------------\r\n.margin-horizontal-0 {\r\n margin-right: 0 !important;\r\n margin-left: 0 !important;\r\n}\r\n.margin-horizontal-3 {\r\n margin-right: 3px !important;\r\n margin-left: 3px !important;\r\n}\r\n.margin-horizontal-5 {\r\n margin-right: 5px !important;\r\n margin-left: 5px !important;\r\n}\r\n.margin-horizontal-10 {\r\n margin-right: 10px !important;\r\n margin-left: 10px !important;\r\n}\r\n.margin-horizontal-15 {\r\n margin-right: 15px !important;\r\n margin-left: 15px !important;\r\n}\r\n.margin-horizontal-20 {\r\n margin-right: 20px !important;\r\n margin-left: 20px !important;\r\n}\r\n.margin-horizontal-25 {\r\n margin-right: 25px !important;\r\n margin-left: 25px !important;\r\n}\r\n.margin-horizontal-30 {\r\n margin-right: 30px !important;\r\n margin-left: 30px !important;\r\n}\r\n.margin-horizontal-35 {\r\n margin-right: 35px !important;\r\n margin-left: 35px !important;\r\n}\r\n.margin-horizontal-40 {\r\n margin-right: 40px !important;\r\n margin-left: 40px !important;\r\n}\r\n.margin-horizontal-45 {\r\n margin-right: 45px !important;\r\n margin-left: 45px !important;\r\n}\r\n.margin-horizontal-50 {\r\n margin-right: 50px !important;\r\n margin-left: 50px !important;\r\n}\r\n.margin-horizontal-60 {\r\n margin-right: 60px !important;\r\n margin-left: 60px !important;\r\n}\r\n.margin-horizontal-70 {\r\n margin-right: 70px !important;\r\n margin-left: 70px !important;\r\n}\r\n.margin-horizontal-80 {\r\n margin-right: 80px !important;\r\n margin-left: 80px !important;\r\n}\r\n// margin top\r\n// ----------\r\n.margin-top-0 {\r\n margin-top: 0 !important;\r\n}\r\n.margin-top-3 {\r\n margin-top: 3px !important;\r\n}\r\n.margin-top-5 {\r\n margin-top: 5px !important;\r\n}\r\n.margin-top-10 {\r\n margin-top: 10px !important;\r\n}\r\n.margin-top-15 {\r\n margin-top: 15px !important;\r\n}\r\n.margin-top-20 {\r\n margin-top: 20px !important;\r\n}\r\n.margin-top-25 {\r\n margin-top: 25px !important;\r\n}\r\n.margin-top-30 {\r\n margin-top: 30px !important;\r\n}\r\n.margin-top-35 {\r\n margin-top: 35px !important;\r\n}\r\n.margin-top-40 {\r\n margin-top: 40px !important;\r\n}\r\n.margin-top-45 {\r\n margin-top: 45px !important;\r\n}\r\n.margin-top-50 {\r\n margin-top: 50px !important;\r\n}\r\n.margin-top-60 {\r\n margin-top: 60px !important;\r\n}\r\n.margin-top-70 {\r\n margin-top: 70px !important;\r\n}\r\n.margin-top-80 {\r\n margin-top: 80px !important;\r\n}\r\n\r\n// margin bottom\r\n// -------------\r\n.margin-bottom-0 {\r\n margin-bottom: 0 !important;\r\n}\r\n.margin-bottom-3 {\r\n margin-bottom: 3px !important;\r\n}\r\n.margin-bottom-5 {\r\n margin-bottom: 5px !important;\r\n}\r\n.margin-bottom-10 {\r\n margin-bottom: 10px !important;\r\n}\r\n.margin-bottom-15 {\r\n margin-bottom: 15px !important;\r\n}\r\n.margin-bottom-20 {\r\n margin-bottom: 20px !important;\r\n}\r\n.margin-bottom-25 {\r\n margin-bottom: 25px !important;\r\n}\r\n.margin-bottom-30 {\r\n margin-bottom: 30px !important;\r\n}\r\n.margin-bottom-35 {\r\n margin-bottom: 35px !important;\r\n}\r\n.margin-bottom-40 {\r\n margin-bottom: 40px !important;\r\n}\r\n.margin-bottom-45 {\r\n margin-bottom: 45px !important;\r\n}\r\n.margin-bottom-50 {\r\n margin-bottom: 50px !important;\r\n}\r\n.margin-bottom-60 {\r\n margin-bottom: 60px !important;\r\n}\r\n.margin-bottom-70 {\r\n margin-bottom: 70px !important;\r\n}\r\n.margin-bottom-80 {\r\n margin-bottom: 80px !important;\r\n}\r\n\r\n// margin left\r\n// -----------\r\n.margin-left-0 {\r\n margin-left: 0 !important;\r\n}\r\n.margin-left-3 {\r\n margin-left: 3px !important;\r\n}\r\n.margin-left-5 {\r\n margin-left: 5px !important;\r\n}\r\n.margin-left-10 {\r\n margin-left: 10px !important;\r\n}\r\n.margin-left-15 {\r\n margin-left: 15px !important;\r\n}\r\n.margin-left-20 {\r\n margin-left: 20px !important;\r\n}\r\n.margin-left-25 {\r\n margin-left: 25px !important;\r\n}\r\n.margin-left-30 {\r\n margin-left: 30px !important;\r\n}\r\n.margin-left-35 {\r\n margin-left: 35px !important;\r\n}\r\n.margin-left-40 {\r\n margin-left: 40px !important;\r\n}\r\n.margin-left-45 {\r\n margin-left: 45px !important;\r\n}\r\n.margin-left-50 {\r\n margin-left: 50px !important;\r\n}\r\n.margin-left-60 {\r\n margin-left: 60px !important;\r\n}\r\n.margin-left-70 {\r\n margin-left: 70px !important;\r\n}\r\n.margin-left-80 {\r\n margin-left: 80px !important;\r\n}\r\n\r\n// margin right\r\n// ------------\r\n.margin-right-0 {\r\n margin-right: 0 !important;\r\n}\r\n.margin-right-3 {\r\n margin-right: 3px !important;\r\n}\r\n.margin-right-5 {\r\n margin-right: 5px !important;\r\n}\r\n.margin-right-10 {\r\n margin-right: 10px !important;\r\n}\r\n.margin-right-15 {\r\n margin-right: 15px !important;\r\n}\r\n.margin-right-20 {\r\n margin-right: 20px !important;\r\n}\r\n.margin-right-25 {\r\n margin-right: 25px !important;\r\n}\r\n.margin-right-30 {\r\n margin-right: 30px !important;\r\n}\r\n.margin-right-35 {\r\n margin-right: 35px !important;\r\n}\r\n.margin-right-40 {\r\n margin-right: 40px !important;\r\n}\r\n.margin-right-45 {\r\n margin-right: 45px !important;\r\n}\r\n.margin-right-50 {\r\n margin-right: 50px !important;\r\n}\r\n.margin-right-60 {\r\n margin-right: 60px !important;\r\n}\r\n.margin-right-70 {\r\n margin-right: 70px !important;\r\n}\r\n.margin-right-80 {\r\n margin-right: 80px !important;\r\n}\r\n\r\n\r\n/* 内边距 */\r\n.no-padding {\r\n padding: 0 !important;\r\n}\r\n\r\n.no-padding-h {\r\n padding-right: 0 !important;\r\n padding-left: 0 !important;\r\n}\r\n\r\n.no-padding-v {\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n}\r\n\r\n.p-xs {\r\n padding: 4px;\r\n}\r\n\r\n.p-sm {\r\n padding: 8px;\r\n}\r\n\r\n.p {\r\n padding: 16px;\r\n}\r\n\r\n.p-md {\r\n padding: 24px;\r\n}\r\n\r\n.p-lg {\r\n padding: 32px;\r\n}\r\n\r\n.p-h {\r\n padding-right: 16px;\r\n padding-left: 16px;\r\n}\r\n\r\n.p-h-xs {\r\n padding-right: 4px;\r\n padding-left: 4px;\r\n}\r\n\r\n.p-h-sm {\r\n padding-right: 8px;\r\n padding-left: 8px;\r\n}\r\n\r\n.p-h-md {\r\n padding-right: 24px;\r\n padding-left: 24px;\r\n}\r\n\r\n.p-t-md {\r\n padding-top:24px;\r\n}\r\n\r\n.p-b-md{\r\n padding-bottom: 24px;\r\n}\r\n\r\n.p-l-md{\r\n padding-left: 24px;\r\n}\r\n\r\n.p-h-lg {\r\n padding-right: 32px;\r\n padding-left: 32px;\r\n}\r\n\r\n.p-v {\r\n padding-top: 16px;\r\n padding-bottom: 16px;\r\n}\r\n\r\n.p-v-xs {\r\n padding-top: 4px;\r\n padding-bottom: 4px;\r\n}\r\n\r\n.p-v-sm {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n}\r\n\r\n.p-v-md {\r\n padding-top: 24px;\r\n padding-bottom: 24px;\r\n}\r\n\r\n.p-v-lg {\r\n padding-top: 32px;\r\n padding-bottom: 32px;\r\n}\r\n\r\n.padding {\r\n padding: 32px 32px;\r\n}\r\n\r\n.padding-out {\r\n margin: -32px -32px;\r\n}\r\n\r\n\r\n// Padding Helpers\r\n// ========================================================================\r\n.padding-0 {\r\n padding: 0 !important;\r\n}\r\n.padding-3 {\r\n padding: 3px !important;\r\n}\r\n.padding-5 {\r\n padding: 5px !important;\r\n}\r\n.padding-10 {\r\n padding: 10px !important;\r\n}\r\n.padding-15 {\r\n padding: 15px !important;\r\n}\r\n.padding-20 {\r\n padding: 20px !important;\r\n}\r\n.padding-25 {\r\n padding: 25px !important;\r\n}\r\n.padding-30 {\r\n padding: 30px !important;\r\n}\r\n.padding-35 {\r\n padding: 35px !important;\r\n}\r\n.padding-40 {\r\n padding: 40px !important;\r\n}\r\n.padding-45 {\r\n padding: 45px !important;\r\n}\r\n.padding-50 {\r\n padding: 50px !important;\r\n}\r\n.padding-60 {\r\n padding: 60px !important;\r\n}\r\n.padding-70 {\r\n padding: 70px !important;\r\n}\r\n.padding-80 {\r\n padding: 80px !important;\r\n}\r\n\r\n// padding vertical\r\n// ---------------\r\n.padding-vertical-0 {\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n}\r\n.padding-vertical-3 {\r\n padding-top: 3px !important;\r\n padding-bottom: 3px !important;\r\n}\r\n.padding-vertical-5 {\r\n padding-top: 5px !important;\r\n padding-bottom: 5px !important;\r\n}\r\n.padding-vertical-10 {\r\n padding-top: 10px !important;\r\n padding-bottom: 10px !important;\r\n}\r\n.padding-vertical-15 {\r\n padding-top: 15px !important;\r\n padding-bottom: 15px !important;\r\n}\r\n.padding-vertical-20 {\r\n padding-top: 20px !important;\r\n padding-bottom: 20px !important;\r\n}\r\n.padding-vertical-25 {\r\n padding-top: 25px !important;\r\n padding-bottom: 25px !important;\r\n}\r\n.padding-vertical-30 {\r\n padding-top: 30px !important;\r\n padding-bottom: 30px !important;\r\n}\r\n.padding-vertical-35 {\r\n padding-top: 35px !important;\r\n padding-bottom: 35px !important;\r\n}\r\n.padding-vertical-40 {\r\n padding-top: 40px !important;\r\n padding-bottom: 40px !important;\r\n}\r\n.padding-vertical-45 {\r\n padding-top: 45px !important;\r\n padding-bottom: 45px !important;\r\n}\r\n.padding-vertical-50 {\r\n padding-top: 50px !important;\r\n padding-bottom: 50px !important;\r\n}\r\n.padding-vertical-60 {\r\n padding-top: 60px !important;\r\n padding-bottom: 60px !important;\r\n}\r\n.padding-vertical-70 {\r\n padding-top: 70px !important;\r\n padding-bottom: 70px !important;\r\n}\r\n.padding-vertical-80 {\r\n padding-top: 80px !important;\r\n padding-bottom: 80px !important;\r\n}\r\n\r\n// padding horizontal\r\n// -----------------\r\n.padding-horizontal-0 {\r\n padding-right: 0 !important;\r\n padding-left: 0 !important;\r\n}\r\n.padding-horizontal-3 {\r\n padding-right: 3px !important;\r\n padding-left: 3px !important;\r\n}\r\n.padding-horizontal-5 {\r\n padding-right: 5px !important;\r\n padding-left: 5px !important;\r\n}\r\n.padding-horizontal-10 {\r\n padding-right: 10px !important;\r\n padding-left: 10px !important;\r\n}\r\n.padding-horizontal-15 {\r\n padding-right: 15px !important;\r\n padding-left: 15px !important;\r\n}\r\n.padding-horizontal-20 {\r\n padding-right: 20px !important;\r\n padding-left: 20px !important;\r\n}\r\n.padding-horizontal-25 {\r\n padding-right: 25px !important;\r\n padding-left: 25px !important;\r\n}\r\n.padding-horizontal-30 {\r\n padding-right: 30px !important;\r\n padding-left: 30px !important;\r\n}\r\n.padding-horizontal-35 {\r\n padding-right: 35px !important;\r\n padding-left: 35px !important;\r\n}\r\n.padding-horizontal-40 {\r\n padding-right: 40px !important;\r\n padding-left: 40px !important;\r\n}\r\n.padding-horizontal-45 {\r\n padding-right: 45px !important;\r\n padding-left: 45px !important;\r\n}\r\n.padding-horizontal-50 {\r\n padding-right: 50px !important;\r\n padding-left: 50px !important;\r\n}\r\n.padding-horizontal-60 {\r\n padding-right: 60px !important;\r\n padding-left: 60px !important;\r\n}\r\n.padding-horizontal-70 {\r\n padding-right: 70px !important;\r\n padding-left: 70px !important;\r\n}\r\n.padding-horizontal-80 {\r\n padding-right: 80px !important;\r\n padding-left: 80px !important;\r\n}\r\n// padding top\r\n// ----------\r\n.padding-top-0 {\r\n padding-top: 0 !important;\r\n}\r\n.padding-top-3 {\r\n padding-top: 3px !important;\r\n}\r\n.padding-top-5 {\r\n padding-top: 5px !important;\r\n}\r\n.padding-top-10 {\r\n padding-top: 10px !important;\r\n}\r\n.padding-top-15 {\r\n padding-top: 15px !important;\r\n}\r\n.padding-top-20 {\r\n padding-top: 20px !important;\r\n}\r\n.padding-top-25 {\r\n padding-top: 25px !important;\r\n}\r\n.padding-top-30 {\r\n padding-top: 30px !important;\r\n}\r\n.padding-top-35 {\r\n padding-top: 35px !important;\r\n}\r\n.padding-top-40 {\r\n padding-top: 40px !important;\r\n}\r\n.padding-top-45 {\r\n padding-top: 45px !important;\r\n}\r\n.padding-top-50 {\r\n padding-top: 50px !important;\r\n}\r\n.padding-top-60 {\r\n padding-top: 60px !important;\r\n}\r\n.padding-top-70 {\r\n padding-top: 70px !important;\r\n}\r\n.padding-top-80 {\r\n padding-top: 80px !important;\r\n}\r\n\r\n// padding bottom\r\n// -------------\r\n.padding-bottom-0 {\r\n padding-bottom: 0 !important;\r\n}\r\n.padding-bottom-3 {\r\n padding-bottom: 3px !important;\r\n}\r\n.padding-bottom-5 {\r\n padding-bottom: 5px !important;\r\n}\r\n.padding-bottom-10 {\r\n padding-bottom: 10px !important;\r\n}\r\n.padding-bottom-15 {\r\n padding-bottom: 15px !important;\r\n}\r\n.padding-bottom-20 {\r\n padding-bottom: 20px !important;\r\n}\r\n.padding-bottom-25 {\r\n padding-bottom: 25px !important;\r\n}\r\n.padding-bottom-30 {\r\n padding-bottom: 30px !important;\r\n}\r\n.padding-bottom-35 {\r\n padding-bottom: 35px !important;\r\n}\r\n.padding-bottom-40 {\r\n padding-bottom: 40px !important;\r\n}\r\n.padding-bottom-45 {\r\n padding-bottom: 45px !important;\r\n}\r\n.padding-bottom-50 {\r\n padding-bottom: 50px !important;\r\n}\r\n.padding-bottom-60 {\r\n padding-bottom: 60px !important;\r\n}\r\n.padding-bottom-70 {\r\n padding-bottom: 70px !important;\r\n}\r\n.padding-bottom-80 {\r\n padding-bottom: 80px !important;\r\n}\r\n\r\n// padding left\r\n// -----------\r\n.padding-left-0 {\r\n padding-left: 0 !important;\r\n}\r\n.padding-left-3 {\r\n padding-left: 3px !important;\r\n}\r\n.padding-left-5 {\r\n padding-left: 5px !important;\r\n}\r\n.padding-left-10 {\r\n padding-left: 10px !important;\r\n}\r\n.padding-left-15 {\r\n padding-left: 15px !important;\r\n}\r\n.padding-left-20 {\r\n padding-left: 20px !important;\r\n}\r\n.padding-left-25 {\r\n padding-left: 25px !important;\r\n}\r\n.padding-left-30 {\r\n padding-left: 30px !important;\r\n}\r\n.padding-left-35 {\r\n padding-left: 35px !important;\r\n}\r\n.padding-left-40 {\r\n padding-left: 40px !important;\r\n}\r\n.padding-left-45 {\r\n padding-left: 45px !important;\r\n}\r\n.padding-left-50 {\r\n padding-left: 50px !important;\r\n}\r\n.padding-left-60 {\r\n padding-left: 60px !important;\r\n}\r\n.padding-left-70 {\r\n padding-left: 70px !important;\r\n}\r\n.padding-left-80 {\r\n padding-left: 80px !important;\r\n}\r\n\r\n// padding right\r\n// ------------\r\n.padding-right-0 {\r\n padding-right: 0 !important;\r\n}\r\n.padding-right-3 {\r\n padding-right: 3px !important;\r\n}\r\n.padding-right-5 {\r\n padding-right: 5px !important;\r\n}\r\n.padding-right-10 {\r\n padding-right: 10px !important;\r\n}\r\n.padding-right-15 {\r\n padding-right: 15px !important;\r\n}\r\n.padding-right-20 {\r\n padding-right: 20px !important;\r\n}\r\n.padding-right-25 {\r\n padding-right: 25px !important;\r\n}\r\n.padding-right-30 {\r\n padding-right: 30px !important;\r\n}\r\n.padding-right-35 {\r\n padding-right: 35px !important;\r\n}\r\n.padding-right-40 {\r\n padding-right: 40px !important;\r\n}\r\n.padding-right-45 {\r\n padding-right: 45px !important;\r\n}\r\n.padding-right-50 {\r\n padding-right: 50px !important;\r\n}\r\n.padding-right-60 {\r\n padding-right: 60px !important;\r\n}\r\n.padding-right-70 {\r\n padding-right: 70px !important;\r\n}\r\n.padding-right-80 {\r\n padding-right: 80px !important;\r\n}\r\n//responsive\r\n\r\n@-ms-viewport {\r\n width: device-width;\r\n}\r\n\r\n\r\n// Visibility utilities\r\n.visible-xs,\r\n.visible-sm,\r\n.visible-md,\r\n.visible-lg {\r\n @include responsive-invisibility();\r\n}\r\n\r\n.visible-xs-block,\r\n.visible-xs-inline,\r\n.visible-xs-inline-block,\r\n.visible-sm-block,\r\n.visible-sm-inline,\r\n.visible-sm-inline-block,\r\n.visible-md-block,\r\n.visible-md-inline,\r\n.visible-md-inline-block,\r\n.visible-lg-block,\r\n.visible-lg-inline,\r\n.visible-lg-inline-block {\r\n display: none !important;\r\n}\r\n\r\n.visible-xs {\r\n @media (max-width: $screen-xs-max) {\r\n @include responsive-visibility();\r\n }\r\n}\r\n.visible-xs-block {\r\n @media (max-width: $screen-xs-max) {\r\n display: block !important;\r\n }\r\n}\r\n.visible-xs-inline {\r\n @media (max-width: $screen-xs-max) {\r\n display: inline !important;\r\n }\r\n}\r\n.visible-xs-inline-block {\r\n @media (max-width: $screen-xs-max) {\r\n display: inline-block !important;\r\n }\r\n}\r\n\r\n.visible-sm {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n @include responsive-visibility();\r\n }\r\n}\r\n.visible-sm-block {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n display: block !important;\r\n }\r\n}\r\n.visible-sm-inline {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n display: inline !important;\r\n }\r\n}\r\n.visible-sm-inline-block {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n display: inline-block !important;\r\n }\r\n}\r\n\r\n.visible-md {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n @include responsive-visibility();\r\n }\r\n}\r\n.visible-md-block {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n display: block !important;\r\n }\r\n}\r\n.visible-md-inline {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n display: inline !important;\r\n }\r\n}\r\n.visible-md-inline-block {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n display: inline-block !important;\r\n }\r\n}\r\n\r\n.visible-lg {\r\n @media (min-width: $screen-lg-min) {\r\n @include responsive-visibility();\r\n }\r\n}\r\n.visible-lg-block {\r\n @media (min-width: $screen-lg-min) {\r\n display: block !important;\r\n }\r\n}\r\n.visible-lg-inline {\r\n @media (min-width: $screen-lg-min) {\r\n display: inline !important;\r\n }\r\n}\r\n.visible-lg-inline-block {\r\n @media (min-width: $screen-lg-min) {\r\n display: inline-block !important;\r\n }\r\n}\r\n\r\n\r\n.hidden-xs {\r\n @media (max-width: $screen-xs-max) {\r\n @include responsive-invisibility();\r\n }\r\n}\r\n.hidden-sm {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n @include responsive-invisibility();\r\n }\r\n}\r\n.hidden-md {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n @include responsive-invisibility();\r\n }\r\n}\r\n.hidden-lg {\r\n @media (min-width: $screen-lg-min) {\r\n @include responsive-invisibility();\r\n }\r\n}\r\n\r\n\r\n/* 边框 */\r\n\r\n.no-border {\r\n border-color: transparent;\r\n border-width: 0;\r\n}\r\n\r\n/* 背景 */\r\n.no-bg {\r\n color: inherit;\r\n background-color: transparent;\r\n}\r\n\r\n// 超链接按钮\r\n.u-link{\r\n cursor: pointer;\r\n color:unquote(\"rgb(#{$palette-indigo-500})\");\r\n background-color: transparent;\r\n text-decoration: none;\r\n\r\n}\r\n\r\n.u-link:active,\r\n.u-link:hover{\r\n outline: 0;\r\n}\r\n\r\n.u-link:focus, .u-link:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n// 边框\r\n.u-border-top{\r\n border-top:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\r\n}\r\n\r\n.u-border-left{\r\n border-left:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\r\n}\r\n\r\n.u-border-right{\r\n border-right:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\r\n}\r\n\r\n.u-border-bottom{\r\n border-bottom:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\r\n}\r\n","\r\n// Typography 排版\r\n\r\n@mixin typo-preferred-font($usePreferred: true) {\r\n @if $usePreferred {\r\n font-family: $preferred_font;\r\n }\r\n}\r\n\r\n@mixin typo-display-4($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 112/10 * $unit;\r\n font-weight: 300;\r\n line-height: 1;\r\n letter-spacing: -0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-3($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 56/10 * $unit;\r\n font-weight: 400;\r\n line-height: 1.35;\r\n letter-spacing: -0.02em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-2($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 45/10 * $unit;\r\n font-weight: 400;\r\n line-height: 48/10 * $unit;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-1($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 34/10 * $unit;\r\n font-weight: 400;\r\n line-height: 40/10 * $unit;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-headline($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 24/10 * $unit;\r\n font-weight: 400;\r\n line-height: 32/10 * $unit;\r\n -moz-osx-font-smoothing: grayscale;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-title($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 20/10 * $unit;\r\n font-weight: 500;\r\n line-height: 1;\r\n letter-spacing: 0.02em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-subhead($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 16/10 * $unit;\r\n font-weight: 400;\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-subhead-2($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 16/10 * $unit;\r\n font-weight: 400;\r\n line-height: 28/10 * $unit;\r\n letter-spacing: 0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-body-2($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n @if $usePreferred {\r\n font-weight: 500;\r\n } @else {\r\n font-weight: bold;\r\n }\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-body-1($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 400;\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-caption($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 12/10 * $unit;\r\n font-weight: 400;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-blockquote($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n position: relative;\r\n font-size: 24/10 * $unit;\r\n font-weight: 300;\r\n font-style: italic;\r\n line-height: 1.35;\r\n letter-spacing: 0.08em;\r\n\r\n &:before {\r\n position: absolute;\r\n left: -0.5em;\r\n content: '“';\r\n }\r\n\r\n &:after {\r\n content: '”';\r\n margin-left: -0.05em;\r\n }\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-menu($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 500;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-button($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 500;\r\n // text-transform: uppercase;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n// Shadows\r\n\r\n// Focus shadow mixin.\r\n@mixin focus-shadow() {\r\n box-shadow: 0 0 8/10 * $unit rgba(0,0,0,.18),0 8/10 * $unit 16/10 * $unit rgba(0,0,0,.36);\r\n}\r\n\r\n@mixin shadow-0dp() {\r\n box-shadow: none;\r\n}\r\n\r\n@mixin shadow-2dp() {\r\n box-shadow: 0 2/10 * $unit 2/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 1/10 * $unit -2/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity),\r\n 0 1/10 * $unit 5/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\r\n box-shadow: 0 2/10 * $unit 2/10 * $unit 0 rgb(0, 0, 0),\r\n 0 3/10 * $unit 1/10 * $unit -2/10 * $unit rgb(0, 0, 0),\r\n 0 1/10 * $unit 5/10 * $unit 0 rgb(0, 0, 0) \\9;\r\n}\r\n@mixin shadow-3dp() {\r\n box-shadow: 0 3/10 * $unit 4/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 3/10 * $unit -2/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity),\r\n 0 1/10 * $unit 8/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\r\n}\r\n@mixin shadow-4dp() {\r\n box-shadow: 0 4/10 * $unit 5/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 1/10 * $unit 10/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 2/10 * $unit 4/10 * $unit -1/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n@mixin shadow-6dp() {\r\n box-shadow: 0 6/10 * $unit 10/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 1/10 * $unit 18/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 3/10 * $unit 5/10 * $unit -1/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n@mixin shadow-8dp() {\r\n box-shadow: 0 8/10 * $unit 10/10 * $unit 1/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 14/10 * $unit 2/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 5/10 * $unit 5/10 * $unit -3/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n@mixin shadow-16dp() {\r\n box-shadow: 0 16/10 * $unit 24/10 * $unit 2/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 6/10 * $unit 30/10 * $unit 5/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 8/10 * $unit 10/10 * $unit -5/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n@mixin shadow-24dp() {\r\n box-shadow: 0 9/10 * $unit 46/10 * $unit 8/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 11/10 * $unit 15/10 * $unit -7/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 24/10 * $unit 38/10 * $unit 3/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n//Animations\r\n\r\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-fast-out-slow-in;\r\n}\r\n\r\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-linear-out-slow-in;\r\n}\r\n\r\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-fast-out-linear-in;\r\n}\r\n\r\n@mixin material-animation-default($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-default;\r\n}\r\n\r\n\r\n\r\n// Transitions\r\n\r\n@mixin transition($transition) {\r\n -webkit-transition: $transition;\r\n -o-transition: $transition;\r\n transition: $transition;\r\n}\r\n@mixin transition-property($transition-property) {\r\n -webkit-transition-property: $transition-property;\r\n transition-property: $transition-property;\r\n}\r\n@mixin transition-delay($transition-delay) {\r\n -webkit-transition-delay: $transition-delay;\r\n transition-delay: $transition-delay;\r\n}\r\n@mixin transition-duration($transition-duration) {\r\n -webkit-transition-duration: $transition-duration;\r\n transition-duration: $transition-duration;\r\n}\r\n@mixin transition-timing-function($timing-function) {\r\n -webkit-transition-timing-function: $timing-function;\r\n transition-timing-function: $timing-function;\r\n}\r\n@mixin transition-transform($transition) {\r\n -webkit-transition: -webkit-transform $transition;\r\n -moz-transition: -moz-transform $transition;\r\n -o-transition: -o-transform $transition;\r\n transition: transform $transition;\r\n}\r\n\r\n//添加圆角\r\n@mixin border-top-radius($radius) {\r\n border-top-right-radius: $radius;\r\n border-top-left-radius: $radius;\r\n}\r\n@mixin border-right-radius($radius) {\r\n border-bottom-right-radius: $radius;\r\n border-top-right-radius: $radius;\r\n}\r\n@mixin border-bottom-radius($radius) {\r\n border-bottom-right-radius: $radius;\r\n border-bottom-left-radius: $radius;\r\n}\r\n@mixin border-left-radius($radius) {\r\n border-bottom-left-radius: $radius;\r\n border-top-left-radius: $radius;\r\n}\r\n//边框按钮颜色\r\n@mixin border-button-styles-variant($text-color,$bg-color,$bg-hover-color,$bg-active-color) {\r\n\r\n color: $text-color;\r\n background-color: #fff;\r\n border:1px $bg-color solid;\r\n\r\n &.focus, &:focus, &:hover {\r\n background-color: $bg-hover-color;\r\n border-color: $bg-hover-color;\r\n color:#fff;\r\n }\r\n\r\n &.active, &:active {\r\n color:#fff;\r\n background-color: $bg-active-color;\r\n border-color: $bg-active-color;\r\n }\r\n}\r\n//按钮颜色\r\n@mixin timeline-styles-variant($border-color) {\r\n border-color: $border-color;\r\n color: $border-color;\r\n}\r\n//按钮颜色\r\n@mixin button-styles-variant($text-color,$bg-color,$bg-hover-color,$bg-active-color) {\r\n\r\n color: $text-color;\r\n background-color: $bg-color;\r\n border:1px $bg-color solid;\r\n\r\n &.focus, &:focus, &:hover {\r\n background-color: $bg-hover-color;\r\n border-color: $bg-hover-color;\r\n }\r\n\r\n &.active, &:active {\r\n background-color: $bg-active-color;\r\n border-color: $bg-active-color;\r\n }\r\n}\r\n\r\n//按钮尺寸\r\n@mixin button-size($padding-y, $padding-x, $font-size) {\r\n padding: $padding-y $padding-x;\r\n font-size: $font-size;\r\n}\r\n\r\n//徽章\r\n@mixin badge-variant($color, $bg) {\r\n color: $color;\r\n background-color: $bg;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus {\r\n color: $color;\r\n }\r\n }\r\n}\r\n\r\n\r\n//标签\r\n\r\n@mixin tag-styles-variant($color, $hover-color) {\r\n background-color: $color;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus {\r\n background-color: $hover-color;\r\n }\r\n }\r\n\r\n &.u-tag-outline {\r\n color: $color;\r\n background-color: transparent;\r\n border-color: $color;\r\n }\r\n}\r\n\r\n\r\n// 分页\r\n\r\n@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\r\n > li {\r\n > a {\r\n padding: $padding-vertical $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n }\r\n &:first-child {\r\n > a{\r\n @include border-left-radius($border-radius);\r\n }\r\n }\r\n &:last-child {\r\n > a{\r\n @include border-right-radius($border-radius);\r\n }\r\n }\r\n }\r\n >li[role=\"gap\"]{\r\n > a {\r\n padding: $padding-vertical+1px $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n }\r\n }\r\n}\r\n\r\n//radio\r\n\r\n@mixin radio-styles-variant($color) {\r\n &.is-checked{\r\n .u-radio-outer-circle{\r\n border: 1px solid $color;\r\n }\r\n .u-radio-inner-circle{\r\n background: $color;\r\n }\r\n }\r\n\r\n}\r\n//progress\r\n\r\n@mixin progress-styles-variant($bg-color) {\r\n background-color: $bg-color;\r\n}\r\n\r\n//alert\r\n@mixin alert-styles-variant($bg-color,$text-color) {\r\n background-color: $bg-color;\r\n border-color: $bg-color;\r\n color: $text-color;\r\n}\r\n\r\n//checkbox\r\n\r\n@mixin checkbox-styles-variant($color) {\r\n &.is-checked{\r\n .u-checkbox-outline{\r\n border: 1px solid $color;\r\n }\r\n .u-checkbox-tick-outline{\r\n background: $color;\r\n }\r\n }\r\n\r\n}\r\n//switch colors\r\n@mixin switch-styles-variant($color){\r\n background: $color;\r\n border: 1px solid $color;\r\n}\r\n\r\n//tooltips\r\n\r\n@mixin tooltip-styles-variant($color) {\r\n .tooltip-inner{\r\n background-color:$color !important;\r\n }\r\n &.bottom .tooltip-arrow{\r\n border-bottom-color:$color !important;\r\n }\r\n &.top .tooltip-arrow{\r\n border-top-color:$color !important;\r\n }\r\n &.left .tooltip-arrow{\r\n border-left-color:$color !important;\r\n }\r\n &.right .tooltip-arrow{\r\n border-right-color:$color !important;\r\n }\r\n}\r\n\r\n@mixin menu-styles-variant($color,$color-hover) {\r\n .u-menu-item:hover{\r\n background-color:$color-hover;\r\n a{\r\n color: #FFFFFF;\r\n }\r\n\r\n }\r\n .u-menu-item.active>a{\r\n background-color:$color;\r\n }\r\n .u-menu-item:focus {\r\n outline: none;\r\n background-color: $color;\r\n a{\r\n color: #FFFFFF;\r\n }\r\n }\r\n}\r\n\r\n\r\n// utilities\r\n// font-weight\r\n@mixin font-weight-light(){\r\n font-weight: $font-weight-light;\r\n}\r\n@mixin font-weight-normal(){\r\n font-weight: $font-weight-normal;\r\n}\r\n@mixin font-weight-medium(){\r\n font-weight: $font-weight-medium;\r\n}\r\n@mixin font-weight-bold(){\r\n font-weight: $font-weight-bold;\r\n}\r\n\r\n// text\r\n@mixin text-truncate() {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n word-wrap: normal; //for IE\r\n white-space: nowrap;\r\n}\r\n\r\n@mixin text-break() {\r\n -webkit-hyphens: auto;\r\n -moz-hyphens: auto;\r\n -ms-hyphens: auto;\r\n hyphens: auto;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n}\r\n\r\n@mixin text-nowrap() {\r\n white-space: nowrap;\r\n}\r\n\r\n\r\n// visibility\r\n\r\n@mixin responsive-visibility() {\r\n display: block !important;\r\n table { display: table !important; }\r\n tr { display: table-row !important; }\r\n th ,\r\n td { display: table-cell !important; }\r\n}\r\n\r\n@mixin responsive-invisibility() {\r\n display: none !important;\r\n}\r\n\r\n\r\n\r\n@mixin center-block() {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n@mixin clearfix() {\r\n &:before,\r\n &:after {\r\n content: \" \"; // 1\r\n display: table; // 2\r\n }\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n\r\n\r\n@mixin hide-text() {\r\n color: transparent;\r\n text-shadow: none;\r\n background-color: transparent;\r\n border: 0;\r\n}\r\n\r\n@mixin text-hide() {\r\n @include hide-text();\r\n}\r\n\r\n\r\n// nav\r\n\r\n@mixin navbar-vertical-align($element-height) {\r\n margin-top: (($navbar-height - $element-height) / 2);\r\n margin-bottom: (($navbar-height - $element-height) / 2);\r\n}\r\n\r\n","@import \"minxin-variables\";\r\n@import \"minxin-mixins\";\r\n\r\n.u-shadow-0dp {\r\n @include shadow-0dp();\r\n}\r\n\r\n.u-shadow-2dp {\r\n @include shadow-2dp();\r\n}\r\n\r\n.u-shadow-3dp {\r\n @include shadow-3dp();\r\n}\r\n\r\n.u-shadow-4dp {\r\n @include shadow-4dp();\r\n}\r\n\r\n.u-shadow-6dp {\r\n @include shadow-6dp();\r\n}\r\n\r\n.u-shadow-8dp {\r\n @include shadow-8dp();\r\n}\r\n\r\n.u-shadow-16dp {\r\n @include shadow-16dp();\r\n}\r\n\r\n.u-shadow-24dp {\r\n @include shadow-24dp();\r\n}\r\n","\r\n/* keyframes 定义 */\r\n@-webkit-keyframes uSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes uSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@keyframes uSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes uSlideDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideDownOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@keyframes uSlideDownOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes uSlideLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideLeftOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@keyframes uSlideLeftOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes uSlideRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideRightOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@keyframes uSlideRightOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSwingIn {\r\n 0%,\r\n 100% {\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n }\r\n 20% {\r\n -webkit-transform: translateX(-10px);\r\n transform: translateX(-10px);\r\n }\r\n 40% {\r\n -webkit-transform: translateX(10px);\r\n transform: translateX(10px);\r\n }\r\n 60% {\r\n -webkit-transform: translateX(-5px);\r\n transform: translateX(-5px);\r\n }\r\n 80% {\r\n -webkit-transform: translateX(5px);\r\n transform: translateX(5px);\r\n }\r\n}\r\n@keyframes uSwingIn {\r\n 0%,\r\n 100% {\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n }\r\n 20% {\r\n -webkit-transform: translateX(-10px);\r\n transform: translateX(-10px);\r\n }\r\n 40% {\r\n -webkit-transform: translateX(10px);\r\n transform: translateX(10px);\r\n }\r\n 60% {\r\n -webkit-transform: translateX(-5px);\r\n transform: translateX(-5px);\r\n }\r\n 80% {\r\n -webkit-transform: translateX(5px);\r\n transform: translateX(5px);\r\n }\r\n}\r\n@-webkit-keyframes uZoomIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n}\r\n@keyframes uZoomOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n}\r\n@-webkit-keyframes uZoomBigIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomBigIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomBigOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomBigOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomUpOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomUpOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomLeftOut {\r\n 0% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomLeftOut {\r\n 0% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomRightOut {\r\n 0% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomRightOut {\r\n 0% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomDownOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomDownOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes rcMenuOpenZoomIn {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0, 0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1, 1);\r\n }\r\n}\r\n@keyframes rcMenuOpenZoomOut {\r\n 0% {\r\n\r\n transform: scale(1, 1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(0, 0);\r\n }\r\n}\r\n@keyframes rcMenuOpenSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes rcMenuOpenSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(0);\r\n }\r\n}","\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease;\n}\n.collapse {\n display: none;\n}\n.collapse.in {\n display: block;\n}\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n@import \"../node_modules/bee-transition/src/Transition.scss\";\n\n\n.u-panel{\n line-height: 1.57142857;\n color: $panel-default-color;\n position: relative;\n margin-bottom: 20px;\n -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);\n box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);\n background-color: $panel-bg-color;\n border: 1px solid transparent;\n border-radius: 4px;\n .u-panel-heading{\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n position: relative;\n padding: $panel-header-padding;\n border-bottom: 1px solid transparent;\n }\n h4,h3{\n font-family: Roboto,sans-serif;\n font-weight: 400;\n line-height: 1.2;\n color: #424242;\n font-size: 18px;\n text-shadow: rgba(0,0,0,.15) 0 0 1px;\n }\n .u-panel-footer{\n padding: $panel-footer-padding;\n background-color: $panel-footer-bg-color;\n border-top: 1px solid $panel-inner-border-color;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n .u-panel-title {\n margin-top: 0;\n margin-bottom: 0;\n display: block;\n font-size: 18px;\n color: #424242;\n .small{\n color:#757575;\n }\n }\n .u-panel-body {\n padding: $panel-body-padding;\n position: relative;\n .u-panel-copy{\n position: absolute;\n right: 25px;\n top: 30px;\n color: #fff;\n font-size: 20px;\n padding: 2px 8px;\n margin: 8px;\n border-radius: 4px;\n cursor: pointer;\n &:hover{\n color: #a8a7a7;\n }\n }\n }\n}\n\n.u-panel-default{\n border-color:$panel-inner-border-color;\n .u-panel-heading{\n background-color: $panel-header-bg-color;\n color: #333;\n }\n .u-panel-footer{\n border-top: 1px solid transparent;\n }\n}\n\n.u-panel-heading+.u-panel-body{\n //padding-top:0;\n}\n.u-panel-bordered{\n border-color: $panel-inner-border-color;\n .u-panel-heading{\n border-bottom: 1px solid $panel-inner-border-color;\n }\n .u-panel-footer{\n border-top: 1px solid $panel-inner-border-color;\n background-color: #fff;\n }\n}\n.u-panel>:not(.panel-loading):not(.collapsing){\n -webkit-transition: opacity .3s;\n -o-transition: opacity .3s;\n transition: opacity .3s;\n}\n.u-button-group-vertical>.u-button-group:after, .u-button-group-vertical>.u-button-group:before, .u-button-toolbar:after, .u-button-toolbar:before, .clearfix:after, .clearfix:before, .u-container-fluid:after, .container-fluid:before, .u-container:after, .u-container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .u-modal-footer:after, .u-modal-footer:before, .u-modal-header:after, .u-modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .u-panel-body:after, .u-panel-body:before, .row:after, .row:before{\n display: table;\n content: \" \";\n}\n.u-panel-body .h1:first-child, .u-panel-body .h2:first-child, .u-panel-body .h3:first-child, .u-panel-body .h4:first-child, .u-panel-body .h5:first-child, .u-panel-body .h6:first-child, .u-panel-body h1:first-child, .u-panel-body h2:first-child, .u-panel-body h3:first-child, .u-panel-body h4:first-child, .u-panel-body h5:first-child, .u-panel-body h6:first-child{\n margin-top:0;\n}\n.u-panel-group {\n margin-bottom: 20px;\n .u-panel {\n margin-bottom: 0;\n border-radius: 4px;\n }\n .u-panel+.u-panel {\n margin-top: 5px;\n }\n .u-panel-heading {\n border-bottom: 0;\n cursor: pointer;\n }\n .u-panel-heading+.u-panel-collapse>.list-group, .u-panel-group .u-panel-heading+.u-panel-collapse>.u-panel-body {\n border-top: 1px solid $panel-inner-border-color;\n }\n}\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n\n@mixin clearfix {\n // :before,\n // :after {\n // content: \" \"; // 1\n // display: table; // 2\n // }\n // :after {\n // clear: both;\n // }\n}\n\n// Centered container element\n@mixin container-fixed($gutter: $grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: floor(($gutter / 2));\n padding-right: ceil(($gutter / 2));\n @include clearfix;\n //&:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n@mixin make-row($gutter: $grid-gutter-width) {\n margin-left: ceil(($gutter / -2));\n margin-right: floor(($gutter / -2));\n box-sizing: border-box;\n @include clearfix;\n}\n\n@mixin make-grid($type){\n .u-col-#{$type}-push-0{\n left:auto;\n }\n .u-col-#{$type}-pull-0{\n right:auto;\n }\n @for $i from 1 through $grid-columns {\n .u-col-#{$type}-#{$i}{\n width:percentage($i/$grid-columns);\n }\n .u-col-#{$type}-push-#{$i}{\n left: percentage($i/$grid-columns);\n }\n .u-col-#{$type}-pull-#{$i}{\n right: percentage($i/$grid-columns);\n }\n .u-col-#{$type}-offset-#{$i}{\n margin-left:percentage($i/$grid-columns);\n }\n }\n\n @if $type == md {\n .u-col-push-0{\n left:auto;\n }\n .u-col-pull-0{\n right:auto;\n\n\n\n\n\n\n }\n @for $i from 1 through $grid-columns {\n .u-col-#{$i}{\n width:percentage($i/$grid-columns);\n }\n .u-col-push-#{$i}{\n left: percentage($i/$grid-columns);\n }\n .u-col-pull-#{$i}{\n right: percentage($i/$grid-columns);\n }\n .u-col-offset-#{$i}{\n margin-left:percentage($i/$grid-columns);\n }\n }\n }\n}\n\n\n// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n.u-container {\n @include container-fixed();\n\n @media (min-width: $screen-sm-min) {\n width: $container-sm;\n }\n @media (min-width: $screen-md-min) {\n width: $container-md;\n }\n @media (min-width: $screen-lg-min) {\n width: $container-lg;\n }\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.u-container-fluid {\n @include container-fixed();\n}\n\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n.u-row {\n @include make-row();\n &:before{\n display: table;\n content: \" \";\n };\n &:after{\n display: table;\n content: \" \";\n clear: both;\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n// _md 类型是为了兼容 u-col-1 这种类名\n$allColumnName: '';\n$xsColumnName:'';\n$smColumnName:'';\n$mdColumnName:'';\n$_mdColumnName:'';\n$lgColumnName:'';\n@for $i from 1 through $grid-columns {\n $array: xs sm md lg _md;\n @for $j from 1 through length($array){\n @if $j == 5{\n $allColumnName: $allColumnName + '.u-col-#{$i}' + ',';\n } @else{\n $allColumnName: $allColumnName + '.u-col-#{nth($array, $j)}-#{$i}' + ',';\n }\n\n @if $j == 1 {\n $xsColumnName: $xsColumnName + '.u-col-xs-#{$i}' + ',';\n }\n @else if $j == 2{\n $smColumnName: $smColumnName + '.u-col-sm-#{$i}' + ',';\n }\n @else if $j == 3{\n $mdColumnName: $mdColumnName + '.u-col-md-#{$i}' + ',';\n $_mdColumnName:$_mdColumnName + '.u-col-#{$i}' + ',';\n }\n @else if $j == 4{\n $lgColumnName: $lgColumnName + '.u-col-lg-#{$i}' + ',';\n }\n }\n}\n#{$allColumnName} {\n position: relative;\n// Prevent columns from collapsing when empty\n min-height: 1px;\n// Inner gutter via padding\n padding-left: ceil(($grid-gutter-width / 2));\n padding-right: floor(($grid-gutter-width / 2));\n box-sizing: border-box;\n}\n\n#{$xsColumnName}{\n float:left;\n}\n\n@include make-grid(xs)\n\n// Small grid\n//\n// Columns, offsets, pushes, and pulls for the small device range, from phones\n// to tablets.\n@media (min-width: $screen-sm-min) {\n #{$smColumnName}{\n float:left;\n }\n @include make-grid(sm);\n}\n\n// Medium grid\n//\n// Columns, offsets, pushes, and pulls for the desktop device range.\n\n@media (min-width: $screen-md-min) {\n #{$mdColumnName}{\n float:left;\n }\n #{$_mdColumnName}{\n float:left;\n }\n @include make-grid(md);\n}\n\n// Large grid\n//\n// Columns, offsets, pushes, and pulls for the large desktop device range.\n\n@media (min-width: $screen-lg-min) {\n #{$lgColumnName}{\n float:left;\n }\n @include make-grid(lg);\n}\n","\n\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n@import \"minxin-colors\";\n\n\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n$unit: 10px !default;\n// IMAGES\n$image_path: '/images' !default;\n\n\n\n//默认颜色\n$trim-color-classes: false !default;\n\n@import \"minxin-themeColors\";\n\n//对比色\n$color-primary-contrast: $color-dark-contrast !default;\n$color-accent-contrast: $color-dark-contrast !default;\n//字体颜色\n$color-text: $palette-grey-900 !default;\n\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n\n// -- Fonts 字体大小权重预定义\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\n$font-size: 1.6 * $unit !default;\n$font-size-tiny: 1.2 * $unit !default;\n$font-size-small: 1.4 * $unit !default;\n$font-size-normal: $font-size !default;\n$font-size-big: 1.8 * $unit !default;\n$font-weight-thin: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 500 !default;\n$font-weight-bold: 700 !default;\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\n\n\n$font-weight-override: false;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$font-weight-base: $font-weight-normal;\n\n\n\n\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\n$border-color-base: $gray-lighter;\n$line-height-base: 1.57142857;\n\n\n\n\n\n\n// 阴影\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n$shadow-base: 0 1px 5px $gray-lighter;\n\n\n\n//-- Indexes\n$z-index-highest: 300;\n$z-index-higher: 200;\n$z-index-high: 100;\n$z-index-normal: 1;\n$z-index-low: -100;\n$z-index-lower: -200;\n\n$zindex-modal: 1700;\n$zindex-modal-background: 1600;\n$zIndex-notification: 1560;\n$zIndex-message: 1550;\n$zIndex-popconfirm: 1540;\n$zIndex-popover: 1540;\n$zIndex-tooltip: 1530;\n$zIndex-alert: 1510;\n$zindex-navbar-fixed: 1500;\n$zindex-menubar: 1400;\n$zindex-overlay: 1300;\n$zindex-dropdown: 1200;\n$zindex-navbar: 1200;\n$zindex-header: 1100;\n$zindex-footer: 1000;\n$zindex-backtop:2000;\n\n// 文本字体\n\n//todo\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n$target-elements-directly: true !default;\n\n\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\n\n\n// 控件\n$cursor-disabled: not-allowed;\n\n\n$title-color: $gray-darkest;\n//todo\n$subtitle-color: $gray-darker;\n$text-color: $gray-dark;\n\n$prompt-color: $gray;\n//全局不同状态颜色\n//todo\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\n\n$bg-color-base: $gray-lightest;\n\n//disable颜色\n$disabled-color-base: $gray-light;\n$disabled-border-color: $gray-lighter;\n$disabled-bg-color: $gray-lightest;\n\n// 全局链接颜色\n$link-color: $normal-color-base;\n$link-hover-color: $hover-color-base;\n$link-active-color: $active-color-base;\n\n\n$brand-default: $gray-lighter;\n$brand-default-hover: $gray-lightest;\n$brand-default-active: $gray-light;\n\n$brand-primary : unquote(\"rgb(#{$color-primary})\") !default;\n$brand-primary-hover: unquote(\"rgb(#{$color-primary-light})\") !default;\n$brand-primary-active: unquote(\"rgb(#{$color-primary-dark})\") !default;\n\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\n\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\n\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\n\n\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\n\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\n\n$brand-dark: $gray-darker;\n$brand-dark-hover: $gray-dark;\n$brand-dark-active: $gray-darkest;\n\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-100})\") !default;\n$brand-light-success: unquote(\"rgb(#{$palette-green-100})\") !default;\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-100})\") !default;\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-100})\") !default;\n$brand-light-news: unquote(\"rgb(#{$palette-blue-100})\") !default;\n$brand-light-danger: unquote(\"rgb(#{$palette-red-100})\") !default;\n\n//不同背景下对应的文字颜色\n\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n\n//redius\n\n$default-border-radius: 4px;\n\n// UButton\n\n// Default button colors.\n$button-default-color: $brand-default;\n$button-default-color-IE8: $brand-default;\n\n$button-hover-color: $brand-default-hover;\n$button-active-color: $brand-default-active;\n$button-focus-color: $brand-default-active;\n\n\n$button-text-color: unquote(\"rgb(#{$color-dark-contrast})\") !default;\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !default;\n\n\n\n\n$button-primary-color: $brand-primary;\n$button-primary-active-color: $brand-primary-active;\n$button-primary-hover-color: $brand-primary-hover;\n$button-success-color: $brand-success;\n$button-success-active-color: $brand-success-active;\n$button-success-hover-color: $brand-success-hover;\n$button-info-color: $brand-info;\n$button-info-active-color: $brand-info-active;\n$button-info-hover-color: $brand-info-hover;\n$button-warning-color: $brand-warning;\n$button-warning-active-color: $brand-warning-active;\n$button-warning-hover-color: $brand-warning-hover;\n$button-danger-color: $brand-danger;\n$button-danger-active-color: $brand-danger-active;\n$button-danger-hover-color: $brand-danger-hover;\n$button-dark-color: $brand-dark;\n$button-dark-active-color: $brand-dark-active;\n$button-dark-hover-color: $brand-dark-hover;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n//Dimensions\n\n$button-min-width: 72/10 * $unit !default;\n$button-height: 36/10 * $unit !default;\n$button-padding: 5/10* $unit 13/10 * $unit !default;\n$button-padding-IE8: 5px 13px !default;\n$button-top-padding: 1310 * $unit !default;\n$button-left-padding: 6/10* $unit !default;\n$button-line-height:1.57142857;\n$button-margin: 4/10 * $unit !default;\n$button-border-radius: 4/10 * $unit !default;\n\n$button-fab-size: 38/10 * $unit !default;\n$button-fab-size-mini: 30/10 * $unit !default;\n$button-fab-font-size: 14/10 * $unit !default;\n\n$button-icon-size: 32/10 * $unit !default;\n$button-icon-size-mini: 13/10 * $unit !default;\n\n$button-raised-font-size: 14/10 * $unit !default;\n\n$button-border-color:unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n// 大按钮\n$button-padding-y-lg:8px;\n$button-padding-x-lg:15px;\n$font-size-lg:1.4 * $unit;\n\n\n//特大型按钮\n$button-padding-y-xg:10px;\n$button-padding-x-xg:18px;\n$font-size-xg:1.6 * $unit;\n\n\n//小型按钮\n$button-padding-y-sm:3px;\n$button-padding-x-sm:5px;\n$font-size-sm:1.2 * $unit;\n\n\n\n// UText\n\n\n$form-control-border-radius: 3px;\n$form-control-default-font-size: 14px;\n$form-control-lg-font-size: 14px;\n$form-control-sm-font-size: 12px;\n$form-control-default-height: 30px;\n$form-control-lg-height: 38px;\n$form-control-sm-height: 24px;\n$form-control-color: #424242;\n$form-control-bg-color: #fff;\n$form-control-border-color: #bdbdbd;\n$form-control-disable-bg-color: #eee;\n$form-control-disable-color: #BDBDBD;\n$form-control-disable-border-color: #e0e0e0;\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n\n$input-text-font-size: 14px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n$input-text-height:36px !default;\n$input-text-normal-width:360px !default;\n$input-text-short-width:180px !default;\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default\n\n\n/* FormGroup */\n\n$error-input-border:$brand-danger;\n$warning-input-border:$brand-warning;\n$success-input-border:$brand-success;\n$success-addon-bg: $brand-light-success;\n$warning-addon-bg: $brand-light-warning;\n$error-addon-bg: $brand-light-danger;\n$form-group-margin-top: 15px;\n$form-group-margin-bottom: 15px;\n\n/* Navlayout */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n$layout-nav-link-font-size: 13px !default;\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 44px !default;\n$layout-drawer-button-desktop-size: 34px !default;\n$layout-drawer-button-desktop-margin-top: 5px !default;\n$layout-drawer-button-mobile-margin-top: 10px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 44px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n// gridlayout\n\n// Extra small screen / phone\n//$screen-xs: 480px;\n\n$screen-xs-min: 480px;\n// Deprecated `@screen-phone` as of v3.0.1\n//@screen-phone: @screen-xs-min;\n\n// Small screen / tablet\n// Deprecated `@screen-sm` as of v3.0.1\n//@screen-sm: 768px;\n$screen-sm-min: 768px;\n// Deprecated `@screen-tablet` as of v3.0.1\n//@screen-tablet: @screen-sm-min;\n\n// Medium screen / desktop\n// Deprecated `@screen-md` as of v3.0.1\n//@screen-md: 992px;\n$screen-md-min: 992px;\n// Deprecated `@screen-desktop` as of v3.0.1\n//@screen-desktop: @screen-md-min;\n\n// Large screen / wide desktop\n// Deprecated `@screen-lg` as of v3.0.1\n//@screen-lg: 1200px;\n$screen-lg-min: 1200px;\n// Deprecated `@screen-lg-desktop` as of v3.0.1\n//@screen-lg-desktop: @screen-lg-min;\n$screen-xs-max: ($screen-sm-min - 1 );\n\n$screen-sm-max: ($screen-sm-min - 1 );\n\n$screen-md-max: ($screen-lg-min - 1 );\n\n\n\n\n// Number of columns in the grid.\n$grid-columns: 12;\n// Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n// Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: 768px;\n// Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width);\n// For `@screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n// For `@screen-md-min` and up.\n$container-md: $container-desktop;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n// For `@screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n\n// menu\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n// Tile\n$tile-width: 100%;\n\n$tile-default-border-color: #e9e9e9;\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\n\n$tile-primary-border-color: $button-primary-color;\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\n\n$tile-danger-border-color: $button-danger-color;\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\n\n$tile-warning-border-color: $button-warning-color;\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\n\n$tile-success-border-color: $button-success-color;\n$tile-success-hover-shadow-color: $button-success-hover-color;\n\n$tile-info-border-color: $button-info-color;\n$tile-info-hover-shadow-color: $button-info-hover-color;\n\n// Alert\n$alert-news-bg: $brand-light-news;\n$alert-success-bg: $brand-light-success;\n$alert-info-bg: $brand-light-info;\n$alert-warning-bg: $brand-light-warning;\n$alert-danger-bg: $brand-light-danger;\n\n\n$alert-dark-news-bg: $brand-news;\n$alert-dark-success-bg: $brand-success;\n$alert-dark-info-bg: $brand-info;\n$alert-dark-warning-bg: $brand-warning;\n$alert-dark-danger-bg: $brand-danger;\n\n$alert-news-color: $color-news;\n$alert-success-color: $color-success;\n$alert-info-color: $color-info;\n$alert-warning-color: $color-warning;\n$alert-danger-color: $color-danger;\n\n$timeline-news-color: $color-news;\n$timeline-success-color: $color-success;\n$timeline-info-color: $color-info;\n$timeline-warning-color: $color-warning;\n$timeline-danger-color: $color-danger;\n\n$alert-padding:10px;\n$alert-font-size:12px;\n$alert-border-radius: 4px;\n$alert-text-padding-left: 15px;\n$alert-text-padding-right: 15px;\n$alert-close-font-size: 21px;\n$alert-close-opacity: .2;\n$alert-close-font-weight: 700;\n\n//Checkbox\n\n$checkbox-color: unquote(\"rgb(#{$color-primary})\") !default;\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n$checkbox-label-font-size: 13px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n$checkbox-primary-bg: $brand-primary;\n$checkbox-success-bg: $brand-success;\n$checkbox-info-bg: $brand-info;\n$checkbox-warning-bg: $brand-warning;\n$checkbox-danger-bg: $brand-danger;\n$checkbox-dark-bg: $brand-dark;\n\n$progress-primary-bg: $brand-primary;\n$progress-success-bg: $brand-success;\n$progress-info-bg: $brand-info;\n$progress-warning-bg: $brand-warning;\n$progress-danger-bg: $brand-danger;\n$progress-dark-bg: $brand-dark;\n\n$color-primary-opacity:unquote(\"rgba(#{$color-primary}, 0.7)\") !default;\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\n\n\n$progress-sm-height: 10px;\n$progress-xs-height: 5px;\n$progress-xs-width: 170px;\n$progress-default-height: 20px;\n$progress-sm-lable-font-size: 10px;\n$progress-sm-lable-line-height: 10px;\n$progress-xs-lable-line-height: 8px;\n$progress-xs-lable-margin-left: 140px;\n$progress-xs-lable-font-size: 10px;\n$progress-xs-lable-color: #000;\n\n// Radio\n\n$radio-color: unquote(\"rgb(#{$color-primary})\") !default;\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n$radio-label-font-size: 13px !default;\n$radio-label-height: 32px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n$radio-primary-bg: $brand-primary;\n$radio-success-bg: $brand-success;\n$radio-info-bg: $brand-info;\n$radio-warning-bg: $brand-warning;\n$radio-danger-bg: $brand-danger;\n$radio-dark-bg: $brand-dark;\n\n$radio-disabled-color: rgba(0, 0, 0, 0.25);\n$radio-disabled-bg: #f7f7f7;\n$radio-diabled-border-color: #d9d9d9;\n\n$radio-border-color: #d9d9d9;\n$radio-bg-color: #fff;\n$radio-color: rgba(0, 0, 0, 0.65);\n\n$radio-checked-bg-color: #fff;\n$radio-checked-color: #108ee9;\n$radio-checked-border-color: $radio-checked-color;\n\n$radio-icon-height: 18px;\n$radio-icon-width: 18px;\n$radio-icon-checked-height: 8px;\n$radio-icon-checked-width: 8px;\n\n$radio-button-lg-height:42px;\n$radio-button-lg-line-height:26px;\n\n$radio-button-sm-height:22px;\n$radio-button-sm-line-height:20px;\n\n$radio-button-height: 28px;\n$radio-button-line-height: 26px;\n\n\n\n\n\n//loading\n\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$loading-single-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n$loading-size: 28px !default;\n$loading-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$loading-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$loading-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$loading-arc-start-rot: 216deg !default;\n\n$loading-duration: 360 * $loading-arc-time / (\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\n\n// datetimepicker\n\n$date-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n// message\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\n$snackbar-background-color: unquote(\"rgb(#{$color-primary})\") !default;\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\n\n// DATA TABLE\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\n\n//$data-table-hover-color: #eeeeee !default;\n$data-table-hover-color: #E9F7FC !default;\n$data-table-selection-color: #C4EAF6 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n// $line-height-computed: round(($font-size-small * $line-height-base));\n$line-height-computed: round((14px * $line-height-base));\n$table-bg: transparent;\n$table-cell-padding: 8px;\n$table-border-color: $border-color-base;\n$table-bg-hover: $bg-color-base;\n$table-bg-active: $table-bg-hover;\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\n\n\n\n\n// tooltip\n$tooltip-max-width: 200px;\n$tooltip-color: #fff;\n$tooltip-bg: #000;\n$tooltip-inverse-border-color: #d9d9d9;\n$tooltip-inverse-color: rgb(51,51,51);\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-opacity: .9;\n\n\n// 进度条\n$bar-height: 4px !default;\n$progress-main-color: unquote(\"rgb(#{$color-primary})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n\n\n$tab-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n\n\n//CARD\n\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 13px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 10px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1.4 * $unit !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 13px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n// Cover image\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\n$input-border-focus:unquote(\"rgb(#{$color-primary})\");\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\n$form-input-height:36px;\n$form-input-height-sm:28px;\n$form-input-padding-left:12px;\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\n\n\n// BADGE\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n$badge-primary-color:#FFFFFF;\n$badge-primary-bg:$brand-primary;\n\n$badge-success-color:#FFFFFF;\n$badge-success-bg: $brand-success;\n\n$badge-info-color:#FFFFFF;\n$badge-info-bg:$brand-info;\n\n$badge-warning-color:#FFFFFF;\n$badge-warning-bg:$brand-warning;\n\n$badge-danger-color:#FFFFFF;\n$badge-danger-bg:$brand-danger;\n\n$badge-dark-color:#FFFFFF;\n$badge-dark-bg:$brand-dark;\n\n$badge-font-size: 12px;\n$badge-font-dataicon-size: 10px;\n$badge-default-dataicon-fontcolor: #757575;\n$badge-default-dataicon-bgcolor: #fff;\n$badge-default-dataicon-bordercolor: #ccc;\n\n// labels\n$tag-padding: .25em .6em .25em;\n$tag-border-radius: 0.3em;\n$tag-bg: #eeeeee;\n$tag-round-border-radius: 1em;\n$tag-default-color: #757575;\n$tag-default-bg:#e0e0e0;\n$tag-lg-font-size: 16px;\n$tag-sm-font-size: 10px;\n$tag-sm-padding: .1em .5em .1em;\n$tag-default-hover-bg: $brand-default-hover;\n$tag-primary-hover-bg: $brand-primary-hover;\n$tag-success-hover-bg: $brand-success-hover;\n$tag-info-hover-bg: $brand-info-hover;\n$tag-warning-hover-bg: $brand-warning-hover;\n$tag-danger-hover-bg: $brand-danger-hover;\n$tag-dark-hover-bg: $brand-dark-hover;\n$tag-default-bg: $brand-default;\n$tag-primary-bg: $brand-primary;\n$tag-success-bg: $brand-success;\n$tag-info-bg: $brand-info;\n$tag-warning-bg: $brand-warning;\n$tag-danger-bg: $brand-danger;\n$tag-dark-bg: $brand-dark;\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\n\n\n// pagination\n$pagination-gap-hover-border:unquote(\"rgb(#{$color-primary})\");\n\n$pagination-link-padding: 7px 13px;\n$pagination-lg-font-size: 16px;\n$pagination-lg-padding-vertical: 9px;\n$pagination-lg-padding-horizontal: 15px;\n\n$pagination-small-font-size: \t14px;\n$pagination-small-padding-vertical: 5px;\n$pagination-small-padding-horizontal: 9px;\n\n$pag-color: #666666;\n$pag-bg-color: #fff;\n$pag-border-color:#d7d7d7;\n$pag-hover-color: #666;\n$pag-hover-bg-color:#eee;\n$pag-hover-border-color:#d7d7d7;\n$pag-active-color: #fff;\n$pag-active-bg-color:unquote(\"rgb(#{$color-primary})\");\n$pag-active-border-color:unquote(\"rgb(#{$color-primary})\");\n$pag-disabled-color: #777;\n$pag-disabled-bg-color:#fff;\n$pag-disabled-border-color:#ddd;\n\n$border-radius-base: 3px;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n// widget\n\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n//tooltips\n\n$tooltip-default-bg: $brand-default;\n$tooltip-primary-bg: $brand-primary;\n$tooltip-success-bg: $brand-success;\n$tooltip-info-bg: $brand-info;\n$tooltip-warning-bg: $brand-warning;\n$tooltip-danger-bg: $brand-danger;\n$tooltip-dark-bg: $brand-dark;\n\n//menu Button\n\n$menu-default-bg: $brand-default;\n$menu-primary-bg: $brand-primary;\n$menu-success-bg: $brand-success;\n$menu-info-bg: $brand-info;\n$menu-warning-bg: $brand-warning;\n$menu-danger-bg: $brand-danger;\n$menu-dark-bg: $brand-dark;\n$menu-default-bg-hover: $brand-default-hover;\n$menu-primary-bg-hover: $brand-primary-hover;\n$menu-success-bg-hover: $brand-success-hover;\n$menu-info-bg-hover: $brand-info-hover;\n$menu-warning-bg-hover: $brand-warning-hover;\n$menu-danger-bg-hover: $brand-danger-hover;\n$menu-dark-bg-hover: $brand-dark-hover;\n\n\n// breadcrumbs\n\n$border-radius-base: 3px;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$breadcrumb-padding-vertical: 8px;\n$breadcrumb-padding-horizontal: 10px;\n$breadcrumb-separator: \"/\\00a0\";\n$breadcrumb-bg: transparent;\n$breadcrumb-margin-bottom: 10px;\n\n$breadcrumb-color: $link-color;\n$breadcrumb-active-color: $text-color;\n\n$breadcrumb-icon-margin-right: 10px;\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\n\n$breadcrumb-bg-color: #f5f5f5;\n$breadcrumb-active-color: #777;\n$breadcrumb-separate-color: #ccc;\n$breadcrumb-color: $brand-info;\n\n// list-group\n$list-group-media-heading-font-size : $font-size-small;//14px\n$list-group-link-disabled-color : $disabled-color-base;\n\n$list-group-link-disabled-bg : $gray-lightest;\n\n$list-group-active-color : $brand-primary;\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\n$list-group-link-active-bg : $brand-primary;\n\n\n$list-group-item-icon-margin-right : 10px;\n\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\n\n\n$list-group-border-radius: $border-radius-base;\n\n\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color: $text-color;\n$list-group-link-heading-color: $title-color;\n\n$list-group-hover-bg: $bg-color-base;\n\n$list-group-disabled-bg: transparent;\n\n$list-group-disabled-color: $disabled-color-base;\n\n\n$list-group-disabled-text-color: $list-group-disabled-color;\n$list-group-active-bg: transparent;\n$list-group-active-border: $list-group-active-bg;\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\n$list-group-active-text-color: $list-group-active-color;\n\n$list-group-bg: #fff;\n$list-group-border: transparent;\n// $list-group-bordered-border : $border-color-base;\n// $list-group-bordered-active-color : $component-active-color;\n// $list-group-bordered-active-bg : $component-active-bg;\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\n\n// $list-group-gap-item-margin-bottom : 2px;\n\n//step\n$steps-margin-bottom: $line-height-computed;\n$step-padding-horizontal:20px;\n$step-padding-vertical: 12px;\n\n$step-vertical-padding-horizontal: 20px;\n$step-vertical-padding-vertical:18px;\n\n$step-color: $gray;\n$step-bg: $bg-color-base;\n$step-number-bg: $gray-lighter;\n$step-number-color: $inverse;\n\n$step-current-color: $inverse;\n$step-current-bg: $brand-primary;\n\n$step-done-color: $inverse;\n$step-done-bg:$brand-success;\n\n$step-error-color: $inverse;\n$step-error-bg: $brand-danger;\n\n$step-disabled-color:$gray-light;\n\n$step-font-size: inherit;\n$step-title-font-size: 20px;\n$step-icon-font-size:27px;\n$step-number-font-size:24px;\n$step-number-size: 40px;\n\n$step-lg-padding-horizontal:20px;\n$step-lg-padding-vertical:20px;\n$step-lg-font-size: 16px;\n$step-lg-title-font-size:22px;\n$step-lg-icon-font-size: 32px;\n$step-lg-number-font-size:28px;\n$step-lg-number-size:46px;\n\n$step-sm-font-size: 12px;\n$step-sm-title-font-size: 18px;\n$step-sm-icon-font-size: 24px;\n$step-sm-number-font-size: 24px;\n$step-sm-number-size: 30px;\n\n$step-xs-font-size: 10px;\n$step-xs-title-font-size: 16px;\n$step-xs-icon-font-size: 22px;\n$step-xs-number-font-size: 20px;\n$step-xs-number-size: 24px;\n\n// blog nav\n$blognav-active-color:unquote(\"rgb(#{$color-primary})\");\n// widget\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n\n// couter 数据统计\n\n$counter-number-color: $gray-darkest;\n$counter-number-font-size: 20px;\n$counter-icon-font-size: $counter-number-font-size;\n\n$counter-lg-number-font-size: 40px;\n$counter-md-number-font-size: 30px;\n$counter-sm-number-font-size: 14px;\n\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\n$counter-md-icon-font-size: $counter-md-number-font-size;\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\n\n$counter-inverse-color: $inverse;\n\n\n// navbar\n\n\n$menu-active-color: #108ee9;\n$menu-border-active-color: #108ee9;\n$menu-selected-bg-color: #eaf8fe;\n$menu-group-titil-color: #999;\n$menu-group-title-padding-left: 32px;\n$menu-color: #666;\n$menu-border-color: #d9d9d9;\n\n$navbar-default-bg-color: #f8f8f8;\n$navbar-default-border-color: #e7e7e7;\n$navbar-default-color: #777;\n$navbar-default-hover-color: #333;\n$navbar-inverse-hover-color: #fff;\n$navbar-inverse-color: #9d9d9d;\n$navbar-inverse-bg-color: #222;\n$navbar-inverse-border-color: #080808;\n$navbar-border-radius: 4px;\n\n$navbar-side-container-border-color: #d9d9d9;\n$navbar-side-container-width: 242px;\n$navbar-side-container-border-shadow: #d9d9d9;\n\n// Basics of a navbar\n$navbar-height: 50px;\n$navbar-margin-bottom: $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\n\n$navbar-brand-padding-horizontal: 20px;\n$navbar-brand-logo-height: 32px;\n\n$navbar-default-color: $text-color;\n$navbar-default-bg: $inverse;\n$navbar-default-border: $border-color-base;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color: $gray-darker;\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\n$navbar-default-link-disabled-color: $disabled-color-base;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar brand label\n$navbar-default-brand-color: $title-color;\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\n$navbar-default-brand-hover-bg: none;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-bg: $brand-primary;\n$navbar-inverse-border: rgba(0, 0, 0, .1);\n\n// Inverted navbar links\n$navbar-inverse-link-color: $inverse;\n$navbar-inverse-link-hover-color: $inverse;\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-link-disabled-color: $inverse;\n$navbar-inverse-link-disabled-bg: transparent;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color: $inverse;\n$navbar-inverse-brand-hover-bg: none;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\n$navbar-inverse-toggle-border-color: transparent;\n\n//hamburger\n$hamburger-size: 17px;\n\n\n//panel\n$panel-header-padding : 10px 15px;\n$panel-footer-padding : 10px 15px;\n$panel-body-padding : 15px 15px;\n$panel-header-bg-color : #f5f5f5;\n$panel-footer-bg-color : #f5f5f5;\n$panel-bg-color : #fff;\n$panel-default-color : #757575;\n$panel-inner-border-color: #ddd;\n\n\n//modal\n$modal-header-padding : 15px;\n$modal-body-padding : 15px;\n$modal-footer-padding : 15px;\n$modal-content-bg-color: #fff;\n$modal-backdrop-bg: #000;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n$modal-xlg: 1200px;\n$modal-lg: 900px;\n$modal-sm: 300px;\n$modal-default: 600px;\n$modal-border-radius: 3px;\n\n//notification\n\n$zIndex-notification: $zIndex-notification;\n$notification-top: 30px;\n$notification-bottom: 30px;\n$notification-right: 30px;\n$notification-width: 300px;\n$notification-text-margin-right: 15px;\n$notice-padding: 15px;\n$notice-background: $gray-darkest;\n$notice-bottom: 15px;\n\n//message\n\n$message-font-size: 12px;\n\n$message-right: 30px;\n$message-width: 300px;\n$message-text-margin-right: 15px;\n$default-border-radius: 4px;\n$message-padding: 0;\n$message-content-padding: 15px;\n$message-background: $gray-darkest;\n\n//popconfirm\n\n$popconfirm-max-width: 300px;\n\n$popconfirm-dark-bg: $gray-darkest;\n$popconfirm-fallback-dark-border-color: $gray-darkest;\n$popconfirm-margin: 10px;\n$popconfirm-title-bg: #fff;\n$popconfirm-border-color:$border-color-base;\n$popconfirm-arrow-width: 10px;\n$popconfirm-arrow-color: $border-color-base;\n$popconfirm-arrow-outer-width: 0;\n$popconfirm-arrow-outer-color: $border-color-base;\n$popconfirm-border-right-color: $border-color-base;\n$popconfirm-fallback-border-color: #fff;\n\n//select\n\n$select-bg-color: #fff;\n$select-border-color: #d9d9d9;\n$select-border-radius: 4px;\n$select-color: #666;\n$select-font-size: 12px;\n$select-dropdown-color: #666;\n$select-dropdown-bg-color: #fff;\n$select-dropdown-hover-bg: #e7f4fd;\n$select-dropdown-selected-bg: #f7f7f7;\n$select-dropdown-selected-color: #666;\n$select-dropwdown-item-padding: 7px 16px;\n$select-disabled-color: #ccc;\n$select-disabled-bg: #f7f7f7;\n$select-disabled-border-color: #d9d9d9;\n//dropdown\n\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\n$dropdown-item-divier-bg-color: $gray-lighter;\n$dropdown-border-color: $border-color-base;\n$dropdown-border-radius:3px;\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\n$dropdown-margin: 5px 0 0 0;\n$dropdown-menu-item-padding: 0px 16px 0 28px;\n$dropdown-menu-font-size: 12px;\n$dropdown-menu-item-height: 42px;\n$dropdown-menu-item-light-height: 42px;\n$dropdown-menu-title-font-size: 12px;\n$dropdown-menu-title-color: #999;\n$dropdown-menu-title-padding:8px 16px;\n$dropdown-menu-title-line-height: 1.5;\n\n//upload\n\n$upload-list-color: #108ee9;\n$upload-list-bg : #fff;\n$upload-list-hover-bg: #e7f4fd;\n$upload-list-error-color: #f50;\n$upload-thumbnail-height: 48px;\n$upload-thumbnail-width: 48px;\n$upload-thumbnail-img-height: 48px;\n$upload-thumbnail-img-width: 48px;\n\n//loading\n\n$loading-loadprimary: rgb(63, 81, 181);\n$loading-loadsuccess: #4caf50;\n$loading-loadwarn: rgb(255, 152, 0);\n$loading-lineanimating: (\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\n);\n$loading-linebackcolor: (\n 1: #F44336,\n 2: #7ED321,\n 3: #0084FF,\n 4: #FF9800,\n 5: #D0021B\n);\n$loading-back-width: 120px;\n$loading-back-height:110px;\n$loading-desc-font-size: 16px;\n$loading-desc-color: #cecece;\n$loading-rotate-bor:#c2c3c5;\n\n//两种加载的尺寸 width height\n$loading-rotate-sm-size: 25px;\n$loading-rotate-size:40px;\n$loading-rotate-lg-size:60px;\n\n$loading-line-sm-width: 4px;\n$loading-line-sm-height:35px;\n$loading-line-width:6px;\n$loading-line-height:50px;\n$loading-line-lg-width:8px;\n$loading-line-lg-height:90px ;\n\n//居中位置top left\n$loading-center-top:50%;\n$loading-center-left:50%;\n\n$loading-rotate-center-sm: -15px ;\n$loading-rotate-center:-22px;\n$loading-rotate-center-lg:-35px ;\n\n$loading-line-center-sm-top: -22px;\n$loading-line-center-sm-left:-20px;\n$loading-line-center-top:-30px;\n$loading-line-center-left:-25px;\n$loading-line-center-lg-top:-50px;\n$loading-line-center-lg-left:-30px;\n\n\n//switch\n\n\n//color\n$switch-border-color: $gray-lighter;\n$switch-back-color: $gray-lighter;\n$switch-checked-borColor: $brand-primary;\n$switch-checked-backColor: $brand-primary;\n\n// border-radius of different state switch\n$switch-border-radius: 20px;\n$switch-border-radius-after: 18px;\n\n// width height line-height of the three switches\n$switch-width: (default:44px, small:32px, large:60px);\n$switch-height: (default:22px, small:16px, large:30px);\n$switch-lineHeight: (default:20px, small:12px, large:12px);\n\n// style of u-switch-inner\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\n$switch-inner-left: (default:22px, small:16px, large:30px);\n$switch-inner-largeTop: 8px;\n\n// style of u-switch:active:after\n$switch-active-width: (default:24px, small:16px, large:32px);\n\n// style of u-switch:after\n$switch-after-widthHeight: 18px;\n$switch-after-widthHeight-sm: 14px;\n$switch-after-widthHeight-lg: 26px;\n$switch-after-top: 1px;\n$switch-after-top-sm: 0;\n$switch-after-top-lg: 1px;\n$switch-after-left: 0;\n$switch-after-left-sm: 0;\n$switch-after-left-lg: 0;\n\n// style of u-switch.is-checked\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\n\n$switch-primary-bg: $brand-primary;\n$switch-dark-bg: $brand-dark;\n$switch-success-bg: $brand-success;\n$switch-warning-bg: $brand-warning;\n$switch-danger-bg: $brand-danger;\n$switch-info-bg: $brand-info;\n\n//tabs\n\n$tabs-basic-back: #f5f5f5;\n$tabs-cls-color: #666;\n$tabs-cls-width: 900px;\n$tabs-simple-conHeight: 120px;\n$tabs-simple-conPad: 16px;\n$tabs-simple-conWidth: 100%;\n\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\n$tabs-marginBottom: -1px;\n\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\n$tabs-simple-tabBorder: 1px solid #fff;\n$tabs-simple-activeBorder: 1px solid $brand-primary;\n$tabs-simple-activeColor: #fff;\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\n$tabs-simple-activeTopRadius: 5px;\n$tabs-simple-fontWeight: bold;\n\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\n$tabs-fill-tab-maright: 5px;\n$tabs-fill-after-top: 0;\n$tabs-fill-after-left: 0;\n$tabs-fill-after-width: 100%;\n$tabs-fill-after-height: 100%;\n$tabs-fill-fontWeight: bold;\n\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\n$tabs-turn-after-top: 0;\n$tabs-turn-after-left: 0;\n$tabs-turn-after-width: 100%;\n$tabs-turn-after-height: 100%;\n$tabs-turn-beforeBot: 32px;\n$tabs-turn-beforeRight: 15px;\n$tabs-turn-fontWeight: bold;\n$tabs-moveleft-conHeight: 120px;\n$tabs-moveleft-conPad: 16px;\n\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\n$tabs-slide-child-bottom: 0;\n$tabs-slide-child-left: 0;\n$tabs-slide-child-height: 4px;\n$tabs-slide-child-back: $brand-primary;\n$tabs-slide-fontWeight: bold;\n\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fade-conPad: 16px;\n$tabs-fade-conBor: 5px;\n\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fadeup-top: -5px;\n$tabs-fadeup-left: 0;\n$tabs-fadeup-width: 100%;\n$tabs-fadeup-height: 100%;\n$tabs-fadeup-color: #666;\n$tabs-fadeup-conHeight: 120px;\n$tabs-fadeup-conPad: 16px;\n\n\n//rate\n$rate-star-default-color:$gray-lightest;\n$rate-star-active-color:$color-warning;\n$rate-star-marginRight:8px;\n//backtop\n$back-top-padding:5px;\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\n$backtop-right:10px;\n$backtop-bottom:10px;\n$backtop-dom-right:40px;\n\n\n//dnd\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\n$dnd-list-padding:8px;\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\n$dnd-item-padding:16px;\n$dnd-item-margin:4px;\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n//默认 flat 样式.\n.u-button {\n background: $button-default-color;\n border: none;\n border-radius: $button-border-radius;\n color: $button-default-text-color;\n position: relative;\n min-width: $button-min-width;\n padding: $button-padding;\n display: inline-block;\n @include typo-button();\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n line-height: $button-line-height;\n vertical-align: middle;\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:hover {\n background-color: $button-hover-color;\n }\n\n &:active {\n background-color: $button-active-color;\n }\n\n &.colored {\n color: $button-primary-color;\n\n &:focus:not(:active) {\n background-color: $button-focus-color;\n }\n }\n &.disable{\n -webkit-box-shadow: none;\n filter: alpha(opacity=65);\n box-shadow: none;\n cursor: not-allowed;\n opacity: .65;\n }\n}\n\ninput.u-button[type=\"submit\"] {\n -webkit-appearance:none;\n}\n\n//Floating bottons\n.u-button-floating {\n border-radius: 50%;\n font-size: $button-fab-font-size;\n height: $button-fab-size;\n margin: auto;\n min-width: $button-fab-size;\n width: $button-fab-size;\n padding: 0;\n line-height: normal;\n border: 1px solid $button-border-color;\n\n &.colored {\n background: $button-fab-color-alt;\n color: $button-fab-text-color-alt;\n\n &:hover {\n background-color: $button-fab-hover-color-alt;\n }\n\n &:focus:not(:active) {\n background-color: $button-fab-active-color-alt;\n }\n\n &:active {\n background-color: $button-fab-active-color-alt;\n }\n background: $button-fab-ripple-color-alt;\n }\n}\n\n.u-button.disabled, .u-button[disabled] {\n cursor: not-allowed;\n opacity: .65;\n filter: alpha(opacity=65);\n box-shadow: none;\n}\n\n.u-button-default {\n color: #333;\n background-color: #fff;\n border-color: #ccc;\n &:hover,&:focus,&:active {\n background-color: #e6e6e6;\n border-color: #adadad;\n }\n}\n\n\n.u-button-primary{\n @include button-styles-variant($button-text-color,$button-primary-color,$button-primary-hover-color,$button-primary-active-color);\n}\n.u-button-danger{\n @include button-styles-variant($button-text-color,$button-danger-color,$button-danger-hover-color,$button-danger-active-color);\n}\n.u-button-info{\n @include button-styles-variant($button-text-color,$button-info-color,$button-info-hover-color,$button-info-active-color);\n}\n.u-button-warning{\n @include button-styles-variant($button-text-color,$button-warning-color,$button-warning-hover-color,$button-warning-active-color);\n}\n.u-button-success{\n @include button-styles-variant($button-text-color,$button-success-color,$button-success-hover-color,$button-success-active-color);\n}\n\n.u-button-border.u-button-success{\n @include border-button-styles-variant($button-success-color,$button-success-color,$button-success-hover-color,$button-success-active-color);\n}\n.u-button-border.u-button-warning{\n @include border-button-styles-variant($button-warning-color,$button-warning-color,$button-warning-hover-color,$button-warning-active-color);\n}\n.u-button-border.u-button-danger{\n @include border-button-styles-variant($button-danger-color,$button-danger-color,$button-danger-hover-color,$button-danger-active-color);\n}\n.u-button-border.u-button-info{\n @include border-button-styles-variant($button-info-color,$button-info-color,$button-info-hover-color,$button-info-active-color);\n}\n\n.u-button-border.u-button-primary{\n @include border-button-styles-variant($button-primary-color,$button-primary-color,$button-primary-hover-color,$button-primary-active-color);\n}\n\n.u-button-border{\n color: $button-default-text-color;\n border: 1px solid #d9d9d9;\n background-color: #fff;\n}\n.u-button-border:hover,.u-button-border:focus{\n color: $button-default-text-color;\n background: $button-hover-color;\n}\n.u-button-border:active{\n color: #fff;\n background: $button-active-color;\n}\n\n.u-button-icon {\n border-radius: 50%;\n font-size: $button-fab-font-size;\n height:$button-icon-size;\n margin: auto;\n min-width:$button-icon-size;\n width: $button-icon-size;\n padding: 0;\n line-height: normal;\n border: 1px solid $button-border-color;\n}\n\n//大型\n.u-button-lg {\n @include button-size($button-padding-y-lg, $button-padding-x-lg, $font-size-lg);\n}\n//特大型\n.u-button-xg {\n\n @include button-size($button-padding-y-xg, $button-padding-x-xg, $font-size-xg);\n}\n\n//小型\n.u-button-sm {\n @include button-size($button-padding-y-sm, $button-padding-x-sm, $font-size-sm);\n}\n//方形按钮\n.u-button-squared {\n border-radius: 0;\n}\n\n// 圆形按钮\n\n.u-button-round {\n border-radius: 1000px;\n}\n\n//按钮充满整行\n.u-button-block{\n white-space: normal;\n display: block;\n width: 100%;\n}\n\n//与.u-button-round连用创建左半圆\n.u-button-pill-left {\n border-radius: 500px 0 0 500px;\n}\n//与.u-button-round连用创建右半圆\n.u-button-pill-right {\n border-radius: 0 500px 500px 0;\n}\n","\n// Typography\n\n@mixin typo-preferred-font($usePreferred: true) {\n @if $usePreferred {\n font-family: $preferred_font;\n }\n}\n\n@mixin typo-display-4($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 112/10 * $unit;\n font-weight: 300;\n line-height: 1;\n letter-spacing: -0.04em;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-3($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 56/10 * $unit;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-2($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 45/10 * $unit;\n font-weight: 400;\n line-height: 48/10 * $unit;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-1($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 34/10 * $unit;\n font-weight: 400;\n line-height: 40/10 * $unit;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-headline($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 24/10 * $unit;\n font-weight: 400;\n line-height: 32/10 * $unit;\n -moz-osx-font-smoothing: grayscale;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-title($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 20/10 * $unit;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-subhead($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 16/10 * $unit;\n font-weight: 400;\n line-height: 24/10 * $unit;\n letter-spacing: 0.04em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-subhead-2($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 16/10 * $unit;\n font-weight: 400;\n line-height: 28/10 * $unit;\n letter-spacing: 0.04em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-body-2($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 14/10 * $unit;\n @if $usePreferred {\n font-weight: 500;\n } @else {\n font-weight: bold;\n }\n line-height: 24/10 * $unit;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-body-1($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 14/10 * $unit;\n font-weight: 400;\n line-height: 24/10 * $unit;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-caption($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 12/10 * $unit;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-blockquote($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n position: relative;\n font-size: 24/10 * $unit;\n font-weight: 300;\n font-style: italic;\n line-height: 1.35;\n letter-spacing: 0.08em;\n\n &:before {\n position: absolute;\n left: -0.5em;\n content: '“';\n }\n\n &:after {\n content: '”';\n margin-left: -0.05em;\n }\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-menu($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 14/10 * $unit;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-button($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 14/10 * $unit;\n font-weight: 500;\n // text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n// Shadows\n\n// Focus shadow mixin.\n@mixin focus-shadow() {\n box-shadow: 0 0 8/10 * $unit rgba(0,0,0,.18),0 8/10 * $unit 16/10 * $unit rgba(0,0,0,.36);\n}\n\n@mixin shadow-0dp() {\n box-shadow: none;\n}\n\n@mixin shadow-2dp() {\n box-shadow: 0 2/10 * $unit 2/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3/10 * $unit 1/10 * $unit -2/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity),\n 0 1/10 * $unit 5/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\n box-shadow: 0 2/10 * $unit 2/10 * $unit 0 rgb(0, 0, 0),\n 0 3/10 * $unit 1/10 * $unit -2/10 * $unit rgb(0, 0, 0),\n 0 1/10 * $unit 5/10 * $unit 0 rgb(0, 0, 0) \\9;\n}\n@mixin shadow-3dp() {\n box-shadow: 0 3/10 * $unit 4/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3/10 * $unit 3/10 * $unit -2/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity),\n 0 1/10 * $unit 8/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\n}\n@mixin shadow-4dp() {\n box-shadow: 0 4/10 * $unit 5/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 1/10 * $unit 10/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 2/10 * $unit 4/10 * $unit -1/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n@mixin shadow-6dp() {\n box-shadow: 0 6/10 * $unit 10/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 1/10 * $unit 18/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 3/10 * $unit 5/10 * $unit -1/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n@mixin shadow-8dp() {\n box-shadow: 0 8/10 * $unit 10/10 * $unit 1/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3/10 * $unit 14/10 * $unit 2/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 5/10 * $unit 5/10 * $unit -3/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n@mixin shadow-16dp() {\n box-shadow: 0 16/10 * $unit 24/10 * $unit 2/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 6/10 * $unit 30/10 * $unit 5/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 8/10 * $unit 10/10 * $unit -5/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n@mixin shadow-24dp() {\n box-shadow: 0 9/10 * $unit 46/10 * $unit 8/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 11/10 * $unit 15/10 * $unit -7/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 24/10 * $unit 38/10 * $unit 3/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n//Animations\n\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-fast-out-slow-in;\n}\n\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-linear-out-slow-in;\n}\n\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-fast-out-linear-in;\n}\n\n@mixin material-animation-default($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-default;\n}\n\n\n\n// Transitions\n\n@mixin transition($transition) {\n -webkit-transition: $transition;\n -o-transition: $transition;\n transition: $transition;\n}\n@mixin transition-property($transition-property) {\n -webkit-transition-property: $transition-property;\n transition-property: $transition-property;\n}\n@mixin transition-delay($transition-delay) {\n -webkit-transition-delay: $transition-delay;\n transition-delay: $transition-delay;\n}\n@mixin transition-duration($transition-duration) {\n -webkit-transition-duration: $transition-duration;\n transition-duration: $transition-duration;\n}\n@mixin transition-timing-function($timing-function) {\n -webkit-transition-timing-function: $timing-function;\n transition-timing-function: $timing-function;\n}\n@mixin transition-transform($transition) {\n -webkit-transition: -webkit-transform $transition;\n -moz-transition: -moz-transform $transition;\n -o-transition: -o-transform $transition;\n transition: transform $transition;\n}\n\n//添加圆角\n@mixin border-top-radius($radius) {\n border-top-right-radius: $radius;\n border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n border-bottom-right-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n border-bottom-left-radius: $radius;\n border-top-left-radius: $radius;\n}\n//边框按钮颜色\n@mixin border-button-styles-variant($text-color,$bg-color,$bg-hover-color,$bg-active-color) {\n\n color: $text-color;\n border:1px $bg-color solid;\n\n &.focus, &:focus, &:hover {\n background-color: $bg-hover-color;\n border-color: $bg-hover-color;\n color:#fff;\n }\n\n &.active, &:active {\n color:#fff;\n background-color: $bg-active-color;\n border-color: $bg-active-color;\n }\n}\n//按钮颜色\n@mixin timeline-styles-variant($border-color) {\n border-color: $border-color;\n color: $border-color;\n}\n//按钮颜色\n@mixin button-styles-variant($text-color,$bg-color,$bg-hover-color,$bg-active-color) {\n\n color: $text-color;\n background-color: $bg-color;\n border:1px $bg-color solid;\n\n &.focus, &:focus, &:hover {\n background-color: $bg-hover-color;\n border-color: $bg-hover-color;\n }\n\n &.active, &:active {\n background-color: $bg-active-color;\n border-color: $bg-active-color;\n }\n}\n\n//按钮尺寸\n@mixin button-size($padding-y, $padding-x, $font-size) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n}\n\n//徽章\n@mixin badge-variant($color, $bg) {\n color: $color;\n background-color: $bg;\n\n &[href] {\n &:hover,\n &:focus {\n color: $color;\n }\n }\n}\n\n\n//标签\n\n@mixin tag-styles-variant($color, $hover-color) {\n background-color: $color;\n\n &[href] {\n &:hover,\n &:focus {\n background-color: $hover-color;\n }\n }\n\n &.u-tag-outline {\n color: $color;\n background-color: transparent;\n border-color: $color;\n }\n}\n\n\n// 分页\n\n@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\n > li {\n > a {\n padding: $padding-vertical $padding-horizontal;\n font-size: $font-size;\n line-height: $line-height;\n }\n &:first-child {\n > a{\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n > a{\n @include border-right-radius($border-radius);\n }\n }\n }\n >li[role=\"gap\"]{\n > a {\n padding: $padding-vertical+1px $padding-horizontal;\n font-size: $font-size;\n line-height: $line-height;\n }\n }\n}\n\n//radio\n\n@mixin radio-styles-variant($color) {\n &.is-checked{\n .u-radio-outer-circle{\n border: 1px solid $color;\n }\n .u-radio-inner-circle{\n background: $color;\n }\n }\n\n}\n//progress\n\n@mixin progress-styles-variant($bg-color) {\n background-color: $bg-color;\n}\n\n//alert\n@mixin alert-styles-variant($bg-color,$text-color) {\n background-color: $bg-color;\n border-color: $bg-color;\n color: $text-color;\n}\n\n//checkbox\n\n@mixin checkbox-styles-variant($color) {\n &.is-checked{\n .u-checkbox-outline{\n border: 1px solid $color;\n }\n .u-checkbox-tick-outline{\n background: $color;\n }\n }\n\n}\n//switch colors\n@mixin switch-styles-variant($color){\n background: $color;\n border: 1px solid $color;\n}\n\n//tooltips\n\n@mixin tooltip-styles-variant($color) {\n .tooltip-inner{\n background-color:$color !important;\n }\n &.bottom .tooltip-arrow{\n border-bottom-color:$color !important;\n }\n &.top .tooltip-arrow{\n border-top-color:$color !important;\n }\n &.left .tooltip-arrow{\n border-left-color:$color !important;\n }\n &.right .tooltip-arrow{\n border-right-color:$color !important;\n }\n}\n\n@mixin menu-styles-variant($color,$color-hover) {\n .u-menu-item:hover{\n background-color:$color-hover;\n a{\n color: #FFFFFF;\n }\n\n }\n .u-menu-item.active>a{\n background-color:$color;\n }\n .u-menu-item:focus {\n outline: none;\n background-color: $color;\n a{\n color: #FFFFFF;\n }\n }\n}\n\n\n// utilities\n// font-weight\n@mixin font-weight-light(){\n font-weight: $font-weight-light;\n}\n@mixin font-weight-normal(){\n font-weight: $font-weight-normal;\n}\n@mixin font-weight-medium(){\n font-weight: $font-weight-medium;\n}\n@mixin font-weight-bold(){\n font-weight: $font-weight-bold;\n}\n\n// text\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n word-wrap: normal; //for IE\n white-space: nowrap;\n}\n\n@mixin text-break() {\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n word-wrap: break-word;\n white-space: normal;\n}\n\n@mixin text-nowrap() {\n white-space: nowrap;\n}\n\n\n// visibility\n\n@mixin responsive-visibility() {\n display: block !important;\n table { display: table !important; }\n tr { display: table-row !important; }\n th ,\n td { display: table-cell !important; }\n}\n\n@mixin responsive-invisibility() {\n display: none !important;\n}\n\n\n\n@mixin center-block() {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n@mixin clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}\n\n\n@mixin hide-text() {\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n@mixin text-hide() {\n @include hide-text();\n}\n\n\n// nav\n\n@mixin navbar-vertical-align($element-height) {\n margin-top: (($navbar-height - $element-height) / 2);\n margin-bottom: (($navbar-height - $element-height) / 2);\n}\n\n","\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease;\n}\n.collapse {\n display: none;\n}\n.collapse.in {\n display: block;\n}\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n.u-popconfirm {\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zIndex-popconfirm;\n display: none;\n max-width: $popconfirm-max-width;\n padding: 1px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid $popconfirm-border-color;\n border-radius: 6px;\n box-shadow: 0 5px 10px rgba(0,0,0,.2);\n\n &-dark {\n background-color: $gray-darkest;\n color: #fff;\n }\n}\n\n.u-popconfirm.right {\n margin-left: $popconfirm-margin;\n}\n\n.u-popconfirm.left {\n margin-left: -$popconfirm-margin;\n}\n\n.u-popconfirm.top {\n margin-top: -$popconfirm-margin;\n}\n\n.u-popconfirm.bottom {\n margin-top: $popconfirm-margin;\n}\n\n.u-popconfirm.right>.arrow {\n top: 50%;\n left: -10px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: $popconfirm-arrow-outer-color;\n}\n\n.u-popconfirm.left>.arrow {\n top: 50%;\n right: -10px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: $popconfirm-arrow-outer-color;\n}\n\n.u-popconfirm.top>.arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: $popconfirm-arrow-outer-color;\n bottom: -10px;\n}\n\n.u-popconfirm.bottom>.arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: $popconfirm-arrow-outer-color;\n top: -11px;\n}\n\n.u-popconfirm>.arrow {\n border-width: $popconfirm-arrow-width;\n}\n\n.u-popconfirm>.arrow, .u-popconfirm>.arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n\n.u-popconfirm>.arrow:after {\n border-width: $popconfirm-arrow-width;\n content: \"\";\n}\n\n.u-popconfirm.right>.arrow:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: $popconfirm-fallback-border-color;\n}\n\n.u-popconfirm.left>.arrow:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: $popconfirm-fallback-border-color;\n bottom: -10px;\n}\n\n.u-popconfirm.top>.arrow:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: $popconfirm-fallback-border-color;\n}\n\n.u-popconfirm.bottom>.arrow:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: $popconfirm-fallback-border-color;\n}\n\n\n.u-popconfirm-dark.right>.arrow:after {\n border-right-color: $popconfirm-fallback-dark-border-color;\n}\n\n.u-popconfirm-dark.left>.arrow:after {\n border-left-color: $popconfirm-fallback-dark-border-color;\n}\n\n.u-popconfirm-dark.top>.arrow:after {\n border-top-color: $popconfirm-fallback-dark-border-color;\n}\n\n.u-popconfirm-dark.bottom>.arrow:after {\n border-bottom-color: $popconfirm-fallback-dark-border-color;\n}\n\n\n.u-popconfirm-content {\n padding: 15px;\n}\n.u-popconfirm-confirm {\n text-align: center;\n button {\n margin-right: 10px;\n }\n}\n\n.u-popconfirm .u-button{\n margin: 10px;\n}\n","\n\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n@import \"minxin-colors\";\n\n\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n$unit: 10px !default;\n// IMAGES\n$image_path: '/images' !default;\n\n\n\n//默认颜色\n$trim-color-classes: false !default;\n\n@import \"minxin-themeColors\";\n\n//对比色\n$color-primary-contrast: $color-dark-contrast !default;\n$color-accent-contrast: $color-dark-contrast !default;\n//字体颜色\n$color-text: $palette-grey-900 !default;\n\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n\n// -- Fonts 字体大小权重预定义\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\n$font-size: 1.6 * $unit !default;\n$font-size-tiny: 1.2 * $unit !default;\n$font-size-small: 1.4 * $unit !default;\n$font-size-normal: $font-size !default;\n$font-size-big: 1.8 * $unit !default;\n$font-weight-thin: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 500 !default;\n$font-weight-bold: 700 !default;\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\n\n\n$font-weight-override: false;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$font-weight-base: $font-weight-normal;\n\n\n\n\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\n$border-color-base: $gray-lighter;\n$line-height-base: 1.57142857;\n\n\n\n\n\n\n// 阴影\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n$shadow-base: 0 1px 5px $gray-lighter;\n\n\n\n//-- Indexes\n$z-index-highest: 300;\n$z-index-higher: 200;\n$z-index-high: 100;\n$z-index-normal: 1;\n$z-index-low: -100;\n$z-index-lower: -200;\n\n$zindex-modal: 1700;\n$zindex-modal-background: 1600;\n$zIndex-notification: 1560;\n$zIndex-message: 1550;\n$zIndex-popconfirm: 1540;\n$zIndex-popover: 1540;\n$zIndex-tooltip: 1530;\n$zIndex-alert: 1510;\n$zindex-navbar-fixed: 1500;\n$zindex-menubar: 1400;\n$zindex-overlay: 1300;\n$zindex-dropdown: 1200;\n$zindex-navbar: 1200;\n$zindex-header: 1100;\n$zindex-footer: 1000;\n$zindex-backtop:2000;\n\n// 文本字体\n\n//todo\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n$target-elements-directly: true !default;\n\n\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\n\n\n// 控件\n$cursor-disabled: not-allowed;\n\n\n$title-color: $gray-darkest;\n//todo\n$subtitle-color: $gray-darker;\n$text-color: $gray-dark;\n\n$prompt-color: $gray;\n//全局不同状态颜色\n//todo\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\n\n$bg-color-base: $gray-lightest;\n\n//disable颜色\n$disabled-color-base: $gray-light;\n$disabled-border-color: $gray-lighter;\n$disabled-bg-color: $gray-lightest;\n\n// 全局链接颜色\n$link-color: $normal-color-base;\n$link-hover-color: $hover-color-base;\n$link-active-color: $active-color-base;\n\n\n$brand-default: $gray-lighter;\n$brand-default-hover: $gray-lightest;\n$brand-default-active: $gray-light;\n\n$brand-primary : unquote(\"rgb(#{$color-primary})\") !default;\n$brand-primary-hover: unquote(\"rgb(#{$color-primary-light})\") !default;\n$brand-primary-active: unquote(\"rgb(#{$color-primary-dark})\") !default;\n\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\n\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\n\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\n\n\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\n\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\n\n$brand-dark: $gray-darker;\n$brand-dark-hover: $gray-dark;\n$brand-dark-active: $gray-darkest;\n\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-100})\") !default;\n$brand-light-success: unquote(\"rgb(#{$palette-green-100})\") !default;\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-100})\") !default;\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-100})\") !default;\n$brand-light-news: unquote(\"rgb(#{$palette-blue-100})\") !default;\n$brand-light-danger: unquote(\"rgb(#{$palette-red-100})\") !default;\n\n//不同背景下对应的文字颜色\n\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n\n//redius\n\n$default-border-radius: 4px;\n\n// UButton\n\n// Default button colors.\n$button-default-color: $brand-default;\n$button-default-color-IE8: $brand-default;\n\n$button-hover-color: $brand-default-hover;\n$button-active-color: $brand-default-active;\n$button-focus-color: $brand-default-active;\n\n\n$button-text-color: unquote(\"rgb(#{$color-dark-contrast})\") !default;\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !default;\n\n\n\n\n$button-primary-color: $brand-primary;\n$button-primary-active-color: $brand-primary-active;\n$button-primary-hover-color: $brand-primary-hover;\n$button-success-color: $brand-success;\n$button-success-active-color: $brand-success-active;\n$button-success-hover-color: $brand-success-hover;\n$button-info-color: $brand-info;\n$button-info-active-color: $brand-info-active;\n$button-info-hover-color: $brand-info-hover;\n$button-warning-color: $brand-warning;\n$button-warning-active-color: $brand-warning-active;\n$button-warning-hover-color: $brand-warning-hover;\n$button-danger-color: $brand-danger;\n$button-danger-active-color: $brand-danger-active;\n$button-danger-hover-color: $brand-danger-hover;\n$button-dark-color: $brand-dark;\n$button-dark-active-color: $brand-dark-active;\n$button-dark-hover-color: $brand-dark-hover;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n//Dimensions\n\n$button-min-width: 72/10 * $unit !default;\n$button-height: 36/10 * $unit !default;\n$button-padding: 5/10* $unit 13/10 * $unit !default;\n$button-padding-IE8: 5px 13px !default;\n$button-top-padding: 1310 * $unit !default;\n$button-left-padding: 6/10* $unit !default;\n$button-line-height:1.57142857;\n$button-margin: 4/10 * $unit !default;\n$button-border-radius: 4/10 * $unit !default;\n\n$button-fab-size: 38/10 * $unit !default;\n$button-fab-size-mini: 30/10 * $unit !default;\n$button-fab-font-size: 14/10 * $unit !default;\n\n$button-icon-size: 32/10 * $unit !default;\n$button-icon-size-mini: 13/10 * $unit !default;\n\n$button-raised-font-size: 14/10 * $unit !default;\n\n$button-border-color:unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n// 大按钮\n$button-padding-y-lg:8px;\n$button-padding-x-lg:15px;\n$font-size-lg:1.4 * $unit;\n\n\n//特大型按钮\n$button-padding-y-xg:10px;\n$button-padding-x-xg:18px;\n$font-size-xg:1.6 * $unit;\n\n\n//小型按钮\n$button-padding-y-sm:3px;\n$button-padding-x-sm:5px;\n$font-size-sm:1.2 * $unit;\n\n\n\n// UText\n\n\n$form-control-border-radius: 3px;\n$form-control-default-font-size: 14px;\n$form-control-lg-font-size: 14px;\n$form-control-sm-font-size: 12px;\n$form-control-default-height: 30px;\n$form-control-lg-height: 38px;\n$form-control-sm-height: 24px;\n$form-control-color: #424242;\n$form-control-bg-color: #fff;\n$form-control-border-color: #bdbdbd;\n$form-control-disable-bg-color: #eee;\n$form-control-disable-color: #BDBDBD;\n$form-control-disable-border-color: #e0e0e0;\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n\n$input-text-font-size: 14px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n$input-text-height:36px !default;\n$input-text-normal-width:360px !default;\n$input-text-short-width:180px !default;\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default\n\n\n/* FormGroup */\n\n$error-input-border:$brand-danger;\n$warning-input-border:$brand-warning;\n$success-input-border:$brand-success;\n$success-addon-bg: $brand-light-success;\n$warning-addon-bg: $brand-light-warning;\n$error-addon-bg: $brand-light-danger;\n$form-group-margin-top: 15px;\n$form-group-margin-bottom: 15px;\n\n/* Navlayout */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n$layout-nav-link-font-size: 13px !default;\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 44px !default;\n$layout-drawer-button-desktop-size: 34px !default;\n$layout-drawer-button-desktop-margin-top: 5px !default;\n$layout-drawer-button-mobile-margin-top: 10px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 44px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n// gridlayout\n\n// Extra small screen / phone\n//$screen-xs: 480px;\n\n$screen-xs-min: 480px;\n// Deprecated `@screen-phone` as of v3.0.1\n//@screen-phone: @screen-xs-min;\n\n// Small screen / tablet\n// Deprecated `@screen-sm` as of v3.0.1\n//@screen-sm: 768px;\n$screen-sm-min: 768px;\n// Deprecated `@screen-tablet` as of v3.0.1\n//@screen-tablet: @screen-sm-min;\n\n// Medium screen / desktop\n// Deprecated `@screen-md` as of v3.0.1\n//@screen-md: 992px;\n$screen-md-min: 992px;\n// Deprecated `@screen-desktop` as of v3.0.1\n//@screen-desktop: @screen-md-min;\n\n// Large screen / wide desktop\n// Deprecated `@screen-lg` as of v3.0.1\n//@screen-lg: 1200px;\n$screen-lg-min: 1200px;\n// Deprecated `@screen-lg-desktop` as of v3.0.1\n//@screen-lg-desktop: @screen-lg-min;\n$screen-xs-max: ($screen-sm-min - 1 );\n\n$screen-sm-max: ($screen-sm-min - 1 );\n\n$screen-md-max: ($screen-lg-min - 1 );\n\n\n\n\n// Number of columns in the grid.\n$grid-columns: 12;\n// Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n// Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: 768px;\n// Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width);\n// For `@screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n// For `@screen-md-min` and up.\n$container-md: $container-desktop;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n// For `@screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n\n// menu\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n// Tile\n$tile-width: 100%;\n\n$tile-default-border-color: #e9e9e9;\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\n\n$tile-primary-border-color: $button-primary-color;\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\n\n$tile-danger-border-color: $button-danger-color;\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\n\n$tile-warning-border-color: $button-warning-color;\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\n\n$tile-success-border-color: $button-success-color;\n$tile-success-hover-shadow-color: $button-success-hover-color;\n\n$tile-info-border-color: $button-info-color;\n$tile-info-hover-shadow-color: $button-info-hover-color;\n\n// Alert\n$alert-news-bg: $brand-light-news;\n$alert-success-bg: $brand-light-success;\n$alert-info-bg: $brand-light-info;\n$alert-warning-bg: $brand-light-warning;\n$alert-danger-bg: $brand-light-danger;\n\n\n$alert-dark-news-bg: $brand-news;\n$alert-dark-success-bg: $brand-success;\n$alert-dark-info-bg: $brand-info;\n$alert-dark-warning-bg: $brand-warning;\n$alert-dark-danger-bg: $brand-danger;\n\n$alert-news-color: $color-news;\n$alert-success-color: $color-success;\n$alert-info-color: $color-info;\n$alert-warning-color: $color-warning;\n$alert-danger-color: $color-danger;\n\n$timeline-news-color: $color-news;\n$timeline-success-color: $color-success;\n$timeline-info-color: $color-info;\n$timeline-warning-color: $color-warning;\n$timeline-danger-color: $color-danger;\n\n$alert-padding:10px;\n$alert-font-size:12px;\n$alert-border-radius: 4px;\n$alert-text-padding-left: 15px;\n$alert-text-padding-right: 15px;\n$alert-close-font-size: 21px;\n$alert-close-opacity: .2;\n$alert-close-font-weight: 700;\n\n//Checkbox\n\n$checkbox-color: unquote(\"rgb(#{$color-primary})\") !default;\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n$checkbox-label-font-size: 13px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n$checkbox-primary-bg: $brand-primary;\n$checkbox-success-bg: $brand-success;\n$checkbox-info-bg: $brand-info;\n$checkbox-warning-bg: $brand-warning;\n$checkbox-danger-bg: $brand-danger;\n$checkbox-dark-bg: $brand-dark;\n\n$progress-primary-bg: $brand-primary;\n$progress-success-bg: $brand-success;\n$progress-info-bg: $brand-info;\n$progress-warning-bg: $brand-warning;\n$progress-danger-bg: $brand-danger;\n$progress-dark-bg: $brand-dark;\n\n$color-primary-opacity:unquote(\"rgba(#{$color-primary}, 0.7)\") !default;\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\n\n\n$progress-sm-height: 10px;\n$progress-xs-height: 5px;\n$progress-xs-width: 170px;\n$progress-default-height: 20px;\n$progress-sm-lable-font-size: 10px;\n$progress-sm-lable-line-height: 10px;\n$progress-xs-lable-line-height: 8px;\n$progress-xs-lable-margin-left: 140px;\n$progress-xs-lable-font-size: 10px;\n$progress-xs-lable-color: #000;\n\n// Radio\n\n$radio-color: unquote(\"rgb(#{$color-primary})\") !default;\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n$radio-label-font-size: 13px !default;\n$radio-label-height: 32px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n$radio-primary-bg: $brand-primary;\n$radio-success-bg: $brand-success;\n$radio-info-bg: $brand-info;\n$radio-warning-bg: $brand-warning;\n$radio-danger-bg: $brand-danger;\n$radio-dark-bg: $brand-dark;\n\n$radio-disabled-color: rgba(0, 0, 0, 0.25);\n$radio-disabled-bg: #f7f7f7;\n$radio-diabled-border-color: #d9d9d9;\n\n$radio-border-color: #d9d9d9;\n$radio-bg-color: #fff;\n$radio-color: rgba(0, 0, 0, 0.65);\n\n$radio-checked-bg-color: #fff;\n$radio-checked-color: #108ee9;\n$radio-checked-border-color: $radio-checked-color;\n\n$radio-icon-height: 18px;\n$radio-icon-width: 18px;\n$radio-icon-checked-height: 8px;\n$radio-icon-checked-width: 8px;\n\n$radio-button-lg-height:42px;\n$radio-button-lg-line-height:26px;\n\n$radio-button-sm-height:22px;\n$radio-button-sm-line-height:20px;\n\n$radio-button-height: 28px;\n$radio-button-line-height: 26px;\n\n\n\n\n\n//loading\n\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$loading-single-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n$loading-size: 28px !default;\n$loading-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$loading-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$loading-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$loading-arc-start-rot: 216deg !default;\n\n$loading-duration: 360 * $loading-arc-time / (\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\n\n// datetimepicker\n\n$date-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n// message\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\n$snackbar-background-color: unquote(\"rgb(#{$color-primary})\") !default;\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\n\n// DATA TABLE\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\n\n//$data-table-hover-color: #eeeeee !default;\n$data-table-hover-color: #E9F7FC !default;\n$data-table-selection-color: #C4EAF6 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n// $line-height-computed: round(($font-size-small * $line-height-base));\n$line-height-computed: round((14px * $line-height-base));\n$table-bg: transparent;\n$table-cell-padding: 8px;\n$table-border-color: $border-color-base;\n$table-bg-hover: $bg-color-base;\n$table-bg-active: $table-bg-hover;\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\n\n\n\n\n// tooltip\n$tooltip-max-width: 200px;\n$tooltip-color: #fff;\n$tooltip-bg: #000;\n$tooltip-inverse-border-color: #d9d9d9;\n$tooltip-inverse-color: rgb(51,51,51);\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-opacity: .9;\n\n\n// 进度条\n$bar-height: 4px !default;\n$progress-main-color: unquote(\"rgb(#{$color-primary})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n\n\n$tab-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n\n\n//CARD\n\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 13px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 10px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1.4 * $unit !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 13px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n// Cover image\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\n$input-border-focus:unquote(\"rgb(#{$color-primary})\");\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\n$form-input-height:36px;\n$form-input-height-sm:28px;\n$form-input-padding-left:12px;\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\n\n\n// BADGE\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n$badge-primary-color:#FFFFFF;\n$badge-primary-bg:$brand-primary;\n\n$badge-success-color:#FFFFFF;\n$badge-success-bg: $brand-success;\n\n$badge-info-color:#FFFFFF;\n$badge-info-bg:$brand-info;\n\n$badge-warning-color:#FFFFFF;\n$badge-warning-bg:$brand-warning;\n\n$badge-danger-color:#FFFFFF;\n$badge-danger-bg:$brand-danger;\n\n$badge-dark-color:#FFFFFF;\n$badge-dark-bg:$brand-dark;\n\n$badge-font-size: 12px;\n$badge-font-dataicon-size: 10px;\n$badge-default-dataicon-fontcolor: #757575;\n$badge-default-dataicon-bgcolor: #fff;\n$badge-default-dataicon-bordercolor: #ccc;\n\n// labels\n$tag-padding: .25em .6em .25em;\n$tag-border-radius: 0.3em;\n$tag-bg: #eeeeee;\n$tag-round-border-radius: 1em;\n$tag-default-color: #757575;\n$tag-default-bg:#e0e0e0;\n$tag-lg-font-size: 16px;\n$tag-sm-font-size: 10px;\n$tag-sm-padding: .1em .5em .1em;\n$tag-default-hover-bg: $brand-default-hover;\n$tag-primary-hover-bg: $brand-primary-hover;\n$tag-success-hover-bg: $brand-success-hover;\n$tag-info-hover-bg: $brand-info-hover;\n$tag-warning-hover-bg: $brand-warning-hover;\n$tag-danger-hover-bg: $brand-danger-hover;\n$tag-dark-hover-bg: $brand-dark-hover;\n$tag-default-bg: $brand-default;\n$tag-primary-bg: $brand-primary;\n$tag-success-bg: $brand-success;\n$tag-info-bg: $brand-info;\n$tag-warning-bg: $brand-warning;\n$tag-danger-bg: $brand-danger;\n$tag-dark-bg: $brand-dark;\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\n\n\n// pagination\n$pagination-gap-hover-border:unquote(\"rgb(#{$color-primary})\");\n\n$pagination-link-padding: 7px 13px;\n$pagination-lg-font-size: 16px;\n$pagination-lg-padding-vertical: 9px;\n$pagination-lg-padding-horizontal: 15px;\n\n$pagination-small-font-size: \t14px;\n$pagination-small-padding-vertical: 5px;\n$pagination-small-padding-horizontal: 9px;\n\n$pag-color: #666666;\n$pag-bg-color: #fff;\n$pag-border-color:#d7d7d7;\n$pag-hover-color: #666;\n$pag-hover-bg-color:#eee;\n$pag-hover-border-color:#d7d7d7;\n$pag-active-color: #fff;\n$pag-active-bg-color:unquote(\"rgb(#{$color-primary})\");\n$pag-active-border-color:unquote(\"rgb(#{$color-primary})\");\n$pag-disabled-color: #777;\n$pag-disabled-bg-color:#fff;\n$pag-disabled-border-color:#ddd;\n\n$border-radius-base: 3px;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n// widget\n\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n//tooltips\n\n$tooltip-default-bg: $brand-default;\n$tooltip-primary-bg: $brand-primary;\n$tooltip-success-bg: $brand-success;\n$tooltip-info-bg: $brand-info;\n$tooltip-warning-bg: $brand-warning;\n$tooltip-danger-bg: $brand-danger;\n$tooltip-dark-bg: $brand-dark;\n\n//menu Button\n\n$menu-default-bg: $brand-default;\n$menu-primary-bg: $brand-primary;\n$menu-success-bg: $brand-success;\n$menu-info-bg: $brand-info;\n$menu-warning-bg: $brand-warning;\n$menu-danger-bg: $brand-danger;\n$menu-dark-bg: $brand-dark;\n$menu-default-bg-hover: $brand-default-hover;\n$menu-primary-bg-hover: $brand-primary-hover;\n$menu-success-bg-hover: $brand-success-hover;\n$menu-info-bg-hover: $brand-info-hover;\n$menu-warning-bg-hover: $brand-warning-hover;\n$menu-danger-bg-hover: $brand-danger-hover;\n$menu-dark-bg-hover: $brand-dark-hover;\n\n\n// breadcrumbs\n\n$border-radius-base: 3px;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$breadcrumb-padding-vertical: 8px;\n$breadcrumb-padding-horizontal: 10px;\n$breadcrumb-separator: \"/\\00a0\";\n$breadcrumb-bg: transparent;\n$breadcrumb-margin-bottom: 10px;\n\n$breadcrumb-color: $link-color;\n$breadcrumb-active-color: $text-color;\n\n$breadcrumb-icon-margin-right: 10px;\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\n\n$breadcrumb-bg-color: #f5f5f5;\n$breadcrumb-active-color: #777;\n$breadcrumb-separate-color: #ccc;\n$breadcrumb-color: $brand-info;\n\n// list-group\n$list-group-media-heading-font-size : $font-size-small;//14px\n$list-group-link-disabled-color : $disabled-color-base;\n\n$list-group-link-disabled-bg : $gray-lightest;\n\n$list-group-active-color : $brand-primary;\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\n$list-group-link-active-bg : $brand-primary;\n\n\n$list-group-item-icon-margin-right : 10px;\n\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\n\n\n$list-group-border-radius: $border-radius-base;\n\n\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color: $text-color;\n$list-group-link-heading-color: $title-color;\n\n$list-group-hover-bg: $bg-color-base;\n\n$list-group-disabled-bg: transparent;\n\n$list-group-disabled-color: $disabled-color-base;\n\n\n$list-group-disabled-text-color: $list-group-disabled-color;\n$list-group-active-bg: transparent;\n$list-group-active-border: $list-group-active-bg;\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\n$list-group-active-text-color: $list-group-active-color;\n\n$list-group-bg: #fff;\n$list-group-border: transparent;\n// $list-group-bordered-border : $border-color-base;\n// $list-group-bordered-active-color : $component-active-color;\n// $list-group-bordered-active-bg : $component-active-bg;\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\n\n// $list-group-gap-item-margin-bottom : 2px;\n\n//step\n$steps-margin-bottom: $line-height-computed;\n$step-padding-horizontal:20px;\n$step-padding-vertical: 12px;\n\n$step-vertical-padding-horizontal: 20px;\n$step-vertical-padding-vertical:18px;\n\n$step-color: $gray;\n$step-bg: $bg-color-base;\n$step-number-bg: $gray-lighter;\n$step-number-color: $inverse;\n\n$step-current-color: $inverse;\n$step-current-bg: $brand-primary;\n\n$step-done-color: $inverse;\n$step-done-bg:$brand-success;\n\n$step-error-color: $inverse;\n$step-error-bg: $brand-danger;\n\n$step-disabled-color:$gray-light;\n\n$step-font-size: inherit;\n$step-title-font-size: 20px;\n$step-icon-font-size:27px;\n$step-number-font-size:24px;\n$step-number-size: 40px;\n\n$step-lg-padding-horizontal:20px;\n$step-lg-padding-vertical:20px;\n$step-lg-font-size: 16px;\n$step-lg-title-font-size:22px;\n$step-lg-icon-font-size: 32px;\n$step-lg-number-font-size:28px;\n$step-lg-number-size:46px;\n\n$step-sm-font-size: 12px;\n$step-sm-title-font-size: 18px;\n$step-sm-icon-font-size: 24px;\n$step-sm-number-font-size: 24px;\n$step-sm-number-size: 30px;\n\n$step-xs-font-size: 10px;\n$step-xs-title-font-size: 16px;\n$step-xs-icon-font-size: 22px;\n$step-xs-number-font-size: 20px;\n$step-xs-number-size: 24px;\n\n// blog nav\n$blognav-active-color:unquote(\"rgb(#{$color-primary})\");\n// widget\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n\n// couter 数据统计\n\n$counter-number-color: $gray-darkest;\n$counter-number-font-size: 20px;\n$counter-icon-font-size: $counter-number-font-size;\n\n$counter-lg-number-font-size: 40px;\n$counter-md-number-font-size: 30px;\n$counter-sm-number-font-size: 14px;\n\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\n$counter-md-icon-font-size: $counter-md-number-font-size;\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\n\n$counter-inverse-color: $inverse;\n\n\n// navbar\n\n\n$menu-active-color: #108ee9;\n$menu-border-active-color: #108ee9;\n$menu-selected-bg-color: #eaf8fe;\n$menu-group-titil-color: #999;\n$menu-group-title-padding-left: 32px;\n$menu-color: #666;\n$menu-border-color: #d9d9d9;\n\n$navbar-default-bg-color: #f8f8f8;\n$navbar-default-border-color: #e7e7e7;\n$navbar-default-color: #777;\n$navbar-default-hover-color: #333;\n$navbar-inverse-hover-color: #fff;\n$navbar-inverse-color: #9d9d9d;\n$navbar-inverse-bg-color: #222;\n$navbar-inverse-border-color: #080808;\n$navbar-border-radius: 4px;\n\n$navbar-side-container-border-color: #d9d9d9;\n$navbar-side-container-width: 242px;\n$navbar-side-container-border-shadow: #d9d9d9;\n\n// Basics of a navbar\n$navbar-height: 50px;\n$navbar-margin-bottom: $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\n\n$navbar-brand-padding-horizontal: 20px;\n$navbar-brand-logo-height: 32px;\n\n$navbar-default-color: $text-color;\n$navbar-default-bg: $inverse;\n$navbar-default-border: $border-color-base;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color: $gray-darker;\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\n$navbar-default-link-disabled-color: $disabled-color-base;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar brand label\n$navbar-default-brand-color: $title-color;\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\n$navbar-default-brand-hover-bg: none;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-bg: $brand-primary;\n$navbar-inverse-border: rgba(0, 0, 0, .1);\n\n// Inverted navbar links\n$navbar-inverse-link-color: $inverse;\n$navbar-inverse-link-hover-color: $inverse;\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-link-disabled-color: $inverse;\n$navbar-inverse-link-disabled-bg: transparent;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color: $inverse;\n$navbar-inverse-brand-hover-bg: none;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\n$navbar-inverse-toggle-border-color: transparent;\n\n//hamburger\n$hamburger-size: 17px;\n\n\n//panel\n$panel-header-padding : 10px 15px;\n$panel-footer-padding : 10px 15px;\n$panel-body-padding : 15px 15px;\n$panel-header-bg-color : #f5f5f5;\n$panel-footer-bg-color : #f5f5f5;\n$panel-bg-color : #fff;\n$panel-default-color : #757575;\n$panel-inner-border-color: #ddd;\n\n\n//modal\n$modal-header-padding : 15px;\n$modal-body-padding : 15px;\n$modal-footer-padding : 15px;\n$modal-content-bg-color: #fff;\n$modal-backdrop-bg: #000;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n$modal-xlg: 1200px;\n$modal-lg: 900px;\n$modal-sm: 300px;\n$modal-default: 600px;\n$modal-border-radius: 3px;\n\n//notification\n\n$zIndex-notification: $zIndex-notification;\n$notification-top: 30px;\n$notification-bottom: 30px;\n$notification-right: 30px;\n$notification-width: 300px;\n$notification-text-margin-right: 15px;\n$notice-padding: 15px;\n$notice-background: $gray-darkest;\n$notice-bottom: 15px;\n\n//message\n\n$message-font-size: 12px;\n\n$message-right: 30px;\n$message-width: 300px;\n$message-text-margin-right: 15px;\n$default-border-radius: 4px;\n$message-padding: 0;\n$message-content-padding: 15px;\n$message-background: $gray-darkest;\n\n//popconfirm\n\n$popconfirm-max-width: 300px;\n\n$popconfirm-dark-bg: $gray-darkest;\n$popconfirm-fallback-dark-border-color: $gray-darkest;\n$popconfirm-margin: 10px;\n$popconfirm-title-bg: #fff;\n$popconfirm-border-color:$border-color-base;\n$popconfirm-arrow-width: 10px;\n$popconfirm-arrow-color: $border-color-base;\n$popconfirm-arrow-outer-width: 0;\n$popconfirm-arrow-outer-color: $border-color-base;\n$popconfirm-border-right-color: $border-color-base;\n$popconfirm-fallback-border-color: #fff;\n\n//select\n\n$select-bg-color: #fff;\n$select-border-color: #d9d9d9;\n$select-border-radius: 4px;\n$select-color: #666;\n$select-font-size: 12px;\n$select-dropdown-color: #666;\n$select-dropdown-bg-color: #fff;\n$select-dropdown-hover-bg: #e7f4fd;\n$select-dropdown-selected-bg: #f7f7f7;\n$select-dropdown-selected-color: #666;\n$select-dropwdown-item-padding: 7px 16px;\n$select-disabled-color: #ccc;\n$select-disabled-bg: #f7f7f7;\n$select-disabled-border-color: #d9d9d9;\n//dropdown\n\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\n$dropdown-item-divier-bg-color: $gray-lighter;\n$dropdown-border-color: $border-color-base;\n$dropdown-border-radius:3px;\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\n$dropdown-margin: 5px 0 0 0;\n$dropdown-menu-item-padding: 0px 16px 0 28px;\n$dropdown-menu-font-size: 12px;\n$dropdown-menu-item-height: 42px;\n$dropdown-menu-item-light-height: 42px;\n$dropdown-menu-title-font-size: 12px;\n$dropdown-menu-title-color: #999;\n$dropdown-menu-title-padding:8px 16px;\n$dropdown-menu-title-line-height: 1.5;\n\n//upload\n\n$upload-list-color: #108ee9;\n$upload-list-bg : #fff;\n$upload-list-hover-bg: #e7f4fd;\n$upload-list-error-color: #f50;\n$upload-thumbnail-height: 48px;\n$upload-thumbnail-width: 48px;\n$upload-thumbnail-img-height: 48px;\n$upload-thumbnail-img-width: 48px;\n\n//loading\n\n$loading-loadprimary: rgb(63, 81, 181);\n$loading-loadsuccess: #4caf50;\n$loading-loadwarn: rgb(255, 152, 0);\n$loading-lineanimating: (\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\n);\n$loading-linebackcolor: (\n 1: #F44336,\n 2: #7ED321,\n 3: #0084FF,\n 4: #FF9800,\n 5: #D0021B\n);\n$loading-back-width: 120px;\n$loading-back-height:110px;\n$loading-desc-font-size: 16px;\n$loading-desc-color: #cecece;\n$loading-rotate-bor:#c2c3c5;\n\n//两种加载的尺寸 width height\n$loading-rotate-sm-size: 25px;\n$loading-rotate-size:40px;\n$loading-rotate-lg-size:60px;\n\n$loading-line-sm-width: 4px;\n$loading-line-sm-height:35px;\n$loading-line-width:6px;\n$loading-line-height:50px;\n$loading-line-lg-width:8px;\n$loading-line-lg-height:90px ;\n\n//居中位置top left\n$loading-center-top:50%;\n$loading-center-left:50%;\n\n$loading-rotate-center-sm: -15px ;\n$loading-rotate-center:-22px;\n$loading-rotate-center-lg:-35px ;\n\n$loading-line-center-sm-top: -22px;\n$loading-line-center-sm-left:-20px;\n$loading-line-center-top:-30px;\n$loading-line-center-left:-25px;\n$loading-line-center-lg-top:-50px;\n$loading-line-center-lg-left:-30px;\n\n\n//switch\n\n\n//color\n$switch-border-color: $gray-lighter;\n$switch-back-color: $gray-lighter;\n$switch-checked-borColor: $brand-primary;\n$switch-checked-backColor: $brand-primary;\n\n// border-radius of different state switch\n$switch-border-radius: 20px;\n$switch-border-radius-after: 18px;\n\n// width height line-height of the three switches\n$switch-width: (default:44px, small:32px, large:60px);\n$switch-height: (default:22px, small:16px, large:30px);\n$switch-lineHeight: (default:20px, small:12px, large:12px);\n\n// style of u-switch-inner\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\n$switch-inner-left: (default:22px, small:16px, large:30px);\n$switch-inner-largeTop: 8px;\n\n// style of u-switch:active:after\n$switch-active-width: (default:24px, small:16px, large:32px);\n\n// style of u-switch:after\n$switch-after-widthHeight: 18px;\n$switch-after-widthHeight-sm: 14px;\n$switch-after-widthHeight-lg: 26px;\n$switch-after-top: 1px;\n$switch-after-top-sm: 0;\n$switch-after-top-lg: 1px;\n$switch-after-left: 0;\n$switch-after-left-sm: 0;\n$switch-after-left-lg: 0;\n\n// style of u-switch.is-checked\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\n\n$switch-primary-bg: $brand-primary;\n$switch-dark-bg: $brand-dark;\n$switch-success-bg: $brand-success;\n$switch-warning-bg: $brand-warning;\n$switch-danger-bg: $brand-danger;\n$switch-info-bg: $brand-info;\n\n//tabs\n\n$tabs-basic-back: #f5f5f5;\n$tabs-cls-color: #666;\n$tabs-cls-width: 900px;\n$tabs-simple-conHeight: 120px;\n$tabs-simple-conPad: 16px;\n$tabs-simple-conWidth: 100%;\n\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\n$tabs-marginBottom: -1px;\n\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\n$tabs-simple-tabBorder: 1px solid #fff;\n$tabs-simple-activeBorder: 1px solid $brand-primary;\n$tabs-simple-activeColor: #fff;\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\n$tabs-simple-activeTopRadius: 5px;\n$tabs-simple-fontWeight: bold;\n\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\n$tabs-fill-tab-maright: 5px;\n$tabs-fill-after-top: 0;\n$tabs-fill-after-left: 0;\n$tabs-fill-after-width: 100%;\n$tabs-fill-after-height: 100%;\n$tabs-fill-fontWeight: bold;\n\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\n$tabs-turn-after-top: 0;\n$tabs-turn-after-left: 0;\n$tabs-turn-after-width: 100%;\n$tabs-turn-after-height: 100%;\n$tabs-turn-beforeBot: 32px;\n$tabs-turn-beforeRight: 15px;\n$tabs-turn-fontWeight: bold;\n$tabs-moveleft-conHeight: 120px;\n$tabs-moveleft-conPad: 16px;\n\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\n$tabs-slide-child-bottom: 0;\n$tabs-slide-child-left: 0;\n$tabs-slide-child-height: 4px;\n$tabs-slide-child-back: $brand-primary;\n$tabs-slide-fontWeight: bold;\n\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fade-conPad: 16px;\n$tabs-fade-conBor: 5px;\n\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fadeup-top: -5px;\n$tabs-fadeup-left: 0;\n$tabs-fadeup-width: 100%;\n$tabs-fadeup-height: 100%;\n$tabs-fadeup-color: #666;\n$tabs-fadeup-conHeight: 120px;\n$tabs-fadeup-conPad: 16px;\n\n\n//rate\n$rate-star-default-color:$gray-lightest;\n$rate-star-active-color:$color-warning;\n$rate-star-marginRight:8px;\n//backtop\n$back-top-padding:5px;\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\n$backtop-right:10px;\n$backtop-bottom:10px;\n$backtop-dom-right:40px;\n\n\n//dnd\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\n$dnd-list-padding:8px;\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\n$dnd-item-padding:16px;\n$dnd-item-margin:4px;\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n// Styling for the input element.\n.u-form-control {\n position: relative;\n display: inline-block;\n padding: 0 12px;\n width: 100%;\n height: $form-control-default-height;\n cursor: text;\n font-size: $form-control-default-font-size;\n line-height: 1.5;\n color: $form-control-color;\n background-color: $form-control-bg-color;\n background-image: none;\n border: 1px solid $form-control-border-color;\n border-radius: $form-control-border-radius;\n transition: all .3s;\n &:focus{\n \tborder-color: #66afe9;\n\t outline: 0;\n }\n &::-ms-clear,::-ms-reveal{display:none;}\n}\n.u-form-control[disabled] {\n background: $form-control-disable-bg-color;\n border-color: $form-control-disable-border-color;\n color: $form-control-disable-color;\n cursor: not-allowed;\n}\n.u-form-control.lg{\n height: $form-control-lg-height;\n font-size: $form-control-lg-font-size;\n}\n.u-form-control.sm{\n font-size: $form-control-sm-font-size;\n height: $form-control-sm-height;\n}\n.u-form-control-search-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n height: 28px;\n padding: 4px;\n width: 100%;\n .u-form-control-search-action {\n color: #ccc;\n position: absolute;\n top: 2px;\n right: 2px;\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 14px;\n text-decoration: none;\n .uf {\n transition: all .3s;\n font-size: 12px;\n color: #ccc;\n &.uf-search:before {\n content: \"\\e603\";\n }\n }\n }\n}\n\n\n\n.u-form-control-affix-wrapper {\n position: relative;\n display: inline-block;\n width: 100%;\n .u-form-control-prefix, .u-form-control-suffix {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n z-index: 2;\n line-height: 0;\n right: 7px;\n color: rgba(0,0,0,.65);\n }\n}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n$button-padding-y-md: 4px;\r\n$button-padding-x-md: 13px;\r\n$font-size-md: 14px;\r\n\r\n//默认 flat 样式.\r\n.u-button {\r\n background: $button-default-color;\r\n // border: none;\r\n border: $button-border-width $button-border-style $button-default-border-color;\r\n border-radius: $button-border-radius;\r\n color: $button-default-text-color;\r\n position: relative;\r\n min-width: $button-min-width;\r\n padding: $button-padding;\r\n display: inline-block;\r\n @include typo-button();\r\n overflow: hidden;\r\n will-change: box-shadow, transform;\r\n outline: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n text-align: center;\r\n line-height: $button-line-height;\r\n vertical-align: middle;\r\n &::-moz-focus-inner {\r\n border: 0;\r\n }\r\n\r\n &:hover {\r\n background-color: $button-hover-color;\r\n border-color: $button-hover-border-color;\r\n }\r\n\r\n &:active {\r\n background-color: $button-active-color;\r\n border-color: $button-active-border-color;\r\n }\r\n\r\n &.colored {\r\n color: $button-primary-color;\r\n\r\n &:focus:not(:active) {\r\n background-color: $button-focus-color;\r\n border-color: $button-focus-border-color;\r\n }\r\n }\r\n &.disable{\r\n -webkit-box-shadow: none;\r\n filter: alpha(opacity=65);\r\n box-shadow: none;\r\n cursor: not-allowed;\r\n opacity: .65;\r\n }\r\n}\r\n\r\ninput.u-button[type=\"submit\"] {\r\n -webkit-appearance:none;\r\n}\r\n\r\n//Floating bottons\r\n.u-button-floating {\r\n border-radius: 50%;\r\n font-size: $button-fab-font-size;\r\n height: $button-fab-size;\r\n margin: auto;\r\n min-width: $button-fab-size;\r\n width: $button-fab-size;\r\n padding: 0;\r\n line-height: normal;\r\n border: 1px solid $button-border-color;\r\n\r\n &.colored {\r\n background: $button-fab-color-alt;\r\n color: $button-fab-text-color-alt;\r\n\r\n &:hover {\r\n background-color: $button-fab-hover-color-alt;\r\n }\r\n\r\n &:focus:not(:active) {\r\n background-color: $button-fab-active-color-alt;\r\n }\r\n\r\n &:active {\r\n background-color: $button-fab-active-color-alt;\r\n }\r\n background: $button-fab-ripple-color-alt;\r\n }\r\n}\r\n\r\n.u-button.disabled, .u-button[disabled] {\r\n cursor: not-allowed;\r\n opacity: .65;\r\n filter: alpha(opacity=65);\r\n box-shadow: none;\r\n}\r\n\r\n.u-button-default {\r\n color: #333;\r\n background-color: #fff;\r\n border-color: #ccc;\r\n &:hover,&:focus,&:active {\r\n background-color: #e6e6e6;\r\n border-color: #adadad;\r\n }\r\n}\r\n\r\n.u-button-border{\r\n color: $button-default-text-color;\r\n border: $button-border-width $button-border-style $button-border-color;\r\n background: $button-border-bg-color;\r\n &:hover {\r\n color: $button-default-text-color;\r\n background-color: $button-hover-color;\r\n border-color: $button-border-color;\r\n }\r\n\r\n &:active {\r\n color: $button-default-text-color;\r\n background-color: $button-active-color;\r\n border-color: $button-border-color;\r\n }\r\n\r\n &:focus:not(:active) {\r\n color: $button-default-text-color;\r\n background-color: $button-focus-color;\r\n border-color: $button-border-color;\r\n }\r\n}\r\n\r\n.u-button.u-button-primary{\r\n @include button-styles-variant( $button-text-color,\r\n $button-primary-color,\r\n $button-primary-hover-color,\r\n $button-primary-active-color);\r\n}\r\n.u-button.u-button-secondary{\r\n @include button-styles-variant( $button-second-text-color,\r\n $button-secondary-color,\r\n $button-secondary-hover-color,\r\n $button-secondary-active-color);\r\n}\r\n.u-button.u-button-danger{\r\n @include button-styles-variant( $button-text-color,\r\n $button-danger-color,\r\n $button-danger-hover-color,\r\n $button-danger-active-color);\r\n}\r\n.u-button.u-button-info{\r\n @include button-styles-variant( $button-text-color,\r\n $button-info-color,\r\n $button-info-hover-color,\r\n $button-info-active-color);\r\n}\r\n.u-button.u-button-warning{\r\n @include button-styles-variant( $button-text-color,\r\n $button-warning-color,\r\n $button-warning-hover-color,\r\n $button-warning-active-color);\r\n}\r\n.u-button.u-button-success{\r\n @include button-styles-variant( $button-text-color,\r\n $button-success-color,\r\n $button-success-hover-color,\r\n $button-success-active-color);\r\n}\r\n.u-button.u-button-dark{\r\n @include button-styles-variant( $button-text-color,\r\n $button-dark-color,\r\n $button-dark-hover-color,\r\n $button-dark-active-color);\r\n}\r\n.u-button.u-button-light{\r\n @include button-styles-variant( $color-light,\r\n $button-light-color,\r\n $button-light-hover-color,\r\n $button-light-active-color);\r\n}\r\n\r\n.u-button-border.u-button-success{\r\n @include border-button-styles-variant($button-success-color,$button-success-color,$button-success-hover-color,$button-success-active-color);\r\n}\r\n.u-button-border.u-button-warning{\r\n @include border-button-styles-variant($button-warning-color,$button-warning-color,$button-warning-hover-color,$button-warning-active-color);\r\n}\r\n.u-button-border.u-button-danger{\r\n @include border-button-styles-variant($button-danger-color,$button-danger-color,$button-danger-hover-color,$button-danger-active-color);\r\n}\r\n.u-button-border.u-button-info{\r\n @include border-button-styles-variant($button-info-color,$button-info-color,$button-info-hover-color,$button-info-active-color);\r\n}\r\n\r\n.u-button-border.u-button-primary{\r\n @include border-button-styles-variant($button-primary-color,$button-primary-color,$button-primary-hover-color,$button-primary-active-color);\r\n}\r\n.u-button-border.u-button-secondary{\r\n @include border-button-styles-variant($button-secondary-color,$button-secondary-color,$button-secondary-hover-color,$button-secondary-active-color);\r\n}\r\n.u-button-border.u-button-dark{\r\n @include border-button-styles-variant($button-dark-color,$button-dark-color,$button-dark-hover-color,$button-dark-active-color);\r\n}\r\n.u-button-border.u-button-light{\r\n @include border-button-styles-variant($button-dark-color,$button-light-color,$button-light-hover-color,$button-light-active-color);\r\n}\r\n\r\n.u-button-icon {\r\n border-radius: 50%;\r\n font-size: $button-fab-font-size;\r\n height:$button-icon-size;\r\n margin: auto;\r\n min-width:$button-icon-size;\r\n width: $button-icon-size;\r\n padding: 0;\r\n line-height: normal;\r\n border: 1px solid $button-border-color;\r\n}\r\n\r\n//大型\r\n.u-button-lg {\r\n @include button-size($button-padding-y-lg, $button-padding-x-lg, $font-size-lg);\r\n}\r\n//特大型\r\n.u-button-xg {\r\n\r\n @include button-size($button-padding-y-xg, $button-padding-x-xg, $font-size-xg);\r\n}\r\n//中型(默认)\r\n.u-button-md {\r\n @include button-size($button-padding-y-md, $button-padding-x-md, $font-size-md);\r\n}\r\n//小型\r\n.u-button-sm {\r\n @include button-size($button-padding-y-sm, $button-padding-x-sm, $font-size-sm);\r\n}\r\n//方形按钮\r\n.u-button-squared {\r\n border-radius: 0;\r\n}\r\n\r\n// 圆形按钮\r\n\r\n.u-button-round {\r\n border-radius: 1000px;\r\n}\r\n\r\n//按钮充满整行\r\n.u-button-block{\r\n white-space: normal;\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n//与.u-button-round连用创建左半圆\r\n.u-button-pill-left {\r\n border-radius: 500px 0 0 500px;\r\n}\r\n//与.u-button-round连用创建右半圆\r\n.u-button-pill-right {\r\n border-radius: 0 500px 500px 0;\r\n}\r\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n@import \"../node_modules/bee-button/src/Button\";\r\n\r\n.u-pagination {\r\n font-size: 14px;\r\n position: relative;\r\n &-list {\r\n float: left;\r\n margin: 5px;\r\n &:after {\r\n clear: both;\r\n display: table;\r\n content: '';\r\n }\r\n & > li.iconBtn > a{\r\n padding: 5px 9px;\r\n line-height: 1.57142857;\r\n }\r\n \r\n & > li > a, & > li > span {\r\n display: inline-block;\r\n text-decoration: none;\r\n border-top: 1px solid $pag-border-color;\r\n border-bottom: 1px solid $pag-border-color;\r\n border-left: 1px solid $pag-border-color;\r\n background-color: transparent;\r\n text-align: center;\r\n color: $pag-color;\r\n padding: 5px 12px;\r\n line-height: 1.57142857;\r\n }\r\n &.u-pagination-no-border > li > a, & > li > span{\r\n border-radius: 4px;\r\n }\r\n & > li:first-child > a, & > li:first-child > span {\r\n margin-left: 0;\r\n border-top-left-radius: 4px;\r\n border-bottom-left-radius: 4px;\r\n }\r\n & > li:last-child > a, & > li:last-child > span {\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n }\r\n & > li[role=\"next\"] > a {\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n border-right: 1px solid #d7d7d7;\r\n }\r\n & > li {\r\n float: left;\r\n list-style-type: none;\r\n > a:hover, > span:hover, > a:focus, > span:focus {\r\n color: $pag-hover-color;\r\n background-color: $pag-hover-bg-color;\r\n border-color: $pag-hover-border-color;\r\n cursor: pointer;\r\n }\r\n > a > i {\r\n color: #7a869a;\r\n }\r\n }\r\n & > .active {\r\n > a, > span, > a:hover, > span:hover, > a:focus, > span:focus {\r\n z-index: 2;\r\n color: $pag-active-color;\r\n cursor: default;\r\n background-color: $pag-active-bg-color;\r\n border-color: $pag-active-border-color;\r\n }\r\n }\r\n & > .disabled {\r\n > a, > span, > a:hover, > span:hover, > a:focus, > span:focus {\r\n color: $pag-disabled-color;\r\n cursor: not-allowed;\r\n background-color: transparent;\r\n border-color: $pag-disabled-border-color;\r\n }\r\n > a > i {\r\n color: #cccccc;\r\n }\r\n }\r\n & > li[role=\"gap\"] > a {\r\n background-color: transparent;\r\n border-bottom: 0 solid #d7d7d7;\r\n border-top: 0 solid #d7d7d7;\r\n padding: 7px 11px;\r\n line-height: 1.57142857;\r\n }\r\n & > li[role=\"gap\"] {\r\n > a:hover, > a:focus {\r\n background-color: transparent;\r\n }\r\n }\r\n input {\r\n box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n -webkit-box-sizing: border-box;\r\n }\r\n li, a {\r\n box-sizing: content-box;\r\n }\r\n i.uf, i.fa {\r\n padding: 0px;\r\n font-size: 14px;\r\n }\r\n & > li:last-child > a, & > li:last-child > span {\r\n border-right: 1px solid #d7d7d7;\r\n }\r\n }\r\n\r\n .temp-main {\r\n width: 100px;\r\n height: 100px;\r\n border: 1px solid #000;\r\n }\r\n .enhanced_pagination {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n flex-wrap: nowrap;\r\n min-width: 700px;\r\n overflow: auto;\r\n -webkit-box-pack: center;\r\n justify-content: center;\r\n }\r\n .enhanced_pagination .u_float_pagination {\r\n float: left;\r\n }\r\n .data_per_select {\r\n margin: 5px;\r\n float: left;\r\n min-width: 120px;\r\n &>span{\r\n display: inline-block;\r\n line-height: 36px;\r\n float: left;\r\n }\r\n .u-select {\r\n width: 50px;\r\n margin: 0 6px;\r\n height: 36px;\r\n float: left;\r\n .u-select-selection {\r\n height: 36px;\r\n .u-select-selection-rendered {\r\n line-height: 36px;\r\n }\r\n }\r\n }\r\n }\r\n .data_select {\r\n outline: none;\r\n -webkit-appearance: none;\r\n height: 36px;\r\n background: #fff;;\r\n border-color: #d7d7d7;\r\n border-radius: 4px;\r\n line-height: 28px;\r\n padding: 0 15px;\r\n text-align: center;\r\n font-size: 14px;\r\n margin: 0 6px;\r\n }\r\n .page_jump {\r\n float: left;\r\n margin: 5px;\r\n &>span{\r\n display: inline-block;\r\n line-height: 36px;\r\n float: left;\r\n }\r\n }\r\n .page_jump_value {\r\n outline: none;\r\n -webkit-appearance: none;\r\n background: #fff;\r\n border-radius: 4px;\r\n width: 50px;\r\n text-align: center;\r\n border: 1px solid #d7d7d7;\r\n\r\n }\r\n .page_jump_btn, \r\n .page_jump_value {\r\n margin: 0 6px;\r\n padding: 0;\r\n height: 36px;\r\n line-height: 34px;\r\n box-sizing: border-box;\r\n float: left;\r\n }\r\n &-total{\r\n float: left;\r\n height: 36px;\r\n line-height: 36px;\r\n margin: 5px;\r\n span {\r\n padding:0 5px;\r\n }\r\n }\r\n &.u-pagination-disabled{\r\n .u-pagination-disabled-mask{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 46px;\r\n background: rgba(2655,255,255,0.6);\r\n z-index: 2;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n.pagination-state {\r\n float: left;\r\n height: 34px;\r\n line-height: 34px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: $pag-hover-color;\r\n margin-left: 10px;\r\n & > .page_j {\r\n margin: 0 4px;\r\n width: 40px;\r\n border: 1px solid #ddd;\r\n padding-left: 2px;\r\n height: 35px;\r\n line-height: 35px;\r\n color: #333333;\r\n }\r\n & > .page_z {\r\n margin: 0 4px;\r\n width: 50px;\r\n border: 1px solid #ddd;\r\n padding-left: 2px;\r\n height: 35px;\r\n line-height: 35px;\r\n color: #333333;\r\n }\r\n & > .pagination-jump {\r\n margin: 0 10px;\r\n width: 50px;\r\n line-height: 30px;\r\n border: 1px solid #ddd;\r\n background-color: white;\r\n font-size: 14px;\r\n cursor: pointer;\r\n color: #333333;\r\n height: 35px;\r\n }\r\n & > .pagination-jump:hover {\r\n background-color: #eee;\r\n }\r\n}\r\n\r\n// Size Modifier\r\n.u-pagination-lg {\r\n @include pagination-size($pagination-lg-padding-vertical, $pagination-lg-padding-horizontal, $pagination-lg-font-size, $line-height-large, $border-radius-large);\r\n}\r\n\r\n.u-pagination-sm {\r\n @include pagination-size($pagination-small-padding-vertical, $pagination-small-padding-horizontal, $pagination-small-font-size, $line-height-small, $border-radius-small);\r\n}\r\n.u-pagination-lg {\r\n &> li.iconBtn > a {\r\n padding: 7px 11.5px;\r\n &> i{\r\n font-size: 16px;\r\n }\r\n }\r\n}\r\n.u-pagination-sm {\r\n &> li.iconBtn > a {\r\n padding: 4.5px 6px;\r\n }\r\n}\r\n//无边框\r\n.u-pagination-no-border:not(.u-pagination-gap){\r\n > li > a, > li[role=\"next\"] > a {\r\n border: none;\r\n }\r\n > li:last-child > a, > li:last-child > span {\r\n border: none;\r\n }\r\n}\r\n\r\n// 有间距的分页\r\n.u-pagination-gap > li:first-child > a,\r\n.u-pagination-gap > li:last-child > a {\r\n border-radius: 5px;\r\n}\r\n\r\n.u-pagination-gap {\r\n > li {\r\n > a {\r\n margin: 0 5px;\r\n border-radius: 5px;\r\n border: 1px solid #d7d7d7;\r\n &:hover {\r\n background-color: transparent;\r\n border-color: $pagination-gap-hover-border;\r\n }\r\n }\r\n &:first-child,\r\n &:last-child {\r\n > a {\r\n border-radius: 5px;\r\n }\r\n }\r\n }\r\n > li[role=\"gap\"] {\r\n > a {\r\n border: 0 solid #d7d7d7;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n.u-checkbox {\n\tdisplay: inline-block;\n\tposition: relative;\n\tmargin: 0 5px;\n\theight: 18px;\n\tline-height: 18px;\n\tfont-size: 14px;\n\twhite-space: nowrap;\n cursor: pointer;\n outline: none;\n position: relative;\n line-height: 1;\n vertical-align: middle;\n\t&.disabled .u-checkbox-label{\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n\tinput[type='checkbox']{\n\t\tposition: absolute;\n\t\tz-index: 3;\n\t\tcursor: pointer;\n\t\topacity: 0;\n\t\tbox-sizing: border-box;\n\t\tpadding: 0;\n\t\twidth: 100%;\n \theight: 100%;\n\t}\n\tinput[disabled]{\n\t\tcursor: not-allowed;\n\t}\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\n \tborder-color: rgb(30,136,229);\n\t}\n\t&.is-checked {\n\t\t.u-checkbox-label:before{\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-color;\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-color;\n\t\t box-shadow: inset 0 0 0 10px $checkbox-color;\n\t\t border-color:$checkbox-color;\n\t\t}\n\t\t.u-checkbox-label:after {\n\t\t\tcolor: #fff;\n\t\t\tcontent: \"\\e658\";\n\t\t line-height: 18px;\n\t\t font-size: 14px;\n\t\t}\n\t}\n\t.u-checkbox-label {\n\t\tcursor: pointer;\n\t display: inline-block;\n\t //position: relative;\n\t padding-left: 25px;\n\t &:before {\n\t\t -moz-border-radius: 3px;\n\t\t -webkit-border-radius: 3px;\n\t\t border-radius: 3px;\n\t\t border: 1px solid;\n\t\t background-color: #fff;\n\t\t -moz-transition: all 0.3s ease-in-out;\n\t\t -o-transition: all 0.3s ease-in-out;\n\t\t -webkit-transition: all 0.3s ease-in-out;\n\t\t transition: all 0.3s ease-in-out;\n\t\t content: '';\n\t\t font-family: 'uf';\n\t\t display: inline-block;\n\t\t width: 18px;\n\t\t height: 18px;\n\t\t left: 0;\n\t\t\ttop: 0;\n\t\t text-align: center;\n\t\t position: absolute;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: '';\n\t\t font-family: 'uf';\n\t\t display: inline-block;\n\t\t width: 18px;\n\t\t height: 18px;\n\t\t left: 0;\n\t\t top: 0;\n\t\t text-align: center;\n\t\t position: absolute;\n\t\t}\n\t}\n}\n.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {\n color: #fff;\n content: \"\\e6ce\";\n line-height: 18px;\n font-size: 14px;\n}\n\n.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {\n box-shadow: inset 0 0 0 10px rgb(30,136,229);\n border-color: rgb(30,136,229);\n}\n\n// Modifier: `checkbox-success`\n// -------------------------\n\n.u-checkbox.u-checkbox-success {\n\t&.is-checked {\n\t\t.u-checkbox-label:before{\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-success-bg;\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-success-bg;\n\t\t box-shadow: inset 0 0 0 10px $checkbox-success-bg;\n\t\t border-color:$checkbox-success-bg;\n\t\t}\n\t}\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\n \tborder-color:$checkbox-success-bg;\n\t}\n}\n// Modifier: `checkbox-warning`\n// -------------------------\n\n.u-checkbox.u-checkbox-warning {\n\t&.is-checked {\n\t\t.u-checkbox-label:before{\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-warning-bg;\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-warning-bg;\n\t\t box-shadow: inset 0 0 0 10px $checkbox-warning-bg;\n\t\t border-color:$checkbox-warning-bg;\n\t\t}\n\t}\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\n \tborder-color:$checkbox-warning-bg;\n\t}\n}\n// Modifier: `checkbox-danger`\n// -------------------------\n\n.u-checkbox.u-checkbox-danger {\n\t&.is-checked {\n\t\t.u-checkbox-label:before{\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-danger-bg;\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-danger-bg;\n\t\t box-shadow: inset 0 0 0 10px $checkbox-danger-bg;\n\t\t border-color:$checkbox-danger-bg;\n\t\t}\n\t}\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\n \tborder-color:$checkbox-danger-bg;\n\t}\n}\n// Modifier: `checkbox-dark`\n// -------------------------\n\n.u-checkbox.u-checkbox-dark {\n\t&.is-checked {\n\t\t.u-checkbox-label:before{\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-dark-bg;\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-dark-bg;\n\t\t box-shadow: inset 0 0 0 10px $checkbox-dark-bg;\n\t\t border-color:$checkbox-dark-bg;\n\t\t}\n\t}\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\n \tborder-color:$checkbox-dark-bg;\n\t}\n}\n// Modifier: `checkbox-info`\n// -------------------------\n\n.u-checkbox.u-checkbox-info {\n\t&.is-checked {\n\t\t.u-checkbox-label:before{\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-info-bg;\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-info-bg;\n\t\t box-shadow: inset 0 0 0 10px $checkbox-info-bg;\n\t\t border-color:$checkbox-info-bg;\n\t\t}\n\t}\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\n \tborder-color:$checkbox-info-bg;\n\t}\n}\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/tinper-bee-core/scss/util-keyframe\";\n\nul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n .u-select {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n color: $select-color;\n width: 100%;\n font-size: $select-font-size;\n :root .u-select-arrow {\n -webkit-filter: none;\n filter: none;\n }\n :root .u-select-arrow {\n font-size: $select-font-size;\n }\n .u-select-arrow * {\n display: none;\n }\n .u-select-arrow {\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: absolute;\n top: 50%;\n right: 8px;\n line-height: 1;\n margin-top: -6px;\n display: inline-block;\n font-size: $select-font-size;\n font-size: 9px \\9;\n -webkit-transform: scale(0.75) rotate(0deg);\n -ms-transform: scale(0.75) rotate(0deg);\n transform: scale(0.75) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n &:before {\n display: block;\n font-family: \"uf\";\n content: \"\\e609\";\n -webkit-transition: -webkit-transform 0.2s ease;\n transition: -webkit-transform 0.2s ease;\n transition: transform 0.2s ease;\n transition: transform 0.2s ease, -webkit-transform 0.2s ease;\n }\n }\n .u-select-selection {\n outline: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: border-box;\n display: block;\n background-color: $select-bg-color;\n border-radius: $select-border-radius;\n border: 1px solid $select-border-color;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n :hover {\n border-color: #40a5ed;\n }\n }\n \n }\n .u-select > ul > li > a {\n padding: 0;\n background-color: #fff;\n }\n \n \n \n \n \n .u-select-focused .u-select-selection,\n .u-select-selection:focus,\n .u-select-selection:active {\n border-color: #40a5ed;\n outline: 0;\n box-shadow: none;\n }\n .u-select-selection-clear {\n display: inline-block;\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n opacity: 0;\n position: absolute;\n right: 8px;\n z-index: 1;\n background: #fff;\n top: 50%;\n font-size: 12px;\n color: #ccc;\n width: 12px;\n height: 12px;\n margin-top: -6px;\n line-height: 12px;\n cursor: pointer;\n -webkit-transition: color 0.3s ease, opacity 0.15s ease;\n transition: color 0.3s ease, opacity 0.15s ease;\n }\n .u-select-selection-clear:before {\n display: block;\n font-family: 'uf';\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: \"\\E62E\";\n }\n .u-select-selection-clear:hover {\n color: #999;\n }\n .u-select-selection:hover .u-select-selection-clear {\n opacity: 1;\n }\n .u-select-selection-selected-value {\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n padding-right: 14px;\n }\n \n \n .u-select-disabled {\n color: $select-disabled-color;\n .u-select-selection {\n background: $select-disabled-bg;\n cursor: not-allowed;\n }\n .u-select-selection:hover,.u-select-selection:focus,.u-select-selection:active {\n border-color: $select-disabled-border-color;\n box-shadow: none;\n }\n .u-select-selection-clear {\n display: none;\n visibility: hidden;\n pointer-events: none;\n }\n .u-select-selection--multiple .u-select-selection-choice {\n background: #e9e9e9;\n color: #aaa;\n padding-right: 10px;\n }\n .u-select-selection--multiple .u-select-selection-choice-remove {\n display: none;\n }\n \n .u-select-selection-choice-remove {\n color: #ccc;\n cursor: default;\n }\n .u-select-selection-choice-remove:hover {\n color: #ccc;\n }\n }\n \n \n .u-select-selection--single {\n height: 30px;\n position: relative;\n cursor: pointer;\n }\n .u-select-selection-rendered {\n display: block;\n margin-left: 8px;\n margin-right: 8px;\n position: relative;\n line-height: 28px;\n &:after {\n content: '.';\n visibility: hidden;\n pointer-events: none;\n display: inline-block;\n width: 0;\n }\n }\n \n .u-select-lg {\n .u-select-selection--single {\n height: 38px;\n }\n .u-select-selection-rendered {\n line-height: 36px;\n }\n .u-select-selection--multiple {\n min-height: 32px;\n }\n .u-select-selection--multiple .u-select-selection-rendered li {\n height: 24px;\n line-height: 24px;\n }\n }\n .u-select-sm {\n .u-select-selection {\n border-radius: 2px;\n }\n .u-select-selection--single {\n height: 24px;\n }\n .u-select-selection-rendered {\n line-height: 22px;\n }\n .u-select-selection--multiple {\n min-height: 22px;\n }\n .u-select-selection--multiple .u-select-selection-rendered li {\n height: 14px;\n line-height: 14px;\n }\n }\n \n \n .u-select-search-field-wrap {\n display: inline-block;\n position: relative;\n }\n .u-select-selection-placeholder,\n .u-select-search-field-placeholder {\n position: absolute;\n top: 50%;\n left: 0;\n right: 9px;\n color: #ccc;\n line-height: 20px;\n height: 20px;\n max-width: 100%;\n margin-top: -10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .u-select-search-field-placeholder {\n left: 8px;\n }\n \n .u-select-search--inline {\n position: absolute;\n width: 100%;\n height: 100%;\n .u-select-search-field-wrap {\n width: 100%;\n height: 100%;\n }\n .u-select-search-field {\n border: 0;\n font-size: 100%;\n height: 100%;\n width: 100%;\n background: transparent;\n outline: 0;\n border-radius: 4px;\n }\n .u-select-search-field-mirror {\n position: absolute;\n top: 0;\n left: -9999px;\n white-space: pre;\n pointer-events: none;\n }\n > i {\n float: right;\n }\n }\n \n .u-select-selection--multiple {\n min-height: 28px;\n cursor: text;\n padding-bottom: 3px;\n zoom: 1;\n &:before,&:after {\n content: \" \";\n display: table;\n }\n &:after {\n clear: both;\n visibility: hidden;\n font-size: 0;\n height: 0;\n }\n .u-select-search--inline {\n float: left;\n position: static;\n width: auto;\n padding: 0;\n .u-select-search-field {\n width: 0.75em;\n }\n }\n .u-select-selection-rendered {\n margin-left: 5px;\n margin-bottom: -3px;\n height: auto;\n }\n > ul > li,.u-select-selection-rendered > ul > li {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n }\n .u-select-selection-choice {\n background-color: #f3f3f3;\n border-radius: 4px;\n cursor: default;\n float: left;\n padding: 0 16px;\n margin-right: 4px;\n max-width: 99%;\n position: relative;\n overflow: hidden;\n -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n padding: 0 20px 0 10px;\n }\n \n .u-select-selection-choice-disabled {\n padding: 0 10px;\n }\n .u-select-selection-choice-content {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n .u-select-selection-choice-remove {\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n line-height: 1;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #999;\n line-height: inherit;\n cursor: pointer;\n font-weight: bold;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n display: inline-block;\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 /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n position: absolute;\n right: 4px;\n padding: 0 0 0 8px;\n top: -3px;\n }\n .u-select-selection-choice-remove:before {\n display: block;\n font-family: \"uf\";\n }\n .u-select-selection-choice-remove {\n -webkit-filter: none;\n filter: none;\n }\n .u-select-selection-choice-remove {\n font-size: 12px;\n }\n .u-select-selection-choice-remove:hover {\n color: #404040;\n }\n .u-select-selection-choice-remove:before {\n font-family: 'uf';\n content: \"\\e602\";\n }\n }\n \n .u-select-open {\n .u-select-arrow {\n -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";\n -ms-transform: rotate(180deg);\n }\n .u-select-arrow:before {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n }\n .u-select-selection {\n border-color: #40a5ed;\n outline: 0;\n border-color: #66afe9;\n outline: 0;\n }\n }\n \n .u-select-combobox {\n .u-select-arrow {\n display: none;\n }\n .u-select-search--inline {\n height: 100%;\n width: 100%;\n float: none;\n }\n .u-select-search-field-wrap {\n width: 100%;\n height: 100%;\n }\n .u-select-search-field {\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n box-shadow: none;\n }\n }\n \n \n .u-select-dropdown {\n background-color: white;\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n box-sizing: border-box;\n z-index: 1800;\n left: -9999px;\n top: -9999px;\n position: absolute;\n outline: none;\n overflow: hidden;\n font-size: 12px;\n // -webkit-animation: uSlideUpIn 300ms ease-in;\n // animation: uSlideUpIn 300ms ease;\n &.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-bottomLeft,\n &.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: uSlideUpIn;\n animation-name: uSlideUpIn;\n }\n &.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-topLeft,\n &.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-topLeft {\n -webkit-animation-name: uSlideDownIn;\n animation-name: uSlideDownIn;\n }\n &.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: uSlideUpOut;\n animation-name: uSlideUpOut;\n }\n &.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-topLeft {\n -webkit-animation-name: uSlideDownOut;\n animation-name: uSlideDownOut;\n }\n &.u-select-dropdown-hidden {\n display: none;\n }\n .u-select-dropdown-menu {\n outline: none;\n margin-bottom: 0;\n padding-left: 0;\n list-style: none;\n max-height: 250px;\n overflow: auto;\n }\n .u-select-dropdown-menu-item-group-list {\n margin: 0;\n padding: 0;\n > .u-select-dropdown-menu-item {\n padding-left: 24px;\n }\n }\n \n .u-select-dropdown-menu-item-group-title {\n color: #999;\n line-height: 1.5;\n padding: 8px 16px;\n }\n .u-select-dropdown-menu-item {\n position: relative;\n display: block;\n padding: 7px 16px;\n font-weight: normal;\n color: #666;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n -webkit-transition: background 0.3s ease;\n transition: background 0.3s ease;\n \n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .u-select-dropdown-menu-item:hover,\n .u-select-dropdown-menu-item-active {\n background-color: $select-dropdown-hover-bg;\n }\n .u-select-dropdown-menu-item-disabled {\n color: #ccc;\n cursor: not-allowed;\n }\n .u-select-dropdown-menu-item-disabled:hover {\n color: #ccc;\n background-color: #fff;\n cursor: not-allowed;\n }\n .u-select-dropdown-menu-item-selected,\n .u-select-dropdown-menu-item-selected:hover {\n background-color: $select-dropdown-selected-bg;\n font-weight: bold;\n color: $select-dropdown-selected-color;\n }\n .u-select-dropdown-menu-item-divider {\n height: 1px;\n margin: 1px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n line-height: 0;\n }\n \n \n }\n .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n font-family: 'uf';\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: \"\\e658\";\n color: transparent;\n display: inline-block;\n font-size: 12px;\n font-size: 10px \\9;\n -webkit-transform: scale(0.83333333) rotate(0deg);\n -ms-transform: scale(0.83333333) rotate(0deg);\n transform: scale(0.83333333) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 16px;\n font-weight: bold;\n text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;\n }\n .u-select-dropdown.u-select-dropdown--multiple{\n .u-select-dropdown-menu-item:hover:after {\n color: #ddd;\n }\n .u-select-dropdown-menu-item-disabled:after {\n display: none;\n }\n .u-select-dropdown-menu-item-selected:after,.u-select-dropdown-menu-item-selected:hover:after {\n color: #108ee9;\n display: inline-block;\n }\n }\n \n \n \n :root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n -webkit-filter: none;\n filter: none;\n }\n :root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n font-size: 12px;\n }\n \n \n .u-select-dropdown-container-open .u-select-dropdown,\n .u-select-dropdown-open .u-select-dropdown {\n display: block;\n }\n .u-input-search-wrapper {\n display: inline-block;\n position: relative;\n .u-input-search {\n -webkit-transition: all .3s ease;\n transition: all .3s ease;\n }\n .u-input-search-icon {\n position: absolute;\n right: 8px;\n cursor: pointer;\n -webkit-transition: all .3s ease;\n transition: all .3s ease;\n font-size: 14px;\n height: 20px;\n line-height: 20px;\n top: 50%;\n margin-top: -10px;\n }\n .u-input-search-icon:hover {\n color: #108ee9;\n }\n &:hover .u-input-search:not[disabled] {\n border: 1px solid #108ee9;\n }\n }\n \n .u-search-input-wrapper {\n display: inline-block;\n vertical-align: middle;\n }\n .u-search-input {\n &.u-input-group {\n .u-input:first-child,.u-select:first-child {\n border-radius: 4px;\n position: absolute;\n top: -1px;\n width: 100%;\n }\n .u-input:first-child {\n padding-right: 36px;\n }\n }\n .u-search-btn {\n color: #666;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n border-radius: 0 3px 3px 0;\n left: -1px;\n position: relative;\n border-width: 0 0 0 1px;\n z-index: 2;\n padding-left: 8px;\n padding-right: 8px;\n }\n \n .u-search-btn {\n > a:only-child {\n color: currentColor;\n }\n > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n &:hover > a:only-child,&:focus > a:only-child {\n color: currentColor;\n }\n &:hover > a:only-child:after,&:focus > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n &:active,&.active {\n color: #0f87dd;\n background-color: #f7f7f7;\n border-color: #0f87dd;\n }\n &:active> a:only-child,&.active> a:only-child {\n color: currentColor;\n }\n &:active> a:only-child:after,&.active> a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n &:hover,&:focus {\n color: #40a5ed;\n background-color: #f7f7f7;\n border-color: #40a5ed;\n }\n &:active,&:hover,&:focus {\n background: #fff;\n }\n &:hover {\n border-color: #d9d9d9;\n }\n \n }\n .u-search-btn[disabled] {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n &:hover,&:focus,&:active,&.active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n }\n & > a:only-child,&:hover > a:only-child,&:focus > a:only-child,&:active > a:only-child,&.active > a:only-child {\n color: currentColor;\n }\n & > a:only-child:after,&:hover > a:only-child:after,&:focus > a:only-child:after,&:active > a:only-child:after,&.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n }\n .u-search-btn.disabled {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n &:hover,&:focus,&:active,&.active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n }\n > a:only-child,&:hover > a:only-child,&:focus > a:only-child,&:active > a:only-child,&.active > a:only-child {\n color: currentColor;\n }\n > a:only-child:after,&:hover > a:only-child:after,&:focus > a:only-child:after,&:active > a:only-child:after,&.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n }\n &.u-search-input-focus,&:hover {\n .u-search-btn-noempty {\n color: #fff;\n background-color: #108ee9;\n border-color: #108ee9;\n > a:only-child {\n color: currentColor;\n }\n > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n \n }\n .u-search-btn-noempty:focus,.u-search-btn-noempty:hover {\n color: #fff;\n background-color: #40a5ed;\n border-color: #40a5ed;\n }\n .u-search-btn-noempty:hover > a:only-child,.u-search-btn-noempty:focus > a:only-child {\n color: currentColor;\n }\n .u-search-btn-noempty:hover > a:only-child:after,.u-search-btn-noempty:focus > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n .u-search-btn-noempty:active,.u-search-btn-noempty.active{\n color: #fff;\n background-color: #0f87dd;\n border-color: #0f87dd;\n }\n .u-search-btn-noempty:active > a:only-child,.u-search-btn-noempty.active > a:only-child{\n color: currentColor;\n }\n .u-search-btn-noempty:active > a:only-child:after,.u-search-btn-noempty.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n \n }\n .u-select-combobox .u-select-selection-rendered {\n margin-right: 29px;\n }\n \n }\n .u-search-input.u-search-input-focus,.u-search-input:hover {\n .u-search-btn-noempty.disabled, .u-search-btn-noempty[disabled]{\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n &:hover,&:focus,&:active,&.active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n }\n > a:only-child,&:hover > a:only-child,&:focus > a:only-child,&:active > a:only-child,&.active > a:only-child {\n color: currentColor;\n }\n > a:only-child:after,&:hover > a:only-child:after,&:focus > a:only-child:after,&:active > a:only-child:after,&.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n }\n }\n \n \n @-webkit-keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n }\n ","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n.u-form .u-form-group{\n margin-top: 0;\n margin-bottom: 0;\n}\n.u-form .u-form-item{\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.u-form-item{\n min-height: 64px;\n font-size: 14px;\n}\n.u-form-item .u-select{\n min-width: 100px;\n}\n.u-form .u-form-item{\n min-height: 94px;\n}\n.u-form .u-form-item.u-form-inline{\n min-height: 72px;\n}\n.u-form-error{\n display: none;\n margin-top: 5px;\n margin-bottom: 5px;\n color: #F22C1D;\n}\n.u-form-error.show{\n display: block;\n}\n.u-form .u-form-submit{\n margin-top: 10px;\n}\n.u-form .u-form-item.u-form-inline .u-input-group{\n display: inline-block;\n vertical-align: middle;\n width: auto;\n}\n.u-form-inline .u-label{\n display: inline-block;\n}\n.u-form .u-row .u-label{\n line-height: 40px;\n}\n.u-form-item .u-input-group-outer .u-input-group .u-form-control:last-child,.u-form-item .u-input-group-outer .u-input-group .u-form-control:first-child{\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n}\n.u-form-item.u-form-inline .u-input-group-outer{\n display: inline-block;\n}\n.u-form-item .u-input-group-outer .u-input-before,.u-form-item .u-input-group-outer .u-input-after{\n line-height: 28px;\n padding-left: 5px;\n padding-right: 5px;\n border: 1px solid #bdbdbd;\n background: #eee;\n float: left;\n}\n.u-form-item .u-input-group-outer .u-input-inner{\n float: left;\n}\n.u-form-item .u-input-group-outer .u-input-before{\n border-right: none;\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n}\n.u-form-item .u-input-group-outer .u-input-before +.u-form-control{\n border-bottom-left-radius: 0!important;\n border-top-left-radius: 0!important;\n}\n.u-form-item .u-input-group-outer .u-input-after{\n border-left: none;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.u-mast{\n color: #F22C1D;\n position: relative;\n top: 2px;\n margin-right: 2px;\n}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n$popover-max-width: 300px;\n$zIndex-popover: 1540;\n$popover-margin: 10px;\n$popover-title-bg: #f7f7f7;\n$popover-border-color: #ccc;\n$popover-arrow-width: 10px;\n$popover-arrow-color: #999;\n$popover-arrow-outer-width:10px ;\n$popover-arrow-outer-color: #999;\n\n$popover-fallback-border-color: #fff;\n\n.u-popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zIndex-popover;\n display: none;\n padding: 1px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid $popover-border-color;\n border-radius: 6px;\n box-shadow: 0 5px 10px rgba(0,0,0,.2);\n &>.arrow, &>.arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n &>.arrow {\n border-width: $popover-arrow-width;\n }\n &>.arrow:after {\n border-width: $popover-arrow-width;\n content: \"\";\n }\n\n &.top, &.top-right, &.top-left{\n margin-top: -$popover-margin;\n .arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: $popover-arrow-outer-color;\n bottom: -11px;\n &:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: $popover-fallback-border-color;\n }\n }\n }\n &.top-right{\n .arrow {\n left: auto;\n right: 20px;\n }\n }\n &.top-left{\n .arrow {\n left: 20px;\n }\n }\n &.right, &.right-top, &.right-bottom{\n margin-left: $popover-margin;\n .arrow {\n top: 50%;\n left: -11px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: $popover-arrow-outer-color;\n &:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: $popover-fallback-border-color;\n }\n }\n }\n &.right-top{\n .arrow{\n top: 20px;\n }\n }\n &.right-bottom{\n .arrow{\n top: auto;\n bottom: 10px;\n }\n }\n\n &.left, &.left-top, &.left-bottom{\n margin-left: -$popover-margin;\n .arrow {\n top: 50%;\n right: -11px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: $popover-arrow-outer-color;\n &:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: $popover-fallback-border-color;\n bottom: -10px;\n }\n }\n }\n &.left-top{\n .arrow{\n top: 20px;\n }\n }\n &.left-bottom{\n .arrow{\n top: auto;\n bottom: 10px;\n }\n }\n\n &.bottom, &.bottom-right, &.bottom-left{\n margin-top: $popover-margin;\n .arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: $popover-arrow-outer-color;\n top: -11px;\n &:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: $popover-fallback-border-color;\n }\n }\n }\n &.bottom-right{\n .arrow{\n right: 20px;\n left: auto;\n }\n }\n &.bottom-left{\n .arrow{\n left: 20px;\n }\n }\n .u-popover-content {\n padding: 9px 14px;\n }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n.u-tooltip{\n position: absolute;\n z-index: 1070;\n display: block;\n font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 12px;\n opacity: 0;\n &.in{\n \topacity: $tooltip-opacity !important;\n }\n .tooltip-arrow{\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .tooltip-inner{\n \tmax-width: $tooltip-max-width;\n\t padding: 3px 8px;\n\t color: #fff;\n\t background-color: $tooltip-bg;\n\t border-radius: 4px;\n word-wrap:break-word;\n }\n \n &.right{\n \tpadding: 0 5px;\n \t.tooltip-arrow{\n \t\ttop: 50%;\n\t\t left: 0;\n\t\t margin-top: -5px;\n\t\t border-width: 5px 5px 5px 0;\n\t\t border-right-color: $tooltip-arrow-color;\n \t}\n }\n &.top{\n \tpadding: 5px 0;\n \t.tooltip-arrow{\n \t\tbottom: 0;\n\t\t left: 50%;\n\t\t margin-left: -5px;\n\t\t border-width: 5px 5px 0;\n\t\t border-top-color: $tooltip-arrow-color;\n \t}\n }\n &.left{\n \tpadding: 0 5px;\n \t.tooltip-arrow{\n \t\ttop: 50%;\n\t\t right: 0;\n\t\t margin-top: -5px;\n\t\t border-width: 5px 0 5px 5px;\n\t\t border-left-color: $tooltip-arrow-color;\n \t}\n }\n &.bottom{\n \tpadding: 5px 0;\n \t.tooltip-arrow{\n \t\ttop: 0;\n\t\t left: 50%;\n\t\t margin-left: -5px;\n\t\t border-width: 0 5px 5px;\n\t\t border-bottom-color: $tooltip-arrow-color;\n }\n \n }\n &.inverse-arrow.right{\n .tooltip-arrow{\n top: 50%;\n left: auto;\n\t\t right: 0;\n\t\t margin-top: -5px;\n\t\t border-width: 5px 0 5px 5px;\n\t\t border-left-color: $tooltip-arrow-color;\n }\n }\n &.inverse-arrow.left{\n .tooltip-arrow{\n top: 50%;\n\t\t left: 0;\n\t\t margin-top: -5px;\n\t\t border-width: 5px 5px 5px 0;\n\t\t border-right-color: $tooltip-arrow-color;\n }\n }\n &.inverse-arrow.top{\n .tooltip-arrow{\n top: 0;\n\t\t left: 50%;\n\t\t margin-left: -5px;\n\t\t border-width: 0 5px 5px;\n\t\t border-bottom-color: $tooltip-arrow-color;\n }\n }\n &.inverse-arrow.bottom{\n .tooltip-arrow{\n top: auto;\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: $tooltip-arrow-color;\n }\n }\n // &.inverse-arrow.inverse{\n // .tooltip-arrow:after{\n // border-color:#fff;\n // }\n // }\n &.inverse.bottom {\n .tooltip-arrow::after{\n top:1px;\n margin-left: -5px;\n border-top-width:0;\n border-bottom-color:#fff;\n }\n .tooltip-arrow {\n border-bottom-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse-arrow.inverse.top {\n .tooltip-arrow::after{\n top:1px;\n margin-left: -5px;\n border-top-width:0;\n border-bottom-color:#fff;\n border-bottom-width: inherit;\n }\n .tooltip-arrow {\n border-bottom-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse.left {\n .tooltip-arrow::after{\n border-right-width: 0;\n top: -5px;\n margin-left: -6px;\n border-left-color: #fff;\n }\n .tooltip-arrow {\n border-left-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse-arrow.inverse.right{\n .tooltip-arrow::after{\n border-right-width: 0;\n top: -5px;\n margin-left: -6px;\n border-left-color: #fff;\n border-left-width: inherit;\n }\n .tooltip-arrow {\n border-left-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse.right{\n .tooltip-arrow::after{\n border-left-width: 0;\n top: -5px;\n margin-left: 1px;\n border-right-color: #fff;\n }\n .tooltip-arrow {\n border-right-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse-arrow.inverse.left {\n .tooltip-arrow::after{\n border-left-width: 0;\n top: -5px;\n margin-left: 1px;\n border-right-color: #fff;\n border-right-width: inherit;\n }\n .tooltip-arrow {\n border-right-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse.top {\n .tooltip-arrow::after{\n top: -6px;\n margin-left: -5px;\n border-bottom-width: 0;\n border-bottom-color: #d9d9d9;\n border-top-color: #fff;\n }\n .tooltip-arrow {\n border-top-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse-arrow.inverse.bottom {\n .tooltip-arrow::after{\n top: -6px;\n margin-left: -5px;\n border-bottom-width: 0;\n border-bottom-color: #d9d9d9;\n border-top-color: #fff;\n border-top-width: inherit;\n }\n .tooltip-arrow {\n border-top-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse {\n .tooltip-inner{\n background-color: #fff;\n color: $tooltip-inverse-color;\n border: 1px solid $tooltip-inverse-border-color;\n }\n\n .tooltip-arrow::after{\n position:absolute;\n display:block;\n width:0;\n height:0;\n border: 5px solid transparent;\n content:\" \";\n }\n\n }\n}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n\n\n/**\n * 加载背景\n */\n//.u-loading-back{\n// position:relative;\n// text-align: center;\n// width:$loading-back-width;\n// height:$loading-back-height;\n// margin:0 auto;\n// &.light{\n// background: #fff;\n// }\n// &.dark{\n// background: #000;\n// }\n//}\n/**\n * 文字\n */\n.u-loading-desc {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n font-size: $loading-desc-font-size;\n color: #000;\n text-align: center;\n}\n\n\n/**\n * default样式 单个圆圈加载\n */\n\n.u-loading {\n &.u-loading-rotate {\n & > div {\n position: absolute;\n border-radius: 100%;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n border: 2px solid #0084ff;\n border-bottom-color: transparent;\n width: $loading-rotate-size;\n height: $loading-rotate-size;\n top: $loading-center-top;\n left: $loading-center-left;\n margin-left: $loading-rotate-center;\n margin-top: $loading-rotate-center;\n background: transparent !important;\n display: inline-block;\n -webkit-animation: rotate 0.75s 0s linear infinite;\n animation: rotate 0.75s 0s linear infinite;\n }\n &.u-loading-rotate-lg {\n & > div {\n margin-left: $loading-rotate-center-lg;\n margin-top: $loading-rotate-center-lg;\n width: $loading-rotate-lg-size;\n height: $loading-rotate-lg-size;\n }\n }\n &.u-loading-rotate-sm {\n & > div {\n margin-left:$loading-rotate-center-sm;\n margin-top: $loading-rotate-center-sm;\n width: $loading-rotate-sm-size;\n height:$loading-rotate-sm-size;\n }\n }\n &.u-loading-rotate-primary {\n & > div {\n border: 2px solid $loading-loadprimary;\n border-bottom-color: transparent;\n }\n }\n &.u-loading-rotate-success {\n & > div {\n border: 2px solid $loading-loadsuccess;\n border-bottom-color: transparent;\n }\n }\n &.u-loading-rotate-warning {\n & > div {\n border: 2px solid $loading-loadwarn;\n border-bottom-color: transparent;\n }\n }\n }\n\n}\n\n.u-loading-backdrop{\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1900;\n opacity: .7;\n filter: blur(.5px);\n background-color: #fff;\n &.full-screen{\n position: fixed;\n }\n}\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(1);\n transform: rotate(0deg) scale(1);\n }\n\n 50% {\n -webkit-transform: rotate(180deg) scale(0.6);\n transform: rotate(180deg) scale(0.6);\n }\n\n 100% {\n -webkit-transform: rotate(360deg) scale(1);\n transform: rotate(360deg) scale(1);\n }\n}\n\n.u-loading {\n &.u-loading-line {\n position: absolute;\n top:$loading-center-top;\n left: $loading-center-left;\n margin-top: $loading-line-center-top;\n margin-left: $loading-line-center-left;\n & > div {\n background-color: #C2C3C5;\n width: $loading-line-width;\n height: $loading-line-height;\n border-radius: 2px;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block;\n }\n &.u-loading-line-lg {\n margin-top: $loading-line-center-lg-top;\n margin-left: $loading-line-center-lg-left;\n & > div {\n width: $loading-line-lg-width;\n height: $loading-line-lg-height;\n }\n }\n &.u-loading-line-sm {\n margin-top: $loading-line-center-sm-top;\n margin-left: $loading-line-center-sm-left;\n & > div {\n width:$loading-line-sm-width;\n height: $loading-line-sm-height;\n }\n }\n @each $index, $anima in $loading-lineanimating {\n div:nth-child( #{$index} ) {\n -webkit-animation: $anima;\n animation: $anima;\n background-color: map_get($loading-linebackcolor, $index);\n }\n }\n\n &.u-loading-line-primary {\n & > div {\n background-color: $loading-loadprimary;\n }\n }\n &.u-loading-line-success {\n & > div {\n background-color: $loading-loadsuccess;\n }\n }\n &.u-loading-line-warning {\n & > div {\n background-color: $loading-loadwarn;\n }\n }\n }\n}\n@keyframes line-scale {\n 0% {\n -webkit-transform: scaley(1);\n transform: scaley(1);\n }\n\n 50% {\n -webkit-transform: scaley(0.4);\n transform: scaley(0.4);\n }\n\n 100% {\n -webkit-transform: scaley(1);\n transform: scaley(1);\n\n }\n}\n","@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: #666;\n$font-size-base: 12px;\n$line-height: 1.5;\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// $table-border-color: #e9e9e9;\n\n$table-hover-color: #E7F2FC;\n$table-move-in-color: $bg-color-base;\n$checkbox-height:16px;\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: bold;\n // transition: background 0.3s ease;\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 a{\n color: $brand-primary;\n &:hover{\n color: $brand-primary-hover;\n }\n &:active{\n color: $brand-primary-active;\n }\n }\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: $brand-primary;\n &:hover{\n color: $brand-primary-hover;\n }\n &:active{\n color: $brand-primary-active;\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 }\n tr {\n \n &.filterable{\n th{\n padding-top: 4px;\n padding-bottom: 4px;\n .filterContext{\n height: 35px;\n }\n }\n }\n }\n &-row-hover {\n background: $hover-bg-color-base;\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 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 8px;\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 }\n\n &-expand-icon-col {\n width: 10px;\n }\n &-row,\n &-expanded-row {\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: 16px;\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: $hover-bg-color-base;\n }\n }\n tr.u-table-expanded-row {\n background: #f7f7f7;\n &:hover {\n background: #f7f7f7;\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: 1em;\n vertical-align: middle;\n text-align: center;\n display: inline-block;\n \n & > .bee-table-column-sorter-down,\n & > .bee-table-column-sorter-up, & > .bee-table-column-sorter-flat {\n line-height: 6px;\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 // .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: 10px;\n margin-top: 0px;\n height: 300px;\n overflow-y: scroll;\n }\n &-clear-setting{ \n border-bottom: 1px solid #ccc;\n cursor: pointer;\n }\n &-cont{\n position: relative;\n }\n &-filter-icon{\n position: absolute;\n top: 3px;\n right: 18px;\n width: 22px;\n height: 25px;\n line-height: 25px;\n z-index: 2;\n background: #f7f7f7;\n &i.uf{\n padding: 0px;\n }\n }\n &-pop-cont-item{\n margin-top: 10px;\n line-height: 30px;\n cursor: pointer;\n }\n &-pop-cont-item>span{\n margin-left: 5px;\n width: 100px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\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 }\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\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: 32px;\n height: 32px;\n padding: 0px 16px 0 16px;\n cursor: pointer;\n }\n }\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: $table-hover-color\n}\n\n.u-row-hover2{\n position: absolute;\n left: 100;\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}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n.u-input-group-addon {\n padding: 6px 12px;\n font-size: 14px;\n font-weight: 400;\n line-height: 1;\n color: #555;\n text-align: center;\n background-color: #eee;\n border: 1px solid #ccc;\n border-radius: 4px;\n width: 1%;\n white-space: nowrap;\n vertical-align: middle;\n display: table-cell;\n &:last-child {\n\t border-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n &:first-child {\n \tborder-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n.u-input-group-btn {\n font-size: 0;\n white-space: nowrap;\n position: relative;\n width: 1%;\n vertical-align: middle;\n display: table-cell;\n .u-button{\n \tposition: relative;\n }\n}\n\n.u-input-group-btn:first-child>button, .u-input-group-btn:first-child>.btn-group>button, .u-input-group-btn:first-child>.dropdown-toggle, .u-input-group-btn:last-child>.btn-group:not(:last-child)>button, .u-input-group-btn:last-child>button:not(:last-child):not(.dropdown-toggle) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.u-input-group-btn:first-child>.btn-group:not(:first-child)>button, .u-input-group-btn:first-child>button:not(:first-child), .u-input-group-btn:last-child>button, .u-input-group-btn:last-child>.btn-group>button, .u-input-group-btn:last-child>.dropdown-toggle{\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.u-input-group-btn:last-child>button, .u-input-group-btn:last-child>.btn-group {\n margin-left: -1px;\n}\n.u-input-group-btn:first-child>button, .u-input-group-btn:first-child>.btn-group {\n margin-right: -1px;\n}\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-input-group-addon/src/InputGroupAddon.scss\";\n@import \"./InputGroupButton.scss\";\n\n.u-input-group {\n\tposition: relative;\n display: table;\n border-collapse: separate;\n .u-input-group-btn .u-button{\n \tborder: 1px solid #ccc;\n \theight: 30px;\n \tline-height: 1.3;\n }\n\t.u-form-control {\n\t\tposition: relative;\n\t float: left;\n\t width: 100%;\n\t margin-bottom: 0;\n\t display: table-cell;\n\t &:first-child {\n\t \tborder-bottom-right-radius: 0;\n \t\tborder-top-right-radius: 0;\n\t }\n\t &:last-child {\n\t \tborder-bottom-left-radius: 0;\n \t\tborder-top-left-radius: 0;\n\t }\n\t &:not(:first-child):not(:last-child) {\n\t \tborder-radius: 0;\n\t }\n\t}\n\t&.simple{\n\t\t.u-form-control {\n\t\t\tborder-radius: 3px;\n\t\t}\n\t\t.u-input-group-btn{\n\t\t\tposition: absolute;\n\t\t top: 2px;\n\t\t bottom: 0;\n\t\t\tright: 5px;\n\t\t\tmin-width: 20px;\n\t\t}\n\t\t.u-form-control:not(:last-child) {\n\t\t padding-right: 23px;\n\t\t}\n\t}\n}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-form-control/src/FormControl.scss\";\n@import \"../node_modules/bee-input-group/src/InputGroup.scss\";\n\n.rc-calendar {\n box-sizing: border-box;\n}\n.rc-calendar * {\n box-sizing: border-box;\n}\n.rc-calendar-hidden {\n display: none;\n}\n.rc-calendar-input-wrap {\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9;\n}\n.rc-calendar-input-wrap:after {\n content: '';\n clear: both;\n}\n.rc-calendar-date-input-wrap {\n overflow: hidden;\n}\n.rc-calendar-time-picker {\n position: absolute;\n width: 100%;\n top: 34px;\n background-color: white;\n height: 217px;\n}\n.rc-calendar-time-picker-panel {\n width: 100%;\n position: relative;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {\n display: none;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {\n border: none;\n box-shadow: none;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select {\n width: 84px;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select ul {\n max-height: 217px;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {\n text-align: center;\n padding: 0;\n}\n.rc-calendar-time-picker-wrap {\n float: left;\n width: 100%;\n}\n.rc-calendar-time-picker-wrap .rc-time-picker {\n width: 100%;\n}\n.rc-calendar-time-picker-wrap .rc-time-picker-input {\n padding: 0;\n border: 1px solid transparent;\n outline: 0;\n height: 22px;\n}\n.rc-calendar-time-picker-wrap .rc-time-picker-icon {\n display: none;\n}\n.rc-calendar-input {\n border: 1px solid transparent;\n width: 100%;\n color: #666;\n cursor: text;\n line-height: 1.5;\n outline: 0;\n height: 22px;\n}\n.rc-calendar-input-invalid {\n border-color: red;\n}\n.rc-calendar-clear-btn {\n z-index: 9999;\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0;\n}\n.rc-calendar-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease;\n}\n.rc-calendar-clear-btn:hover:after {\n color: #666;\n}\n.rc-calendar-picker {\n position: absolute;\n left: -9999px;\n top: -9999px;\n z-index: 1800;\n}\n.rc-calendar-picker-hidden {\n display: none;\n}\n.rc-calendar-picker-slide-up-enter {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.rc-calendar-picker-slide-up-appear {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.rc-calendar-picker-slide-up-leave {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 1;\n -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {\n -webkit-animation-name: rcDropdownSlideUpIn;\n animation-name: rcDropdownSlideUpIn;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {\n -webkit-animation-name: rcDropdownSlideDownIn;\n animation-name: rcDropdownSlideDownIn;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {\n -webkit-animation-name: rcDropdownSlideUpOut;\n animation-name: rcDropdownSlideUpOut;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {\n -webkit-animation-name: rcDropdownSlideDownOut;\n animation-name: rcDropdownSlideDownOut;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n@-webkit-keyframes rcDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes rcDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes rcDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes rcDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@-webkit-keyframes rcDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes rcDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes rcDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes rcDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n.rc-calendar {\n position: relative;\n outline: none;\n font-family: Arial, \"Hiragino Sans GB\", \"Microsoft Yahei\", \"Microsoft Sans Serif\", \"WenQuanYi Micro Hei\", sans-serif;\n width: 253px;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5;\n z-index:1800;\n}\n.rc-calendar-date-panel,\n.rc-calendar-panel {\n position: relative;\n outline: none;\n}\n.rc-calendar-week-number {\n width: 286px;\n}\n.rc-calendar-week-number-cell {\n text-align: center;\n}\n.rc-calendar-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 0px 5px;\n line-height: 34px;\n text-align: center;\n width: 30px;\n}\n.rc-calendar-header > a:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-header .rc-calendar-prev-month-btn {\n position: absolute;\n left: 25px;\n}\n.rc-calendar-header .rc-calendar-prev-month-btn:after {\n content: '‹';\n}\n.rc-calendar-header .rc-calendar-next-month-btn {\n position: absolute;\n right: 25px;\n}\n.rc-calendar-header .rc-calendar-next-month-btn:after {\n content: '›';\n}\n.rc-calendar-year-select,\n.rc-calendar-month-select,\n.rc-calendar-day-select {\n display: inline-block;\n font-size: 12px;\n font-weight: bold;\n color: #666;\n padding: 0 8px;\n line-height: 34px;\n}\n.rc-calendar-year-select:hover,\n.rc-calendar-month-select:hover,\n.rc-calendar-day-select:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-prev-month-btn,\n.rc-calendar-next-month-btn,\n.rc-calendar-prev-year-btn,\n.rc-calendar-next-year-btn {\n position: absolute;\n top: 0;\n cursor: pointer;\n color: #999;\n font-family: Arial, \"Hiragino Sans GB\", \"Microsoft Yahei\", \"Microsoft Sans Serif\", sans-serif;\n padding: 0 5px;\n font-size: 16px;\n display: inline-block;\n line-height: 34px;\n}\n.rc-calendar-prev-month-btn:hover,\n.rc-calendar-next-month-btn:hover,\n.rc-calendar-prev-year-btn:hover,\n.rc-calendar-next-year-btn:hover {\n color: #23c0fa;\n}\n.rc-calendar-next-year-btn {\n right: 0;\n}\n.rc-calendar-next-year-btn:after {\n content: '»';\n}\n.rc-calendar-prev-year-btn {\n left: 0;\n}\n.rc-calendar-prev-year-btn:after {\n content: '«';\n}\n.rc-calendar-body {\n padding: 9px 10px 10px;\n height: 217px;\n}\n.rc-calendar table {\n border-collapse: collapse;\n max-width: 100%;\n background-color: transparent;\n width: 100%;\n height:100%;\n}\n.rc-calendar table,\n.rc-calendar td,\n.rc-calendar th,\n.rc-calendar td {\n border: none;\n}\n.rc-calendar-table {\n border-spacing: 0;\n margin-bottom: 0;\n}\n.rc-calendar-column-header {\n line-height: 18px;\n padding: 6px 0;\n width: 33px;\n text-align: center;\n}\n.rc-calendar-column-header .rc-calendar-column-header-inner {\n display: block;\n font-weight: normal;\n}\n.rc-calendar-week-number-header .rc-calendar-column-header-inner {\n display: none;\n}\n.rc-calendar-cell {\n padding: 1px 0;\n}\n.rc-calendar-date {\n display: block;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n width: 26px;\n height: 26px;\n padding: 0;\n background: transparent;\n line-height: 26px;\n text-align: center;\n}\n.rc-calendar-date:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-selected-day .rc-calendar-date {\n background: #d9f4fe;\n}\n.rc-calendar-selected-date .rc-calendar-date {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-selected-date .rc-calendar-date:hover {\n background: #3fc7fa;\n}\n.rc-calendar-today .rc-calendar-date {\n border: 1px solid #3fc7fa;\n}\n.rc-calendar-disabled-cell .rc-calendar-date {\n cursor: not-allowed;\n color: #bcbcbc;\n background: #f3f3f3;\n border-radius: 0;\n width: auto;\n}\n.rc-calendar-disabled-cell .rc-calendar-date:hover {\n background: #f3f3f3;\n}\n.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.rc-calendar-last-month-cell .rc-calendar-date,\n.rc-calendar-next-month-btn-day .rc-calendar-date {\n color: #bbb;\n}\n.rc-calendar-footer {\n border-top: 1px solid #ccc;\n padding: 10px 0;\n text-align: center;\n position: relative;\n}\n.rc-calendar-footer .rc-time-picker {\n width: 90px;\n}\n.rc-calendar-footer .rc-time-picker-input {\n height: 24px;\n}\n.rc-calendar-footer-show-ok {\n text-align: right;\n}\n.rc-calendar-footer-show-ok .rc-calendar-footer-btn {\n padding-right: 12px;\n}\n.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {\n margin-left: 0;\n padding: 0 12px;\n}\n.rc-calendar-footer-show-ok .rc-calendar-today-btn {\n float: left;\n padding-left: 12px;\n}\n.rc-calendar-footer-btn {\n margin-top: 2px;\n}\n.rc-calendar-footer-btn:after {\n content: 'x';\n height: 0;\n font-size: 0;\n overflow: hidden;\n clear: both;\n}\n.rc-calendar-time-picker-btn {\n margin-left: 10px;\n}\n.rc-calendar-today-btn,\n.rc-calendar-ok-btn,\n.rc-calendar-time-picker-btn {\n display: inline-block;\n text-align: center;\n color: #f46830;\n}\n.rc-calendar-today-btn:hover,\n.rc-calendar-ok-btn:hover,\n.rc-calendar-time-picker-btn:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-today-btn-disabled,\n.rc-calendar-ok-btn-disabled,\n.rc-calendar-time-picker-btn-disabled {\n color: #bbb;\n}\n.rc-calendar-today-btn-disabled:hover,\n.rc-calendar-ok-btn-disabled:hover,\n.rc-calendar-time-picker-btn-disabled:hover {\n color: #bbb;\n}\n.rc-calendar-today-btn {\n padding-left: 10px;\n}\n.rc-calendar-time-input {\n height: 25px;\n position: relative;\n display: inline-block;\n margin: 0 0;\n padding: 4px 10px;\n border-radius: 6px 6px;\n border: 1px solid #d9d9d9;\n background-color: #ffffff;\n color: #666;\n line-height: 1.5;\n -webkit-transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n width: 40px;\n}\n.rc-calendar-time-input:hover {\n border-color: #23c0fa;\n}\n.rc-calendar-time-input:focus {\n border-color: #23c0fa;\n box-shadow: 0 0 3px #23c0fa;\n}\n.rc-calendar-time-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none;\n}\n.rc-calendar-time-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-time-panel-body {\n padding: 9px 10px 10px;\n}\n.rc-calendar-time-panel-title {\n width: 180px;\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n height: 30px;\n line-height: 22px;\n border-radius: 4px;\n}\n.rc-calendar-time-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 100%;\n border-collapse: separate;\n}\n.rc-calendar-time-panel-cell {\n text-align: center;\n height: 42px;\n vertical-align: middle;\n}\n.rc-calendar-time-panel-time {\n line-height: 26px;\n display: block;\n border-radius: 4px;\n width: 26px;\n margin: 0 auto;\n}\n.rc-calendar-time-panel-time:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-month-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none;\n}\n.rc-calendar-month-panel-hidden {\n display: none;\n}\n.rc-calendar-month-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-month-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n width: 30px;\n}\n.rc-calendar-month-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-month-panel-prev-year-btn,\n.rc-calendar-month-panel-next-year-btn {\n position: absolute;\n top: 0;\n}\n.rc-calendar-month-panel-next-year-btn:after {\n content: '»';\n}\n.rc-calendar-month-panel-prev-year-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0;\n}\n.rc-calendar-month-panel-prev-year-btn:after {\n content: '«';\n}\n.rc-calendar-month-panel .rc-calendar-month-panel-year-select {\n width: 180px;\n}\n.rc-calendar-month-panel-year-select-arrow {\n display: none;\n}\n.rc-calendar-month-panel-next-year-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0;\n}\n.rc-calendar-month-panel-body,.rc-calendar-year-panel-body,.rc-calendar-decade-panel-body {\n padding: 9px 10px 10px;\n height: calc(100% - 30px);\n}\n.rc-calendar-month-panel > div,.rc-calendar-year-panel > div {\n height:100%;\n}\n.rc-calendar-month-panel-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: separate;\n}\n.rc-calendar-month-panel-cell {\n text-align: center;\n}\n.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {\n display: block;\n width: 46px;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center;\n}\n.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {\n color: #bfbfbf;\n}\n.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {\n background: white;\n cursor: not-allowed;\n}\n.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar > .rc-calendar-year-panel {\n position: relative;\n}\n.rc-calendar-year-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none;\n}\n.rc-calendar-year-panel-hidden {\n display: none;\n}\n.rc-calendar-year-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-year-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n width: 30px;\n}\n.rc-calendar-year-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-year-panel-prev-decade-btn,\n.rc-calendar-year-panel-next-decade-btn {\n position: absolute;\n top: 0;\n}\n.rc-calendar-year-panel-next-decade-btn:after {\n content: '»';\n}\n.rc-calendar-year-panel-prev-decade-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0;\n}\n.rc-calendar-year-panel-prev-decade-btn:after {\n content: '«';\n}\n.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {\n width: 180px;\n}\n.rc-calendar-year-panel-decade-select-arrow {\n display: none;\n}\n.rc-calendar-year-panel-next-decade-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0;\n}\n.rc-calendar-year-panel-body {\n padding: 9px 10px 10px;\n}\n.rc-calendar-year-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 255px;\n border-collapse: separate;\n}\n.rc-calendar-year-panel-cell {\n text-align: center;\n}\n.rc-calendar-year-panel-year {\n display: block;\n width: 46px;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center;\n}\n.rc-calendar-year-panel-year:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,\n.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n color: rgba(0, 0, 0, 0.25);\n}\n.rc-calendar-decade-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none;\n}\n.rc-calendar-decade-panel-hidden {\n display: none;\n}\n.rc-calendar-decade-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-decade-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 1px 5px;\n text-align: center;\n width: 30px;\n}\n.rc-calendar-decade-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-decade-panel-prev-century-btn,\n.rc-calendar-decade-panel-next-century-btn {\n position: absolute;\n top: 0;\n}\n.rc-calendar-decade-panel-next-century-btn:after {\n content: '»';\n}\n.rc-calendar-decade-panel-prev-century-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0;\n}\n.rc-calendar-decade-panel-prev-century-btn:after {\n content: '«';\n}\n.rc-calendar-decade-panel-next-century-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0;\n}\n.rc-calendar-decade-panel-body {\n padding: 9px 10px 10px;\n}\n.rc-calendar-decade-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 255px;\n border-collapse: separate;\n}\n.rc-calendar-decade-panel-cell {\n text-align: center;\n}\n.rc-calendar-decade-panel-decade {\n display: block;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center;\n}\n.rc-calendar-decade-panel-decade:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,\n.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n color: rgba(0, 0, 0, 0.25);\n}\n.rc-calendar-range {\n width: 502px;\n overflow: hidden;\n}\n.rc-calendar-range-part {\n width: 250px;\n position: relative;\n}\n.rc-calendar-range-part .rc-calendar-time-picker {\n top: 69px;\n}\n.rc-calendar-range-part .rc-calendar-time-picker-panel-select {\n width: 77px;\n}\n.rc-calendar-range-left {\n float: left;\n}\n.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {\n border-right: 1px solid #e9e9e9;\n}\n.rc-calendar-range-right {\n float: right;\n}\n.rc-calendar-range-right .rc-calendar-time-picker-panel {\n left: 21px;\n}\n.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {\n border-left: 1px solid #e9e9e9;\n}\n.rc-calendar-range-middle {\n position: absolute;\n margin-left: -10px;\n text-align: center;\n height: 35px;\n line-height: 35px;\n}\n.rc-calendar-range .rc-calendar-date-panel::after {\n content: \".\";\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n.rc-calendar-range .rc-calendar-input-wrap {\n height: 35px;\n}\n.rc-calendar-range .rc-calendar-input,\n.rc-calendar-range .rc-time-picker-input {\n padding: 1px 7px;\n height: 22px;\n}\n.rc-calendar-range .rc-calendar-body,\n.rc-calendar-range .rc-calendar-decade-panel-body,\n.rc-calendar-range .rc-calendar-year-panel-body,\n.rc-calendar-range .rc-calendar-month-panel-body {\n border-bottom: 1px solid #e9e9e9;\n}\n.rc-calendar-range.rc-calendar-week-number {\n width: 574px;\n}\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {\n width: 286px;\n}\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {\n top: 69px;\n}\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {\n width: 89px;\n}\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {\n left: 36px;\n}\n.rc-calendar-range .rc-calendar-year-panel,\n.rc-calendar-range .rc-calendar-month-panel,\n.rc-calendar-range .rc-calendar-decade-panel {\n top: 35px;\n}\n.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {\n top: 0;\n}\n.rc-calendar-range .rc-calendar-decade-panel-table,\n.rc-calendar-range .rc-calendar-year-panel-table,\n.rc-calendar-range .rc-calendar-month-panel-table {\n height: 198px;\n}\n.rc-calendar-range .rc-calendar-in-range-cell {\n background: #ebf4f8;\n border-radius: 0;\n}\n.rc-calendar-range-bottom {\n text-align: right;\n}\n.rc-calendar-range .rc-calendar-footer {\n border-top: none;\n padding: 0;\n}\n.rc-calendar-range .rc-calendar-footer-btn {\n padding: 10px 12px 10px 0;\n}\n.rc-calendar-range .rc-calendar-ok-btn {\n position: static;\n}\n.rc-calendar-range .rc-calendar-today-btn {\n float: left;\n}\n.rc-calendar-full {\n width: 275px;\n}\n.rc-calendar-full-header {\n padding: 5px 10px;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n overflow: hidden;\n}\n.rc-calendar-full-header-month-select,\n.rc-calendar-full-header-year-select {\n width: 70px;\n float: right;\n margin-right: 5px;\n}\n.rc-calendar-full-header-switcher {\n float: right;\n display: inline-block;\n}\n.rc-calendar-full-header-switcher-normal:hover {\n border-color: #23c0fa;\n box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);\n cursor: pointer;\n}\n.rc-calendar-full-header-switcher-focus {\n border-color: #3fc7fa;\n background-color: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-full-header-switcher > span {\n float: left;\n height: 28px;\n line-height: 24px;\n border: 1px solid #d9d9d9;\n padding: 0 10px;\n color: #666;\n}\n.rc-calendar-full-header-switcher > span:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n border-right: none;\n}\n.rc-calendar-full-header-switcher > span:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left: none;\n}\n.rc-calendar-fullscreen {\n width: auto;\n}\n.rc-calendar-fullscreen .rc-calendar-full-header {\n border-bottom: none;\n}\n.rc-calendar-fullscreen .rc-calendar-column-header {\n text-align: right;\n padding-right: 12px;\n}\n.rc-calendar-fullscreen .rc-calendar-cell {\n padding: 0;\n}\n.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {\n display: block;\n height: 116px;\n width: auto;\n border-radius: 0;\n margin: 0 4px;\n border: none;\n border-top: 2px solid #eee;\n text-align: right;\n padding-right: 8px;\n}\n.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n background-color: #ebfaff;\n color: #666;\n}\n.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n border-top-color: #3FC7FA;\n color: #3FC7FA;\n}\n.week-calendar-sidebar-button{\n padding: 3px 5px;\n font-size: 1.2rem;\n color: rgb(255,255,255);\n background-color: rgb(30,136,229);\n border: 1px rgb(30,136,229) solid;\n border-radius: 0.4rem;\n position: relative;\n min-width: 7.2rem;\n display: inline-block;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n vertical-align: middle;\n}\n\n.rc-time-picker {\n display: inline-block;\n box-sizing: border-box;\n}\n.rc-time-picker * {\n box-sizing: border-box;\n}\n.rc-time-picker-input {\n width: 100%;\n position: relative;\n display: inline-block;\n padding: 4px 7px;\n height: 28px;\n cursor: text;\n font-size: 12px;\n line-height: 1.5;\n color: #666;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.rc-time-picker-input[disabled] {\n color: #ccc;\n background: #f7f7f7;\n cursor: not-allowed;\n}\n.rc-time-picker-panel {\n z-index: 1070;\n width: 170px;\n position: absolute;\n box-sizing: border-box;\n}\n.rc-time-picker-panel * {\n box-sizing: border-box;\n}\n.rc-time-picker-panel-inner {\n display: inline-block;\n position: relative;\n outline: none;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5;\n}\n.rc-time-picker-panel-narrow {\n max-width: 113px;\n}\n.rc-time-picker-panel-input {\n margin: 0;\n padding: 0;\n width: 100%;\n cursor: auto;\n line-height: 1.5;\n outline: 0;\n border: 1px solid transparent;\n}\n.rc-time-picker-panel-input-wrap {\n box-sizing: border-box;\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9;\n}\n.rc-time-picker-panel-input-invalid {\n border-color: red;\n}\n.rc-time-picker-panel-clear-btn {\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0;\n}\n.rc-time-picker-panel-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease;\n}\n.rc-time-picker-panel-clear-btn:hover:after {\n color: #666;\n}\n.rc-time-picker-panel-select {\n float: left;\n font-size: 12px;\n border: 1px solid #e9e9e9;\n border-width: 0 1px;\n margin-left: -1px;\n box-sizing: border-box;\n width: 56px;\n max-height: 144px;\n overflow-y: auto;\n position: relative;\n}\n.rc-time-picker-panel-select-active {\n overflow-y: auto;\n}\n.rc-time-picker-panel-select:first-child {\n border-left: 0;\n margin-left: 0;\n}\n.rc-time-picker-panel-select:last-child {\n border-right: 0;\n}\n.rc-time-picker-panel-select ul {\n list-style: none;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 100%;\n}\n.rc-time-picker-panel-select li {\n list-style: none;\n box-sizing: content-box;\n margin: 0;\n padding: 0 0 0 16px;\n width: 100%;\n height: 24px;\n line-height: 24px;\n text-align: left;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rc-time-picker-panel-select li:hover {\n background: #edfaff;\n}\nli.rc-time-picker-panel-select-option-selected {\n background: #f7f7f7;\n font-weight: bold;\n}\nli.rc-time-picker-panel-select-option-disabled {\n color: #ccc;\n}\nli.rc-time-picker-panel-select-option-disabled:hover {\n background: transparent;\n cursor: not-allowed;\n}\n.calendar-picker {\n width:300px;\n}\n.icon-container{\n position: relative;\n}\n.datepicker-input-group{\n &.u-input-group{\n display: block;\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",".demo3{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}",".opt-btns{\n button{\n background: #505F79 ;\n height: 26px;\n color:#FFFFFF;\n line-height: 26px;\n }\n }"],"sourceRoot":"/source/"}
\ No newline at end of file
+{"version":3,"sources":["demo.css","../node_modules/tinper-bee-core/scss/minxin-variables.scss","TableDemo.scss","../node_modules/tinper-bee-core/scss/minxin-palette.scss","../node_modules/tinper-bee-core/scss/set-normalize.scss","../node_modules/tinper-bee-core/scss/set-global.scss","../node_modules/tinper-bee-core/scss/util-iconfont.css","../node_modules/tinper-bee-core/scss/util-utilities.scss","../node_modules/tinper-bee-core/scss/minxin-mixins.scss","../node_modules/tinper-bee-core/scss/util-shadow.scss","../node_modules/tinper-bee-core/scss/util-keyframe.scss","../node_modules/bee-panel/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-panel/node_modules/bee-transition/src/Transition.scss","../node_modules/bee-panel/src/Panel.scss","../node_modules/bee-layout/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-layout/src/Layout.scss","../node_modules/bee-button/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-button/src/Button.scss","../node_modules/bee-button/node_modules/tinper-bee-core/scss/minxin-mixins.scss","../node_modules/bee-transition/src/Transition.scss","../node_modules/bee-popconfirm/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-popconfirm/src/Popconfirm.scss","../node_modules/bee-form-control/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-form-control/src/FormControl.scss","../../node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-pagination/src/Pagination.scss","../node_modules/bee-checkbox/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-checkbox/src/Checkbox.scss","../node_modules/bee-select/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-select/node_modules/tinper-bee-core/scss/util-keyframe.scss","../node_modules/bee-select/src/Select.scss","../node_modules/bee-form/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-form/src/Form.scss","../node_modules/bee-popover/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-popover/src/Popover.scss","../node_modules/bee-tooltip/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-tooltip/src/Tooltip.scss","../node_modules/bee-loading/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-loading/src/Loading.scss","../src/Table.scss","../node_modules/bee-datepicker/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-input-group/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-input-group-addon/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-input-group-addon/src/InputGroupAddon.scss","../node_modules/bee-input-group/src/InputGroupButton.scss","../node_modules/bee-input-group/src/InputGroup.scss","../node_modules/bee-datepicker/src/datepicker.scss","demolist/Demo24.scss","demolist/Demo3.scss","demolist/Demo35.scss"],"names":[],"mappings":"AAAA,iBAAiB;ACqXjB,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;ACnXjB,2DAAO;AACP,6DAAO;AACP,oEAAO;AACP,uDAAO;ACXL;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,mCAAoD,EACrD;;AAED;EACE,8CAA+D,EAChE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,iCAAqD,EACtD;;AAED;EACE,4CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,+BAAsD,EACvD;;AAED;EACE,0CAAiE,EAClE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAID;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,kCAA4D,EAC7D;;AAED;EACE,6CAAuE,EACxE;;AAED;EACE,kCAA4D,EAC7D;;AAED;EACE,6CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,iCAA4D,EAC7D;;AAED;EACE,4CAAuE,EACxE;;AAED;EACE,gCAA4D,EAC7D;;AAED;EACE,2CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,iCAAsD,EACvD;;AAED;EACE,4CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,+BAAsD,EACvD;;AAED;EACE,0CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,gCAAwD,EACzD;;AAED;EACE,2CAAmE,EACpE;;AAID;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,iCAA8D,EAC/D;;AAED;EACE,4CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAID;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,kCAAsD,EACvD;;AAED;EACE,6CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAID;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAID;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAED;EACE,gCAAwD,EACzD;;AAED;EACE,2CAAmE,EACpE;;AAED;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AAED;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAED;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AAID;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,mCAA6D,EAC9D;;AAED;EACE,8CAAwE,EACzE;;AAED;EACE,kCAA6D,EAC9D;;AAED;EACE,6CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,iCAA6D,EAC9D;;AAED;EACE,4CAAwE,EACzE;;AAED;EACE,mCAA8D,EAC/D;;AAED;EACE,8CAAyE,EAC1E;;AAED;EACE,kCAA8D,EAC/D;;AAED;EACE,6CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAED;EACE,gCAA8D,EAC/D;;AAED;EACE,2CAAyE,EAC1E;;AAID;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AAED;EACE,kCAAuD,EACxD;;AAED;EACE,6CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAED;EACE,gCAAuD,EACxD;;AAED;EACE,2CAAkE,EACnE;;AAID;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAqD,EACtD;;AAED;EACE,8CAAgE,EACjE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,mCAAsD,EACvD;;AAED;EACE,8CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAED;EACE,gCAAsD,EACvD;;AAED;EACE,2CAAiE,EAClE;;AAID;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAA2D,EAC5D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,kCAA2D,EAC5D;;AAED;EACE,6CAAsE,EACvE;;AAED;EACE,iCAA2D,EAC5D;;AAED;EACE,4CAAsE,EACvE;;AAED;EACE,gCAA2D,EAC5D;;AAED;EACE,2CAAsE,EACvE;;AAED;EACE,gCAA2D,EAC5D;;AAED;EACE,2CAAsE,EACvE;;AAOD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AACD;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AACD;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AACD;EACE,iCAAuD,EACxD;;AAED;EACE,4CAAkE,EACnE;;AAKD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,gCAA0D,EAC3D;;AAED;EACE,2CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,iCAA0D,EAC3D;;AAED;EACE,4CAAqE,EACtE;;AAKD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,iCAA0D,EAC3D;;AAED;EACE,4CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,gCAA0D,EAC3D;;AAED;EACE,2CAAqE,EACtE;;AAKD;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AACD;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AACD;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AACD;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AACD;EACE,mCAAyD,EAC1D;;AAED;EACE,8CAAoE,EACrE;;AACD;EACE,kCAAyD,EAC1D;;AAED;EACE,6CAAoE,EACrE;;AACD;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AACD;EACE,gCAAyD,EAC1D;;AAED;EACE,2CAAoE,EACrE;;AACD;EACE,iCAAyD,EAC1D;;AAED;EACE,4CAAoE,EACrE;;AACD;EACE,gCAAyD,EAC1D;;AAED;EACE,2CAAoE,EACrE;;AAMD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,gCAAwD,EACzD;;AAED;EACE,2CAAmE,EACpE;;AAOD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,kCAAwD,EACzD;;AAED;EACE,6CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AACD;EACE,iCAAwD,EACzD;;AAED;EACE,4CAAmE,EACpE;;AAOD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,mCAA0D,EAC3D;;AAED;EACE,8CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,kCAA0D,EAC3D;;AAED;EACE,6CAAqE,EACtE;;AACD;EACE,iCAA0D,EAC3D;;AAED;EACE,4CAAqE,EACtE;;AAMD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AAED;EACE,mCAAuD,EACxD;;AAED;EACE,8CAAkE,EACnE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AAED;EACE,8CAAmE,EACpE;;AACD;EACE,mCAAwD,EACzD;;AACD;EACE,8CAAmE,EACpE;;AACD;EACE,2CAAoE,EACrE;;AACD;EACE,gCAAyD,EAC1D;;AACD;EACE,2CAAoE,EACrE;;AAAE;EACE,gCAAyD,EAC1D;;AAKJ;EACE,wCAA4D,EAC7D;;AAED;EACE,6BAAiD,EAClD;;AAID;EACE,8CAA4D,EAC7D;;AAED;EACE,mCAAiD,EAClD;;AAKH;EACE,8CAA8D,EAC/D;;AAED;EACE,8CAAuE,EACxE;;AAED;EACE,6CAAmE,EACpE;;AAED;EACE,4CAA6D,EAC9D;;AAED;EACE,8CAAsE,EACvE;;AAED;EACE,mCAAmD,EACpD;;AAED;EACE,mCAA4D,EAC7D;;AAED;EACE,kCAAwD,EACzD;;AAED;EACE,iCAAkD,EACnD;;AAED;EACE,mCAA2D,EAC5D;;ACz1FD;;;;;;EAME;AAMF;EACI,YAAY;EACZ,aAAa;EACb,+BAA+B;EAC/B,2BAA2B;EAC3B,2BAA2B;EAC3B,+BAA+B,EAClC;;AAED;;;EAGE;AAGF;EACE,UAAU;EACV,YAAY;EACZ,aAAa,EACd;;AAGD;;;GAGG;AACH;EACE,eAAe,EAChB;;AAED;;;EAGE;AACF;EACE,yBAAyB,EAC1B;;AAED;EACI,uBAAuB,EAC1B;;AAWD;;;;;;;;;;;;EAYE,eAAe,EAChB;;AAMD;;;;EAIE,sBAAsB,EACvB;;AAMD;EACE,cAAc;EACd,UAAU,EACX;;AAMD;EACE,yBAAyB,EAC1B;;AAOD;;EAEE,cAAc,EACf;;AASD;EACE,8BAA8B,EAC/B;;AAOD;;EAEE,iBAAiB,EAClB;;AAUD;EACE,oBAAoB;EACpB,2BAA2B;EAC3B,kCAAkC,EACnC;;AAMD;;EAEE,qBAAqB,EACtB;;AAMD;;EAEE,oBAAoB,EACrB;;AAMD;EACE,mBAAmB,EACpB;;AAOD;EACE,eAAe;EACf,iBAAiB,EAClB;;AAMD;EACE,uBAAuB;EACvB,YAAY,EACb;;AAMD;EACE,eAAe,EAChB;;AAOD;;EAEE,eAAe;EACf,eAAe;EACf,mBAAmB;EACnB,yBAAyB,EAC1B;;AAED;EACE,gBAAgB,EACjB;;AAED;EACE,YAAY,EACb;;AASD;EACE,mBAAmB,EACpB;;AAMD;EACE,iBAAiB,EAClB;;AAUD;;;;EAIE,kCAAkC;EAClC,eAAe,EAChB;;AAMD;EACE,iBAAiB,EAClB;;AAOD;EACE,wBAAwB;EACxB,UAAU;EACV,kBAAkB,EACnB;;AASD;;;;EAIE,cAAc,EACf;;AAMD;EACE,kBAAkB,EACnB;;AAQD;;;EAGE,kBAAkB,EACnB;;AAOD;;;;EAIE,UAAU,EACX;;AAOD;;EAEE,qBAAqB,EACtB;;AAMD;;;;EAIE,gBAAgB,EACjB;;AJ69DD;EIt9DE,gBAAgB,EACjB;;AAQD;;;;EAIE,2BAA2B,EAC5B;;AAMD;;EAEE,UAAU;EACV,WAAW,EACZ;;AAMD;;EAEE,+BAA+B,EAChC;;AAMD;EACE,0BAA0B;EAC1B,cAAc;EACd,+BAA+B,EAChC;;AASD;EACE,uBAAuB;EACvB,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,WAAW;EACX,oBAAoB,EACrB;;AAMD;EACE,eAAe,EAChB;;AJq7DD;;EI56DE,uBAAuB;EACvB,WAAW,EACZ;;AJ+6DD;;EIv6DE,aAAa,EACd;;AJ06DD;EIn6DE,8BAA8B,EAC/B;;AJq6DD;;EI55DE,yBAAyB,EAC1B;;AHnFD,eAAe;AAWf,iBAAiB;AIxXjB;EACK,gBAAgB,EACpB;;AAED;EACE,qGJkBiG;EIjBjG,6BJ2BiB;EI1BjB,kBAAkB;EAClB,iBAAiB,EAClB;;AAID;EACE,eAAe,EAChB;;AAGD;;GAEG;AAEH;EACI,6BJmF4B;EIlF5B,kBAAkB,EACrB;;AAED;;GAEG;AAEH;EACI,eAAe;EACf,YAAY;EACZ,UAAU;EACV,2BAA2B;EAC3B,cAAc;EACd,WAAW,EACd;;AAED;;GAEG;AAEH;;;;;;EAMI,uBAAuB,EAC1B;;AAID;;GAEG;AAEH;EACI,iBAAiB,EACpB;;AAED;;gFAEgF;AAEhF;EACI,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,iBAAiB,EACpB;;AAID;;GAEG;AAEH;EACI,UAAU;EACV,oBAAU;EACV,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,mBAAmB;EACnB,WAAW,EACd;;AAED;;;GAGG;AAEH;;EAEI,WAAW;EACX,aAAa;EACb,UAAU;EACV,kBAAkB;EAClB,iBAAiB;EACjB,YAAY,EACf;;AAOD;;;gFAGgF;AAEhF;EACI;;;;;IAKI,mCAAmC;IACnC,uBAAuB;IAAE,+DAA+D;IACxF,4BAA4B;IAC5B,6BAA6B,EAChC;EAED;;IAEI,2BAA2B,EAC9B;EAED;IACI,6BAA4B,EAC/B;EAED;IACI,8BAA6B,EAChC;EAED;;;OAGG;EAEH;;IAEI,YAAY,EACf;EAED;;IAEI,uBAAuB;IACvB,yBAAyB,EAC5B;EAED;;;OAGG;EAEH;IACI,4BAA4B,EAC/B;EAED;;IAEI,yBAAyB,EAC5B;EAED;IACI,2BAA2B,EAC9B;EAED;;;IAGI,WAAW;IACX,UAAU,EACb;EAED;;IAEI,wBAAwB,EAC3B,EAAA;;AAML;;GAEG;AACH;;EAGI,yCAAyC;EACzC,oDAAiC,EACpC;;AC/MD;EAAY,kBAAkB;EAC5B,8EAAQ;EAAuE,QAAQ;EACvF,kYAGkF;EAAS,cAAc,EAAA;;AAI3G;EACI,6BAA6B;EAC7B,gBAAgB;EAChB,mBAAmB;EACnB,oCAAoC;EACpC,mCAAmC,EACtC;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AAED;EACI,iBAAiB,EACpB;;AL16BD,eAAe;AAWf,iBAAiB;AM3XjB;EACE,aAAa,EAoBd;EArBD;IAII,sBAAsB;IACtB,aAAa;IACb,uBAAuB;IACvB,YAAY,EACb;EARH;IAWI,sBAAsB;IACtB,gBAAgB;IAChB,gBNgBiB,EMflB;EAdH;IAgBI,uBAAuB,EACxB;EAjBH;IAmBI,uBAAuB,EACxB;;AAKH;EACE,2BAA2B,EAC5B;;AAED;EACE,iCAAiC,EAClC;;AAED;EACE,0BAA0B,EAC3B;;AAID;ECqfE,iBAAiB;EACjB,wBAAwB;EACxB,kBAAkB;EAClB,oBAAoB,EDtfrB;;AAED;ECwfE,sBAAsB;EAElB,kBAAkB;EACd,cAAc;EACtB,sBAAsB;EACtB,oBAAoB,ED3frB;;AAED;EC6fE,oBAAoB,ED3frB;;AAGD;EACE,eAAe;EACf,cAAc,EACf;;AAED;EACE,eAAe;EACf,aAAa,EACd;;AAED;EACE,eAAe;EACf,cAAc,EACf;;AAKD;EACE,+BAA+B,EAChC;;AACD;EACE,kCAAkC,EACnC;;AACD;EACE,kCAAkC,EACnC;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,+BAA+B,EAChC;;AAOD;EACE,qCAAqC,EACtC;;AACD;EACE,qCAAqC,EACtC;;AACD;EACE,sCAAsC,EACvC;;AAKD;EACE,8BAA8B,EAC/B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA0C,EAC3C;;AACD;EACE,4BAA2C,EAC5C;;AACD;EACE,4BAA2C,EAC5C;;AACD;EACE,4BAAyC,EAC1C;;AAKD;EACE,wBAAwB,EACzB;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AAMD;EC2XI,aAAa;EACb,eAAe,EAChB;;AD7XH;EC+XI,YAAY,EACb;;AD7XH;ECgXE,eAAe;EACf,kBAAkB;EAClB,mBAAmB,EDhXpB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,uBAAuB,EACxB;;AAOD;EACE,yBAAyB,EAC1B;;AACD;EACE,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EC0WE,mBAAmB;EACnB,kBAAkB;EAClB,8BAA8B;EAC9B,UAAU,ED3WX;;AAID;EACE,yBAAyB,EAC1B;;AAGD,QAAA;AACA;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,YAAY,EACb;;AAKD;EACE,YAAY,EACb;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,YAAY,EACb;;AAKD;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAGD;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAKD;EACE,aAAa,EACd;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,wBAAwB,EACzB;;AAED;EACE,aAAa,EACd;;AAGD,SAAA;AAEA;EACE,UAAU,EACX;;AAED;EACE,aAAa,EACd;;AAED;EACE,YAAY,EACb;;AAED;EACE,YAAY,EACb;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,gBAAgB;EAChB,mBAAmB,EACpB;;AAED;EACE,gBAAgB;EAChB,mBAAmB,EACpB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,kBAAkB;EAClB,iBAAiB,EAClB;;AAED;EACE,kBAAkB;EAClB,iBAAiB,EAClB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,gBAAgB,EACjB;;AAED;EACE,gBAAgB,EACjB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EACrB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EACrB;;AAED;EACE,oBAAoB,EACrB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,iBAAiB,EAClB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,cAAc,EACf;;AAED;EACE,oBAAoB;EACpB,mBAAmB,EACpB;;AAED;EACE,kBAAkB;EAClB,qBAAqB,EACtB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EACrB;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,qBAAqB,EACtB;;AAID;EACE,qBAAqB,EACtB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AAID;EACE,yBAAyB;EACzB,4BAA4B,EAC7B;;AACD;EACE,2BAA2B;EAC3B,8BAA8B,EAC/B;;AACD;EACE,2BAA2B;EAC3B,8BAA8B,EAC/B;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AAID;EACE,2BAA2B;EAC3B,0BAA0B,EAC3B;;AACD;EACE,6BAA6B;EAC7B,4BAA4B,EAC7B;;AACD;EACE,6BAA6B;EAC7B,4BAA4B,EAC7B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AAGD;EACE,yBAAyB,EAC1B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,2BAA2B,EAC5B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AAID;EACE,4BAA4B,EAC7B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AAID;EACE,0BAA0B,EAC3B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AAID;EACE,2BAA2B,EAC5B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AAGD,SAAA;AACA;EACE,sBAAsB,EACvB;;AAED;EACE,4BAA4B;EAC5B,2BAA2B,EAC5B;;AAED;EACE,0BAA0B;EAC1B,6BAA6B,EAC9B;;AAED;EACE,aAAa,EACd;;AAED;EACE,aAAa,EACd;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;AAED;EACE,oBAAoB;EACpB,mBAAmB,EACpB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,mBAAmB;EACnB,kBAAkB,EACnB;;AAED;EACE,oBAAoB;EACpB,mBAAmB,EACpB;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,qBAAqB,EACtB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB;EACpB,mBAAmB,EACpB;;AAED;EACE,kBAAkB;EAClB,qBAAqB,EACtB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AAED;EACE,kBAAkB;EAClB,qBAAqB,EACtB;;AAED;EACE,kBAAkB;EAClB,qBAAqB,EACtB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EACrB;;AAKD;EACE,sBAAsB,EACvB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AACD;EACE,yBAAyB,EAC1B;;AAID;EACE,0BAA0B;EAC1B,6BAA6B,EAC9B;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AAID;EACE,4BAA4B;EAC5B,2BAA2B,EAC5B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,8BAA8B;EAC9B,6BAA6B,EAC9B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AACD;EACE,+BAA+B;EAC/B,8BAA8B,EAC/B;;AAGD;EACE,0BAA0B,EAC3B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,4BAA4B,EAC7B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AAID;EACE,6BAA6B,EAC9B;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,gCAAgC,EACjC;;AAID;EACE,2BAA2B,EAC5B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,6BAA6B,EAC9B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AAID;EACE,4BAA4B,EAC7B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,8BAA8B,EAC/B;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,+BAA+B,EAChC;;AAGD;EACE,oBAAoB,EAAA;;AAKtB;;;;ECj6BE,yBAAyB,EDs6B1B;;AAED;;;;;;;;;;;;EAYE,yBAAyB,EAC1B;;AAGC;EADF;IC/7BE,0BAA0B,EDm8B3B;IAJD;MC97BY,0BAA0B,EAAI;ID87B1C;MC77BY,8BAA8B,EAAI;ID67B9C;;MC37BY,+BAA+B,EAAI,EAAA;;ADi8B7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAGC;EADF;ICp9BE,0BAA0B,EDw9B3B;IAJD;MCn9BY,0BAA0B,EAAI;IDm9B1C;MCl9BY,8BAA8B,EAAI;IDk9B9C;;MCh9BY,+BAA+B,EAAI,EAAA;;ADs9B7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAGC;EADF;ICz+BE,0BAA0B,ED6+B3B;IAJD;MCx+BY,0BAA0B,EAAI;IDw+B1C;MCv+BY,8BAA8B,EAAI;IDu+B9C;;MCr+BY,+BAA+B,EAAI,EAAA;;AD2+B7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAGC;EADF;IC9/BE,0BAA0B,EDkgC3B;IAJD;MC7/BY,0BAA0B,EAAI;ID6/B1C;MC5/BY,8BAA8B,EAAI;ID4/B9C;;MC1/BY,+BAA+B,EAAI,EAAA;;ADggC7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAIC;EADF;IC5gCE,yBAAyB,EDghC1B,EAAA;;AAEC;EADF;ICjhCE,yBAAyB,EDqhC1B,EAAA;;AAEC;EADF;ICthCE,yBAAyB,ED0hC1B,EAAA;;AAEC;EADF;IC3hCE,yBAAyB,ED+hC1B,EAAA;;AAGD,QAAA;AAEA;EACE,0BAA0B;EAC1B,gBAAgB,EACjB;;AAED,QAAA;AACA;EACE,eAAe;EACf,8BAA8B,EAC/B;;AAGD;EACE,gBAAgB;EAChB,sBAAa;EACb,8BAA8B;EAC9B,sBAAsB,EAEvB;;AAED;;EAEE,WAAW,EACZ;;AAED;EACI,2BAA2B,EAC9B;;AAGD;EACE,uCAA4B,EAC7B;;AAED;EACE,wCAA6B,EAC9B;;AAED;EACE,yCAA8B,EAC/B;;AAED;EACE,0CAA+B,EAChC;;AN3xCD,eAAe;AAWf,iBAAiB;AQ7XjB;EDsME,iBAAiB,ECpMlB;;AAED;EDsME,gHAEkC;EAClC,0EAE6C,ECzM9C;;AAED;ED0ME,gHAEkC,EC1MnC;;AAED;ED2ME,iHAE8C,EC3M/C;;AAED;ED4ME,kHAE8C,EC5M/C;;AAED;ED6ME,sHAE8C,EC7M/C;;AAED;ED+ME,wHAEgD,EC/MjD;;AAED;EDiNE,yHAEgD,ECjNjD;;AChCD,kBAAA;;AAiBA;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,0BAA0B;IAE1B,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,0BAA0B;IAE1B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,0BAA0B;IAE1B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,0BAA0B;IAE1B,uBAAiB,EAAA,EAAA;;AA0B7B;EACE;;IAGU,2BAAqB,EAAA;EAE/B;IAEU,6BAAqB,EAAA;EAE/B;IAEU,4BAAqB,EAAA;EAE/B;IAEU,4BAAqB,EAAA;EAE/B;IAEU,2BAAqB,EAAA,EAAA;;AAejC;EACE;IACE,WAAW;IAEH,sBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,oBAAgB,EAAA,EAAA;;AAc5B;EACE;IAEU,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,sBAAgB,EAAA,EAAA;;AAc5B;EACE;IACE,WAAW;IAEH,sBAAgB,EAAA;EAE1B;IAEU,oBAAgB,EAAA,EAAA;;AAc5B;EACE;IAEU,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA;EAE1B;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA;EAE1B;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA;EAE1B;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA;EAE1B;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA,EAAA;;AAG5B;EACE;IACE,WAAW;IACX,uBAAgB,EAAA;EAElB;IACE,WAAW;IACX,uBAAgB,EAAA,EAAA;;AAGpB;EACE;IAEE,uBAAgB,EAAA;EAElB;IACE,WAAW;IACX,uBAAgB,EAAA,EAAA;;AAGpB;EACE;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA;EAEnB;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA,EAAA;;AAGrB;EACE;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA;EAEnB;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA,EAAA;;AC5SrB,eAAe;AAWf,iBAAiB;AChYjB;EACE,mBAAmB;EACnB,UAAU;EACV,iBAAiB;EAEjB,wCAAwC;EAExC,2BAA2B;EAE3B,iCAAiC,EAClC;;AACD;EACI,cAAc,EACjB;;AACD;EACI,eAAe,EAClB;;ACZD;EACI,wBAAwB;EACxB,eF8qC0B;EE7qC1B,mBAAmB;EACnB,oBAAoB;EAEpB,2CAA4B;EAC5B,uBFwqCkB;EEvqClB,8BAA8B;EAC9B,mBAAmB,EAmDtB;EA5DD;IAWQ,4BAA4B;IAC5B,6BAA6B;IAC7B,mBAAmB;IACnB,mBF4pCyB;IE3pCzB,qCAAqC,EACxC;EAhBL;IAkBQ,+BAA+B;IAC/B,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,yCAAoC,EACvC;EAxBL;IA0BQ,mBFipCyB;IEhpCzB,0BFmpCwB;IElpCxB,2BFqpCuB;IEppCvB,gCAAgC;IAChC,+BAA+B,EAClC;EA/BL;IAiCQ,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,eAAe,EAIlB;IAzCL;MAuCU,eAAc,EACf;EAxCT;IA2CQ,mBFioCuB;IEhoCvB,mBAAmB,EAetB;IA3DL;MA8CY,mBAAmB;MACnB,YAAY;MACZ,UAAU;MACV,YAAY;MACZ,gBAAgB;MAChB,iBAAiB;MACjB,YAAY;MACZ,mBAAmB;MACnB,gBAAgB,EAInB;MA1DT;QAwDgB,eAAe,EAClB;;AAKb;EACQ,mBFknCuB,EE1mC9B;EATD;IAGQ,0BF4mCwB;IE3mCxB,YAAY,EACf;EALL;IAOQ,kCAAkC,EACrC;;AAML;EACI,mBFomC2B,EE5lC9B;EATD;IAGQ,8BFkmCuB,EEjmC1B;EAJL;IAMQ,2BF+lCuB;IE9lCvB,uBAAuB,EAC1B;;AAEL;EAGI,wBAAwB,EAC3B;;AACD;EACI,eAAe;EACf,aAAa,EAChB;;AACD;EACI,cAAa,EAChB;;AACD;EACI,oBAAoB,EAevB;EAhBD;IAGI,iBAAiB;IACjB,mBAAmB,EAClB;EALL;IAOI,gBAAgB,EACf;EARL;IAUI,iBAAiB;IACjB,gBAAgB,EACf;EAZL;IAcI,2BFikC2B,EEhkC1B;;ACgQL,eAAe;AAWf,iBAAiB;AC1SjB;EAzEE,mBAAmB;EACnB,kBAAkB;EAClB,mBAAoB;EACpB,oBAAmB,EAkFpB;EATC;IAHF;MAII,aD2YiC,ECnYpC,EAAA;EANC;IANF;MAOI,aD6YiC,ECxYpC,EAAA;EAHC;IATF;MAUI,cD+YkC,EC7YrC,EAAA;;AAOD;EA5FE,mBAAmB;EACnB,kBAAkB;EAClB,mBAAoB;EACpB,oBAAmB,EA2FpB;;AAOD;EA3FE,mBAAkB;EAClB,oBAAmB;EACnB,uBAAuB,EAoGxB;EAXD;IAGI,eAAe;IACf,aAAa,EACd;EALH;IAOI,eAAe;IACf,aAAa;IACb,YAAY,EACb;;AAqCH;EACE,mBAAmB;EAEnB,gBAAgB;EAEhB,mBAAmB;EACnB,oBAAoB;EACpB,uBAAuB,EACxB;;AAED;EACE,YAAW,EACZ;;AA/IC;EACE,WAAU,EACX;;AACD;EACE,YAAW,EACZ;;AAEC;EACE,gBAAgB,EACjB;;AACD;EACE,eAAgB,EACjB;;AACD;EACE,gBAAiB,EAClB;;AACD;EACE,sBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,WAAgB,EACjB;;AACD;EACE,UAAgB,EACjB;;AACD;EACE,WAAiB,EAClB;;AACD;EACE,iBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,WAAgB,EACjB;;AACD;EACE,UAAgB,EACjB;;AACD;EACE,WAAiB,EAClB;;AACD;EACE,iBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,WAAgB,EACjB;;AACD;EACE,UAAgB,EACjB;;AACD;EACE,WAAiB,EAClB;;AACD;EACE,iBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,iBAAgB,EACjB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,uBAAsB,EACvB;;AAXD;EACE,YAAgB,EACjB;;AACD;EACE,WAAgB,EACjB;;AACD;EACE,YAAiB,EAClB;;AACD;EACE,kBAAsB,EACvB;;AAqIL;EACE;IACE,YAAW,EACZ;EA1JD;IACE,WAAU,EACX;EACD;IACE,YAAW,EACZ;EAEC;IACE,gBAAgB,EACjB;EACD;IACE,eAAgB,EACjB;EACD;IACE,gBAAiB,EAClB;EACD;IACE,sBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,YAAgB,EACjB;EACD;IACE,WAAgB,EACjB;EACD;IACE,YAAiB,EAClB;EACD;IACE,kBAAsB,EACvB,EAAA;;AAgJL;EACE;IACE,YAAW,EACZ;EACD;IACE,YAAW,EACZ;EAxKD;IACE,WAAU,EACX;EACD;IACE,YAAW,EACZ;EAEC;IACE,gBAAgB,EACjB;EACD;IACE,eAAgB,EACjB;EACD;IACE,gBAAiB,EAClB;EACD;IACE,sBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,YAAgB,EACjB;EACD;IACE,WAAgB,EACjB;EACD;IACE,YAAiB,EAClB;EACD;IACE,kBAAsB,EACvB;EAID;IACE,WAAU,EACX;EACD;IACE,YAAW,EAOZ;EAEC;IACE,gBAAgB,EACjB;EACD;IACE,eAAgB,EACjB;EACD;IACE,gBAAiB,EAClB;EACD;IACE,sBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,YAAgB,EACjB;EACD;IACE,WAAgB,EACjB;EACD;IACE,YAAiB,EAClB;EACD;IACE,kBAAsB,EACvB,EAAA;;AAkIP;EACE;IACE,YAAW,EACZ;EAnLD;IACE,WAAU,EACX;EACD;IACE,YAAW,EACZ;EAEC;IACE,gBAAgB,EACjB;EACD;IACE,eAAgB,EACjB;EACD;IACE,gBAAiB,EAClB;EACD;IACE,sBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,WAAgB,EACjB;EACD;IACE,UAAgB,EACjB;EACD;IACE,WAAiB,EAClB;EACD;IACE,iBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,iBAAgB,EACjB;EACD;IACE,gBAAgB,EACjB;EACD;IACE,iBAAiB,EAClB;EACD;IACE,uBAAsB,EACvB;EAXD;IACE,YAAgB,EACjB;EACD;IACE,WAAgB,EACjB;EACD;IACE,YAAiB,EAClB;EACD;IACE,kBAAsB,EACvB,EAAA;;ACqUL,eAAe;AAWf,iBAAiB;AC1XjB;EACE,6BDoN4B;EClN5B,mChBgN4B;EgB/M5B,mBhB6RsB;EgB5RtB,kBhB0PiC;EgBzPjC,mBAAmB;EACnB,gBhBkRmB;EgBjRnB,kBhBmR8B;EgBlR9B,sBAAsB;ECZpB,qGjB0B+F;EiBuJjG,gBAAa;EACb,iBAAiB;EAEjB,eAAe;EACf,kBAAkB;EDvKlB,iBAAiB;EACjB,mCAAmC;EACnC,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,qBDgR4B;EC/Q5B,uBAAuB,EA8BxB;EAhDD;IAoBI,UAAU,EACX;EArBH;IAwBI,mCDoMwB;ICnMxB,+BhB4BkB,EgB3BnB;EA1BH;IA6BI,mCDgMyB;IC/LzB,+BhBqBkB,EgBpBnB;EA/BH;IAkCI,wBhB+GoB,EgBzGrB;IAxCH;MAqCM,mCDyLsB;MCxLtB,+BhBagB,EgBZjB;EAvCL;IA0CI,yBAAyB;IACzB,0BAAa;IACb,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EACd;;AAGH;EACE,yBAAwB,EACzB;;AAGD;EACE,mBAAmB;EACnB,gBhB6OuB;EgB5OvB,ahB0OkB;EgBzOlB,aAAa;EACb,gBhBwOkB;EgBvOlB,YhBuOkB;EgBtOlB,WAAW;EACX,oBAAoB;EACpB,qChBR+B,EgB2BhC;EA5BD;IAYI,2BhB2M0B;IgB1M1B,wBhB6M+B;IgBhM/B,6BhBiMiC,EgBhMlC;IA3BH;MAgBM,mChBwM8B,EgBvM/B;IAjBL;MAoBM,iChBqM+B,EgBpMhC;IArBL;MAwBM,iChBiM+B,EgBhMhC;;AAKL;EACI,oBAAoB;EACpB,aAAa;EACb,0BAAa;EACb,iBAAiB,EACpB;;AAED;EACI,YAAY;EACZ,uBAAuB;EACvB,mBAAmB,EAKtB;EARD;IAKQ,0BAA0B;IAC1B,sBAAsB,EACzB;;AAGL;EACE,kBhBwJiC;EgBvJjC,qChBhD+B;EgBiD/B,6BDgH8B,EC9F/B;EArBD;IAKI,kBhBoJ+B;IgBnJ/B,mCDgHwB;IC/GxB,iChBrD6B,EgBsD9B;EARH;IAWI,kBhB8I+B;IgB7I/B,mCD2GyB;IC1GzB,iChB3D6B,EgB4D9B;EAdH;IAiBI,kBhBwI+B;IgBvI/B,mCDsGwB;ICrGxB,iChBjE6B,EgBkE9B;;AAGH;ECkNQ,wBjBrF2B;EiBsF3B,mCjB/LgB;EiBgMhB,mCAA2B,ED/MlC;EALD;ICuNQ,kCjBlMqB;IiBmMrB,8BjBnMqB,EiBoMxB;EDzNL;IC4NQ,kCjBtMsB;IiBuMtB,8BjBvMsB,EiBwMzB;;ADxNL;EC4MQ,kBjBlF0B;EiBmF1B,mCjB3LkB;EiB4LlB,mCAA2B,EDzMlC;EALD;ICiNQ,mCjB9LuB;IiB+LvB,+BjB/LuB,EiBgM1B;EDnNL;ICsNQ,mCjBlMwB;IiBmMxB,+BjBnMwB,EiBoM3B;;ADlNL;ECsMQ,wBjBrF2B;EiBsF3B,iCjBtKe;EiBuKf,iCAA2B,EDnMlC;EALD;IC2MQ,mCjBzKoB;IiB0KpB,+BjB1KoB,EiB2KvB;ED7ML;ICgNQ,iCjB7KqB;IiB8KrB,6BjB9KqB,EiB+KxB;;AD5ML;ECgMQ,wBjBrF2B;EiBsF3B,iCjBnLY;EiBoLZ,iCAA2B,ED7LlC;EALD;ICqMQ,kCjBtLkB;IiBuLlB,8BjBvLkB,EiBwLrB;EDvML;IC0MQ,iCjB1LmB;IiB2LnB,6BjB3LmB,EiB4LtB;;ADtML;EC0LQ,wBjBrF2B;EiBsF3B,iCjB/Ke;EiBgLf,iCAA2B,EDvLlC;EALD;IC+LQ,kCjBlLqB;IiBmLrB,8BjBnLqB,EiBoLxB;EDjML;ICoMQ,iCjBtLsB;IiBuLtB,6BjBvLsB,EiBwLzB;;ADhML;ECoLQ,wBjBrF2B;EiBsF3B,iCjBvLe;EiBwLf,iCAA2B,EDjLlC;EALD;ICyLQ,mCjB1LqB;IiB2LrB,+BjB3LqB,EiB4LxB;ED3LL;IC8LQ,iCjB9LsB;IiB+LtB,6BjB/LsB,EiBgMzB;;AD1LL;EC8KQ,wBjBrF2B;EiBsF3B,gCjBhSc;EiBiSd,gCAA2B,ED3KlC;EALD;ICmLQ,mCjBnSc;IiBoSd,+BjBpSc,EiBqSjB;EDrLL;ICwLQ,gCjB1Sc;IiB2Sd,4BjB3Sc,EiB4SjB;;ADpLL;ECwKQ,qBjB/Rc;EiBgSd,mCjB9Jc;EiB+Jd,mCAA2B,EDrKlC;EALD;IC6KQ,mCjBjKmB;IiBkKnB,+BjBlKmB,EiBmKtB;ED/KL;ICkLQ,mCjBrKoB;IiBsKpB,+BjBtKoB,EiBuKvB;;AD7KL;ECyII,sBjB9JmB;EiB+JnB,uBAAuB;EACvB,iCAA2B,EDzI9B;EAFD;IC8II,mCjBlKyB;IiBmKzB,+BjBnKyB;IiBoKzB,YAAW,EACV;EDjJL;ICoJQ,YAAW;IACX,iCjBxKsB;IiByKtB,6BjBzKsB,EiB0KzB;;ADpJL;ECsII,sBjBtJmB;EiBuJnB,uBAAuB;EACvB,iCAA2B,EDtI9B;EAFD;IC2II,kCjB1JyB;IiB2JzB,8BjB3JyB;IiB4JzB,YAAW,EACV;ED9IL;ICiJQ,YAAW;IACX,iCjBhKsB;IiBiKtB,6BjBjKsB,EiBkKzB;;ADjJL;ECmII,sBjB7ImB;EiB8InB,uBAAuB;EACvB,iCAA2B,EDnI9B;EAFD;ICwII,mCjBjJwB;IiBkJxB,+BjBlJwB;IiBmJxB,YAAW,EACV;ED3IL;IC8IQ,YAAW;IACX,iCjBvJqB;IiBwJrB,6BjBxJqB,EiByJxB;;AD9IL;ECgII,sBjB1JgB;EiB2JhB,uBAAuB;EACvB,iCAA2B,EDhI9B;EAFD;ICqII,kCjB9JsB;IiB+JtB,8BjB/JsB;IiBgKtB,YAAW,EACV;EDxIL;IC2IQ,YAAW;IACX,iCjBpKmB;IiBqKnB,6BjBrKmB,EiBsKtB;;AD1IL;EC4HI,wBjBtKoB;EiBuKpB,uBAAuB;EACvB,mCAA2B,ED5H9B;EAFD;ICiII,kCjB1KyB;IiB2KzB,8BjB3KyB;IiB4KzB,YAAW,EACV;EDpIL;ICuIQ,YAAW;IACX,kCjBhLsB;IiBiLtB,8BjBjLsB,EiBkLzB;;ADvIL;ECyHI,wBjBlKsB;EiBmKtB,uBAAuB;EACvB,mCAA2B,EDzH9B;EAFD;IC8HI,mCjBtK2B;IiBuK3B,+BjBvK2B;IiBwK3B,YAAW,EACV;EDjIL;ICoIQ,YAAW;IACX,mCjB5KwB;IiB6KxB,+BjB7KwB,EiB8K3B;;ADpIL;ECsHI,qBjBvQkB;EiBwQlB,uBAAuB;EACvB,gCAA2B,EDtH9B;EAFD;IC2HI,mCjB3QkB;IiB4QlB,+BjB5QkB;IiB6QlB,YAAW,EACV;ED9HL;ICiIQ,YAAW;IACX,gCjBpRc;IiBqRd,4BjBrRc,EiBsRjB;;ADjIL;ECmHI,qBjBvQkB;EiBwQlB,uBAAuB;EACvB,mCAA2B,EDnH9B;EAFD;ICwHI,mCjBzIuB;IiB0IvB,+BjB1IuB;IiB2IvB,YAAW,EACV;ED3HL;IC8HQ,YAAW;IACX,mCjB/IoB;IiBgJpB,+BjBhJoB,EiBiJvB;;AD7HL;EACI,mBAAmB;EACnB,gBhB4FqB;EgB3FrB,ahB6FiB;EgB5FjB,aAAa;EACb,gBhB2FiB;EgB1FjB,YhB0FiB;EgBzFjB,WAAW;EACX,oBAAoB;EACpB,qChBzJ6B,EgB0JhC;;AAGD;EC2IE,kBF/CuB;EEgDvB,gBF/Ce,EC3FhB;;AAED;ECuIE,qBFzCuB;EE0CvB,gBFzCe,EC5FhB;;AAED;ECkIE,kBDpWwB;ECqWxB,gBDpWiB,EAmOlB;;AAED;EC8HE,iBFnCsB;EEoCtB,gBFnCe,EC1FhB;;AAED;EACE,iBAAiB,EAClB;;AAID;EACE,sBAAsB,EACvB;;AAGD;EACE,oBAAoB;EACpB,eAAe;EACf,YAAY,EACb;;AAGD;EACE,+BAA+B,EAChC;;AAED;EACE,+BAA+B,EAChC;;AEpQD;EACE,mBAAmB;EACnB,UAAU;EACV,iBAAiB;EAEjB,wCAAwC;EAExC,2BAA2B;EAE3B,iCAAiC,EAClC;;AACD;EACI,cAAc,EACjB;;AACD;EACI,eAAe,EAClB;;ACqWD,eAAe;AAWf,iBAAiB;AC9XjB;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,cDsFoB;ECrFpB,cAAc;EACd,iBDytCwB;ECxtCxB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,uBAAuB;EACvB,iBAAiB;EACjB,wBAAwB;EACxB,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,uBAAuB;EACvB,6BAA6B;EAC7B,qCpBoC6B;EoBnC7B,mBAAmB;EACnB,0CAA2B,EAM9B;EAhCD;IA6BQ,gCpBsBc;IoBrBd,YAAY,EACf;;AAGL;EACI,kBDgsCoB,EC/rCvB;;AAED;EACI,mBD4rCoB,EC3rCvB;;AAED;EACI,kBDwrCoB,ECvrCvB;;AAED;EACI,iBDorCoB,ECnrCvB;;AAED;EACI,SAAS;EACT,YAAY;EACZ,kBAAkB;EAClB,qBAAqB;EACrB,uCpBK6B,EoBJhC;;AAED;EACI,SAAS;EACT,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,sCpBH6B,EoBIhC;;AAED;EACI,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,qCpBV6B;EoBW7B,cAAc,EACjB;;AAED;EACI,UAAU;EACV,mBAAmB;EACnB,oBAAoB;EACpB,wCpBlB6B;EoBmB7B,WAAW,EACd;;AAED;EACI,mBDmpCyB,EClpC5B;;AAED;EACI,mBAAmB;EACnB,eAAe;EACf,SAAS;EACT,UAAU;EACV,0BAA0B;EAC1B,oBAAoB,EACvB;;AAGD;EACI,mBDqoCyB;ECpoCzB,YAAY,EACf;;AAED;EACI,aAAa;EACb,UAAU;EACV,cAAc;EACd,qBAAqB;EACrB,yBDioCmC,EChoCtC;;AAED;EACI,aAAa;EACb,WAAW;EACX,sBAAsB;EACtB,wBD0nCmC;ECznCnC,cAAc,EACjB;;AAED;EACI,aAAa;EACb,YAAY;EACZ,mBAAmB;EACnB,uBAAuB;EACvB,uBDinCmC,EChnCtC;;AAED;EACI,aAAa;EACb,SAAS;EACT,mBAAmB;EACnB,oBAAoB;EACpB,0BDymCmC,ECxmCtC;;AAGD;EACI,kCpBpFkB,EoBqFrB;;AAED;EACI,iCpBxFkB,EoByFrB;;AAED;EACI,gCpB5FkB,EoB6FrB;;AAED;EACI,mCpBhGkB,EoBiGrB;;AAGD;EACI,cAAc,EACjB;;AACD;EACI,mBAAmB,EAItB;EALD;IAGQ,mBAAmB,EACtB;;AAGL;EACI,aAAa,EAChB;;ACsKD,eAAe;AAWf,iBAAiB;ACnVjB;EACI,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;EAChB,YAAY;EACZ,aD6R8B;EC5R9B,aAAa;EACb,gBDwRiC;ECvRjC,iBAAiB;EACjB,eD4RwB;EC3RxB,uBD4RwB;EC3RxB,uBAAuB;EACvB,0BD2R+B;EC1R/B,mBDiR4B;EChR5B,oBAAoB,EAMvB;EApBD;IAgBK,sBAAsB;IACtB,WAAW,EACX;EAlBL;IAmB8B,cAAa,EAAG;;AAE9C;EACI,iBDkRgC;ECjRhC,sBDmRuC;EClRvC,eDiRgC;EChRhC,oBAAoB,EACvB;;AACD;EACI,aDuQyB;ECtQzB,gBDmQ4B,EClQ/B;;AACD;EACI,gBDiQ4B;EChQ5B,aDmQyB,EClQ5B;;AACD;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,aAAa;EACb,aAAa;EACb,YAAY,EAqBf;EA3BD;IAQQ,YAAY;IACZ,mBAAmB;IACnB,SAAS;IACT,WAAW;IACX,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,sBAAsB,EASzB;IA1BL;MAmBY,oBAAoB;MACpB,gBAAgB;MAChB,YAAY,EAIf;MAzBT;QAuBgB,iBAAiB,EACpB;;AAOb;EACI,mBAAmB;EACnB,sBAAsB;EACtB,YAAY,EAYf;EAfD;IAKQ,mBAAmB;IACnB,SAAS;IAGT,4BAAqB;IACrB,WAAW;IACX,eAAe;IACf,WAAW;IACX,2BAAW,EACd;;ACkSL,eAAe;AAWf,iBAAiB;ARXjB,eAAe;AAWf,iBAAiB;AC1XjB;EACE,6BDoN4B;EClN5B,mChBgN4B;EgB/M5B,mBhB6RsB;EgB5RtB,kBhB0PiC;EgBzPjC,mBAAmB;EACnB,gBhBkRmB;EgBjRnB,kBhBmR8B;EgBlR9B,sBAAsB;ECZpB,qGjB0B+F;EiBuJjG,gBAAa;EACb,iBAAiB;EAEjB,eAAe;EACf,kBAAkB;EDvKlB,iBAAiB;EACjB,mCAAmC;EACnC,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,qBDgR4B;EC/Q5B,uBAAuB,EA8BxB;EAhDD;IAoBI,UAAU,EACX;EArBH;IAwBI,mCDoMwB;ICnMxB,+BhB4BkB,EgB3BnB;EA1BH;IA6BI,mCDgMyB;IC/LzB,+BhBqBkB,EgBpBnB;EA/BH;IAkCI,wBhB+GoB,EgBzGrB;IAxCH;MAqCM,mCDyLsB;MCxLtB,+BhBagB,EgBZjB;EAvCL;IA0CI,yBAAyB;IACzB,0BAAa;IACb,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EACd;;AAGH;EACE,yBAAwB,EACzB;;AAGD;EACE,mBAAmB;EACnB,gBhB6OuB;EgB5OvB,ahB0OkB;EgBzOlB,aAAa;EACb,gBhBwOkB;EgBvOlB,YhBuOkB;EgBtOlB,WAAW;EACX,oBAAoB;EACpB,mChBZqB,EgB+BtB;EA5BD;IAYI,2BhB2M0B;IgB1M1B,wBhB6M+B;IgBhM/B,6BhBiMiC,EgBhMlC;IA3BH;MAgBM,mChBwM8B,EgBvM/B;IAjBL;MAoBM,iChBqM+B,EgBpMhC;IArBL;MAwBM,iChBiM+B,EgBhMhC;;AAKL;EACI,oBAAoB;EACpB,aAAa;EACb,0BAAa;EACb,iBAAiB,EACpB;;AAED;EACI,YAAY;EACZ,uBAAuB;EACvB,mBAAmB,EAKtB;EARD;IAKQ,0BAA0B;IAC1B,sBAAsB,EACzB;;AAGL;EACE,kBhBwJiC;EgBvJjC,mChBpDqB;EgBqDrB,6BDgH8B,EC9F/B;EArBD;IAKI,kBhBoJ+B;IgBnJ/B,mCDgHwB;IC/GxB,+BhBzDmB,EgB0DpB;EARH;IAWI,kBhB8I+B;IgB7I/B,mCD2GyB;IC1GzB,+BhB/DmB,EgBgEpB;EAdH;IAiBI,kBhBwI+B;IgBvI/B,mCDsGwB;ICrGxB,+BhBrEmB,EgBsEpB;;AAGH;ECkNQ,wBjBrF2B;EiBsF3B,mCjB/LgB;EiBgMhB,mCAA2B,ED/MlC;EALD;ICuNQ,kCjBlMqB;IiBmMrB,8BjBnMqB,EiBoMxB;EDzNL;IC4NQ,kCjBtMsB;IiBuMtB,8BjBvMsB,EiBwMzB;;ADxNL;EC4MQ,kBjBlF0B;EiBmF1B,mCjB3LkB;EiB4LlB,mCAA2B,EDzMlC;EALD;ICiNQ,mCjB9LuB;IiB+LvB,+BjB/LuB,EiBgM1B;EDnNL;ICsNQ,mCjBlMwB;IiBmMxB,+BjBnMwB,EiBoM3B;;ADlNL;ECsMQ,wBjBrF2B;EiBsF3B,iCjBtKe;EiBuKf,iCAA2B,EDnMlC;EALD;IC2MQ,mCjBzKoB;IiB0KpB,+BjB1KoB,EiB2KvB;ED7ML;ICgNQ,iCjB7KqB;IiB8KrB,6BjB9KqB,EiB+KxB;;AD5ML;ECgMQ,wBjBrF2B;EiBsF3B,iCjBnLY;EiBoLZ,iCAA2B,ED7LlC;EALD;ICqMQ,kCjBtLkB;IiBuLlB,8BjBvLkB,EiBwLrB;EDvML;IC0MQ,iCjB1LmB;IiB2LnB,6BjB3LmB,EiB4LtB;;ADtML;EC0LQ,wBjBrF2B;EiBsF3B,iCjB/Ke;EiBgLf,iCAA2B,EDvLlC;EALD;IC+LQ,kCjBlLqB;IiBmLrB,8BjBnLqB,EiBoLxB;EDjML;ICoMQ,iCjBtLsB;IiBuLtB,6BjBvLsB,EiBwLzB;;ADhML;ECoLQ,wBjBrF2B;EiBsF3B,iCjBvLe;EiBwLf,iCAA2B,EDjLlC;EALD;ICyLQ,mCjB1LqB;IiB2LrB,+BjB3LqB,EiB4LxB;ED3LL;IC8LQ,iCjB9LsB;IiB+LtB,6BjB/LsB,EiBgMzB;;AD1LL;EC8KQ,wBjBrF2B;EiBsF3B,gCjBhSc;EiBiSd,gCAA2B,ED3KlC;EALD;ICmLQ,mCjBnSc;IiBoSd,+BjBpSc,EiBqSjB;EDrLL;ICwLQ,gCjB1Sc;IiB2Sd,4BjB3Sc,EiB4SjB;;ADpLL;ECwKQ,qBjB/Rc;EiBgSd,mCjB9Jc;EiB+Jd,mCAA2B,EDrKlC;EALD;IC6KQ,mCjBjKmB;IiBkKnB,+BjBlKmB,EiBmKtB;ED/KL;ICkLQ,mCjBrKoB;IiBsKpB,+BjBtKoB,EiBuKvB;;AD7KL;ECyII,sBjB9JmB;EiB+JnB,uBAAuB;EACvB,iCAA2B,EDzI9B;EAFD;IC8II,mCjBlKyB;IiBmKzB,+BjBnKyB;IiBoKzB,YAAW,EACV;EDjJL;ICoJQ,YAAW;IACX,iCjBxKsB;IiByKtB,6BjBzKsB,EiB0KzB;;ADpJL;ECsII,sBjBtJmB;EiBuJnB,uBAAuB;EACvB,iCAA2B,EDtI9B;EAFD;IC2II,kCjB1JyB;IiB2JzB,8BjB3JyB;IiB4JzB,YAAW,EACV;ED9IL;ICiJQ,YAAW;IACX,iCjBhKsB;IiBiKtB,6BjBjKsB,EiBkKzB;;ADjJL;ECmII,sBjB7ImB;EiB8InB,uBAAuB;EACvB,iCAA2B,EDnI9B;EAFD;ICwII,mCjBjJwB;IiBkJxB,+BjBlJwB;IiBmJxB,YAAW,EACV;ED3IL;IC8IQ,YAAW;IACX,iCjBvJqB;IiBwJrB,6BjBxJqB,EiByJxB;;AD9IL;ECgII,sBjB1JgB;EiB2JhB,uBAAuB;EACvB,iCAA2B,EDhI9B;EAFD;ICqII,kCjB9JsB;IiB+JtB,8BjB/JsB;IiBgKtB,YAAW,EACV;EDxIL;IC2IQ,YAAW;IACX,iCjBpKmB;IiBqKnB,6BjBrKmB,EiBsKtB;;AD1IL;EC4HI,wBjBtKoB;EiBuKpB,uBAAuB;EACvB,mCAA2B,ED5H9B;EAFD;ICiII,kCjB1KyB;IiB2KzB,8BjB3KyB;IiB4KzB,YAAW,EACV;EDpIL;ICuIQ,YAAW;IACX,kCjBhLsB;IiBiLtB,8BjBjLsB,EiBkLzB;;ADvIL;ECyHI,wBjBlKsB;EiBmKtB,uBAAuB;EACvB,mCAA2B,EDzH9B;EAFD;IC8HI,mCjBtK2B;IiBuK3B,+BjBvK2B;IiBwK3B,YAAW,EACV;EDjIL;ICoIQ,YAAW;IACX,mCjB5KwB;IiB6KxB,+BjB7KwB,EiB8K3B;;ADpIL;ECsHI,qBjBvQkB;EiBwQlB,uBAAuB;EACvB,gCAA2B,EDtH9B;EAFD;IC2HI,mCjB3QkB;IiB4QlB,+BjB5QkB;IiB6QlB,YAAW,EACV;ED9HL;ICiIQ,YAAW;IACX,gCjBpRc;IiBqRd,4BjBrRc,EiBsRjB;;ADjIL;ECmHI,qBjBvQkB;EiBwQlB,uBAAuB;EACvB,mCAA2B,EDnH9B;EAFD;ICwHI,mCjBzIuB;IiB0IvB,+BjB1IuB;IiB2IvB,YAAW,EACV;ED3HL;IC8HQ,YAAW;IACX,mCjB/IoB;IiBgJpB,+BjBhJoB,EiBiJvB;;AD7HL;EACI,mBAAmB;EACnB,gBhB4FqB;EgB3FrB,ahB6FiB;EgB5FjB,aAAa;EACb,gBhB2FiB;EgB1FjB,YhB0FiB;EgBzFjB,WAAW;EACX,oBAAoB;EACpB,mChB7JmB,EgB8JtB;;AAGD;EC2IE,kBF/CuB;EEgDvB,gBF/Ce,EC3FhB;;AAED;ECuIE,qBFzCuB;EE0CvB,gBFzCe,EC5FhB;;AAED;ECkIE,kBDpWwB;ECqWxB,gBDpWiB,EAmOlB;;AAED;EC8HE,iBFnCsB;EEoCtB,gBFnCe,EC1FhB;;AAED;EACE,iBAAiB,EAClB;;AAID;EACE,sBAAsB,EACvB;;AAGD;EACE,oBAAoB;EACpB,eAAe;EACf,YAAY,EACb;;AAGD;EACE,+BAA+B,EAChC;;AAED;EACE,+BAA+B,EAChC;;AQlQD;EACE,gBAAgB;EAChB,mBAAmB,EA+MpB;EAjND;IAII,YAAY;IACZ,YAAY,EAoGb;IAzGH;MAOM,YAAY;MACZ,eAAe;MACf,YAAY,EACb;IAVL;MAYM,iBAAiB;MACjB,wBAAwB,EACzB;IAdL;MAiBM,sBAAsB;MACtB,sBAAsB;MACtB,8BT63BmB;MS53BnB,iCT43BmB;MS33BnB,+BT23BmB;MS13BnB,8BAA8B;MAC9B,mBAAmB;MACnB,eTs3Ba;MSr3Bb,kBAAkB;MAClB,wBAAwB,EACzB;IA3BL;MA6BQ,mBAAmB,EACtB;IA9BL;MAgCM,eAAe;MACf,4BAA4B;MAC5B,+BAA+B,EAChC;IAnCL;MAqCM,6BAA6B;MAC7B,gCAAgC,EACjC;IAvCL;MAyCM,6BAA6B;MAC7B,gCAAgC;MAChC,gCAAgC,EACjC;IA5CL;MA8CM,YAAY;MACZ,sBAAsB,EAUvB;MAzDL;QAiDQ,YTg2Bc;QS/1Bd,4CTg2BgB;QS/1BhB,sBTg2BuB;QS/1BvB,gBAAgB,EACjB;MArDP;QAuDQ,eAAe,EAChB;IAxDP;MA4DQ,WAAW;MACX,YTu1Be;MSt1Bf,gBAAgB;MAChB,0BTs1BoB;MSr1BpB,sBTs1BwB,ESr1BzB;IAjEP;MAqEQ,YTk1BiB;MSj1BjB,oBAAoB;MACpB,8BAA8B;MAC9B,mBTi1BuB,ESh1BxB;IAzEP;MA2EQ,eAAe,EAChB;IA5EP;MA+EM,8BAA8B;MAC9B,+BAA+B;MAC/B,4BAA4B;MAC5B,kBAAkB;MAClB,wBAAwB,EACzB;IApFL;MAuFQ,8BAA8B,EAC/B;IAxFP;MA2FM,uBAAuB;MACvB,4BAA4B;MAC5B,+BAA+B,EAChC;IA9FL;MAgGM,wBAAwB,EACzB;IAjGL;MAmGM,aAAa;MACb,gBAAgB,EACjB;IArGL;MAuGM,gCAAgC,EACjC;EAxGL;IA4GI,aAAa;IACb,cAAc;IACd,uBAAuB,EACxB;EA/GH;IAiHI,qBAAc;IAAd,cAAc;IACd,wBAAoB;IAApB,oBAAoB;IACpB,uBAAoB;IAApB,oBAAoB;IACpB,sBAAkB;IAAlB,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IAEf,sBAAwB;IAAxB,wBAAwB,EACzB;EAzHH;IA2HI,YAAY,EACb;EA5HH;IA8HI,YAAY;IACZ,YAAY;IACZ,iBAAiB,EAkBlB;IAlJH;MAkIM,sBAAsB;MACtB,kBAAkB;MAClB,YAAY,EACb;IArIL;MAuIM,YAAY;MACZ,cAAc;MACd,aAAa;MACb,YAAY,EAOb;MAjJL;QA4IQ,aAAa,EAId;QAhJP;UA8IU,kBAAkB,EACnB;EA/IT;IAoJI,cAAc;IACd,yBAAyB;IACzB,aAAa;IACb,iBAAiB;IACjB,sBAAsB;IACtB,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,gBAAgB;IAChB,cAAc,EACf;EA/JH;IAiKI,YAAY;IACZ,YAAY,EAMb;IAxKH;MAoKM,sBAAsB;MACtB,kBAAkB;MAClB,YAAY,EACb;EAvKL;IA0KI,cAAc;IACd,yBAAyB;IACzB,iBAAiB;IACjB,mBAAmB;IACnB,YAAY;IACZ,mBAAmB;IACnB,0BAA0B,EAE3B;EAlLH;;IAqLI,cAAc;IACd,WAAW;IACX,aAAa;IACb,kBAAkB;IAClB,uBAAuB;IACvB,YAAY,EACb;EA3LH;IA6LI,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,YAAY,EAIb;IApMH;MAkMM,eAAc,EACf;EAnML;IAuMM,mBAAmB;IACnB,QAAQ;IACR,OAAO;IACP,YAAY;IACZ,aAAa;IACb,qCAAgB;IAChB,WAAW;IACX,oBAAoB,EACrB;;AAIL;EACE,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,gBAAgB;EAChB,YTwrBoB;ESvrBpB,kBAAkB,EAiCnB;EAxCD;IASI,cAAc;IACd,YAAY;IACZ,uBAAuB;IACvB,kBAAkB;IAClB,aAAa;IACb,kBAAkB;IAClB,eAAe,EAChB;EAhBH;IAkBI,cAAc;IACd,YAAY;IACZ,uBAAuB;IACvB,kBAAkB;IAClB,aAAa;IACb,kBAAkB;IAClB,eAAe,EAChB;EAzBH;IA2BI,eAAe;IACf,YAAY;IACZ,kBAAkB;IAClB,uBAAuB;IACvB,wBAAwB;IACxB,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,aAAa,EACd;EApCH;IAsCI,uBAAuB,EACxB;;APoJG;EACA,kBFyf0C;EExf1C,gBFsf0C;EErf1C,qBF8gB+B,EE7gBhC;;AAEG;EA/FN,+BFgpB6B;EE/oB1B,4BF+oB0B,EE/iBxB;;AAGC;EA5GN,gCFwpB6B;EEvpB1B,6BFupB0B,EE1iBxB;;AAIC;EACA,mBFwewC;EEvexC,gBFqewC;EEpexC,qBF6f6B,EE5f9B;;AArBD;EACA,iBF6fyC;EE5fzC,gBF0f0C;EEzf1C,iBF+gByB,EE9gB1B;;AAEG;EA/FN,+BFipB6B;EEhpB1B,4BFgpB0B,EEhjBxB;;AAGC;EA5GN,gCFypB6B;EExpB1B,6BFwpB0B,EE3iBxB;;AAIC;EACA,iBF4euC;EE3evC,gBFyewC;EExexC,iBF8fuB,EE7fxB;;AO9JP;EAEI,oBAAoB,EAIrB;EANH;IAIM,gBAAgB,EACjB;;AAGL;EAEI,mBAAmB,EACpB;;AAGH;EAEI,aAAa,EACd;;AAHH;EAKI,aAAa,EACd;;AAIH;;EAEE,mBAAmB,EACpB;;AAED;EAGM,cAAc;EACd,mBAAmB;EACnB,0BAA0B,EAK3B;EAVL;IAOQ,8BAA8B;IAC9B,sBTylB4B,ESxlB7B;;AATP;EAcQ,mBAAmB,EACpB;;AAfP;EAoBM,wBAAwB,EACzB;;AC4DL,eAAe;AAWf,iBAAiB;AC9XjB;EACC,sBAAsB;EACtB,mBAAmB;EACnB,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;EACjB,gBAAgB;EAChB,cAAc;EACd,mBAAmB;EACnB,eAAe;EACf,uBAAuB,EAwE1B;EApFD;IAcE,oBAAoB;IACpB,aAAa,EACb;EAhBF;IAkBE,mBAAmB;IACnB,WAAW;IACX,gBAAgB;IAChB,WAAW;IACX,uBAAuB;IACvB,WAAW;IACX,YAAY;IACT,aAAa,EAChB;EA1BF;IA4BE,oBAAoB,EACpB;EA7BF;IA+BK,+B1B+hBmB,E0B9hBtB;EAhCF;IAqCM,8C1ByhBkB;I0BxhBlB,+B1BwhBkB,E0BvhBrB;EAvCH;IAyCG,YAAY;IACZ,iBAAiB;IACd,kBAAkB;IAClB,gBAAgB,EACnB;EA7CH;IAgDE,gBAAgB;IACb,sBAAsB;IAEtB,mBAAmB,EAgCtB;IAnFF;MAuDM,mBAAmB;MACnB,kBAAkB;MAClB,uBAAuB;MAIvB,iCAAiC;MACjC,YAAY;MACZ,kBAAkB;MAClB,sBAAsB;MACtB,YAAY;MACZ,aAAa;MACb,QAAQ;MACX,OAAO;MACJ,mBAAmB;MACnB,mBAAmB,EACtB;IAvEH;MAyEG,YAAY;MACT,kBAAkB;MAClB,sBAAsB;MACtB,YAAY;MACZ,aAAa;MACb,QAAQ;MACR,OAAO;MACP,mBAAmB;MACnB,mBAAmB,EACtB;;AAGH;EACI,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB,EACnB;;AAED;EACI,8C1BieoB;E0BhepB,+B1BgeoB,E0B/dvB;;AAKD;EAKM,4C1BoDiB;E0BnDjB,6B1BmDiB,E0BlDpB;;AAPH;EAUK,6B1B+CkB,E0B9CrB;;AAKF;EAKM,4C1B4CiB;E0B3CjB,6B1B2CiB,E0B1CpB;;AAPH;EAUK,6B1BuCkB,E0BtCrB;;AAKF;EAKM,4C1BqCiB;E0BpCjB,6B1BoCiB,E0BnCpB;;AAPH;EAUK,6B1BgCkB,E0B/BrB;;AAKF;EAKM,2C1BrGgB;E0BsGhB,4B1BtGgB,E0BuGnB;;AAPH;EAUK,4B1B1GiB,E0B2GpB;;AAKF;EAKM,4C1BRc;E0BSd,6B1BTc,E0BUjB;;AAPH;EAUK,6B1Bbe,E0BclB;;ACoMF,eAAe;AAWf,iBAAiB;ACjYjB,kBAAA;;AAiBA;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,uBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,0BAA0B;IAE1B,uBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,0BAA0B;IAE1B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,0BAA0B;IAE1B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,0BAA0B;IAE1B,uBAAiB,EAAA,EAAA;;AA0B7B;EACE;;IAGU,2BAAqB,EAAA;EAE/B;IAEU,6BAAqB,EAAA;EAE/B;IAEU,4BAAqB,EAAA;EAE/B;IAEU,4BAAqB,EAAA;EAE/B;IAEU,2BAAqB,EAAA,EAAA;;AAejC;EACE;IACE,WAAW;IAEH,sBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,oBAAgB,EAAA,EAAA;;AAc5B;EACE;IAEU,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,sBAAgB,EAAA,EAAA;;AAc5B;EACE;IACE,WAAW;IAEH,sBAAgB,EAAA;EAE1B;IAEU,oBAAgB,EAAA,EAAA;;AAc5B;EACE;IAEU,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA;EAE1B;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA;EAE1B;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,yBAAyB;IAEzB,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,yBAAyB;IAEzB,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA;EAE1B;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA,EAAA;;AAkB5B;EACE;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA;EAE1B;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA,EAAA;;AAkB5B;EACE;IAEU,2BAA2B;IAE3B,oBAAgB,EAAA;EAE1B;IACE,WAAW;IAEH,2BAA2B;IAE3B,sBAAgB,EAAA,EAAA;;AAG5B;EACE;IACE,WAAW;IACX,uBAAgB,EAAA;EAElB;IACE,WAAW;IACX,uBAAgB,EAAA,EAAA;;AAGpB;EACE;IAEE,uBAAgB,EAAA;EAElB;IACE,WAAW;IACX,uBAAgB,EAAA,EAAA;;AAGpB;EACE;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA;EAEnB;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA,EAAA;;AAGrB;EACE;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA;EAEnB;IACE,WAAW;IACX,wBAAwB;IACxB,qBAAiB,EAAA,EAAA;;AC/pBrB;EACI,UAAU;EACV,WAAW;EACX,iBAAiB,EAClB;;AACD;EACI,uBAAuB;EACvB,sBAAsB;EACtB,mBAAmB;EACnB,YFyuCa;EExuCb,YAAY;EACZ,gBFwuCiB,EE1qCpB;EApED;IASQ,aAAa,EAChB;EAVL;IAYM,gBFkuCe,EEjuChB;EAbL;IAeM,cAAc,EACf;EAhBL;IAkBQ,mBAAmB;IACnB,yBAAyB;IACzB,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,mCAAmC;IACnC,oCAAoC;IACpC,mCAAmC;IACnC,mBAAmB;IACnB,SAAS;IACT,WAAW;IACX,eAAe;IACf,iBAAiB;IACjB,sBAAsB;IACtB,gBF8sCa;IE7sCb,kBAAkB;IAGV,oCAA6B;IACrC,aAAa;IACb,+GAA+G;IAC/G,QAAQ,EAUX;IAjDL;MAyCU,eAAe;MACf,kBAAkB;MAClB,iBAAiB;MAGjB,gCAAgC,EAEjC;EAhDT;IAmDQ,cAAc;IACd,0BAA0B;IACvB,uBAAuB;IACtB,sBAAsB;IAClB,kBAAkB;IAC1B,uBAAuB;IACvB,eAAe;IACf,uBFgrCY;IE/qCZ,mBFirCgB;IEhrChB,0BF+qCmB;IE7qCnB,0DAAiC,EAIpC;IAlEL;MAgEU,sBAAsB,EACvB;;AAIT;EACE,WAAW;EACX,uBAAuB,EACxB;;AAMD;;;EAGE,sBAAsB;EACtB,WAAW;EACX,iBAAiB,EAClB;;AACD;EACE,sBAAsB;EACtB,mBAAmB;EACnB,yBAAyB;EACzB,mBAAmB;EACnB,qBAAqB;EACrB,qBAAqB;EACrB,WAAW;EACX,mBAAmB;EACnB,WAAW;EACX,WAAW;EACX,iBAAiB;EACjB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAEhB,gDAAgD,EACjD;;AACD;EACE,eAAe;EACf,kBAAkB;EAClB,mCAAmC;EACnC,oCAAoC;EACpC,mCAAmC;EACnC,iBAAiB,EAClB;;AACD;EACE,YAAY,EACb;;AACD;EACE,WAAW,EACZ;;AACD;EACE,YAAY;EACZ,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;EACpB,gBAAgB;EAChB,oBAAoB,EACrB;;AAGD;EACI,YFgnCsB,EEllCzB;EA/BD;IAGQ,oBF+mCkB;IE9mClB,oBAAoB,EACvB;EALL;IAOQ,sBF4mC4B;IE3mC5B,iBAAiB,EACpB;EATL;IAWQ,cAAc;IACd,mBAAmB;IACnB,qBAAqB,EACxB;EAdL;IAgBQ,oBAAoB;IACpB,YAAY;IACZ,oBAAoB,EACvB;EAnBL;IAqBQ,cAAc,EACjB;EAtBL;IAyBQ,YAAY;IACZ,gBAAgB,EACnB;EA3BL;IA6BQ,YAAY,EACf;;AAIL;EACI,aAAa;EACb,mBAAmB;EACnB,gBAAgB,EACnB;;AACD;EACI,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,kBAAkB,EAQrB;EAbD;IAOQ,aAAa;IACb,mBAAmB;IACnB,qBAAqB;IACrB,sBAAsB;IACtB,SAAS,EACZ;;AAGL;EAEQ,aAAa,EAChB;;AAHL;EAKQ,kBAAkB,EACrB;;AANL;EAQQ,iBAAiB,EACpB;;AATL;EAWQ,aAAa;EACb,kBAAkB,EACrB;;AAEL;EAEQ,mBAAmB,EACtB;;AAHL;EAKQ,aAAa,EAChB;;AANL;EAQQ,kBAAkB,EACrB;;AATL;EAWQ,iBAAiB,EACpB;;AAZL;EAcQ,aAAa;EACb,kBAAkB,EACrB;;AAIL;EACE,sBAAsB;EACtB,mBAAmB,EACpB;;AACD;;EAEE,mBAAmB;EACnB,SAAS;EACT,QAAQ;EACR,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,aAAa;EACb,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB,EACrB;;AACD;EACE,UAAU,EACX;;AAED;EACI,mBAAmB;EACnB,YAAY;EACZ,aAAa,EAwBhB;EA3BD;IAKQ,YAAY;IACZ,aAAa,EAChB;EAPL;IASQ,UAAU;IACV,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,wBAAwB;IACxB,WAAW;IACX,mBAAmB,EACtB;EAhBL;IAkBQ,mBAAmB;IACnB,OAAO;IACP,cAAc;IACd,iBAAiB;IACjB,qBAAqB,EACxB;EAvBL;IAyBQ,aAAa,EAChB;;AAGL;EACI,iBAAiB;EACjB,aAAa;EACb,oBAAoB;EACpB,QAAQ,EAyGX;EA7GD;IAMQ,aAAa;IACb,eAAe,EAClB;EARL;IAUQ,YAAY;IACZ,mBAAmB;IACnB,aAAa;IACb,UAAU,EACb;EAdL;IAgBQ,YAAY;IACZ,iBAAiB;IACjB,YAAY;IACZ,WAAW,EAId;IAvBL;MAqBY,cAAc,EACjB;EAtBT;IAyBQ,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EAChB;EA5BL;IA8BQ,gBAAgB;IAChB,aAAa;IACb,kBAAkB,EACrB;EAjCL;IAmCQ,0BAA0B;IAC1B,mBAAmB;IACnB,gBAAgB;IAChB,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,mBAAmB;IACnB,iBAAiB;IAEjB,8DAAqC;IACrC,uBAAuB,EAC1B;EA/CL;IAkDQ,gBAAgB,EACnB;EAnDL;IAqDQ,sBAAsB;IACtB,oBAAoB;IACpB,iBAAiB;IACjB,wBAAwB;IACxB,gBAAgB;IAEhB,6DAAoC,EACvC;EA5DL;IA8DQ,mBAAmB;IACnB,yBAAyB;IACzB,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,eAAe;IACf,mCAAmC;IACnC,oCAAoC;IACpC,mCAAmC;IACnC,YAAY;IACZ,qBAAqB;IACrB,gBAAgB;IAChB,kBAAkB;IAElB,0DAAiC;IACjC,sBAAsB;IACtB,gBAAgB;IAChB,kBAAkB;IAGZ,uCAAmC;IACzC,aAAa;IACb,+GAA+G;IAC/G,QAAQ;IACR,mBAAmB;IACnB,WAAW;IACX,mBAAmB;IACnB,UAAU,EACb;EA1FL;IA4FQ,eAAe;IACf,kBAAkB,EACrB;EA9FL;IAiGQ,aAAa,EAChB;EAlGL;IAoGQ,gBAAgB,EACnB;EArGL;IAuGQ,eAAe,EAClB;EAxGL;IA0GQ,kBAAkB;IAClB,iBAAiB,EACpB;;AAGL;EAEQ,uEAAuE;EACvE,8BAAqB,EACxB;;AAJL;EAQQ,0BAAiB,EACpB;;AATL;EAWQ,sBAAsB;EACtB,WAAW;EACX,sBAAsB;EACtB,WAAW,EACd;;AAGL;EAEQ,cAAc,EACjB;;AAHL;EAKQ,aAAa;EACb,YAAY;EACZ,YAAY,EACf;;AARL;EAUQ,YAAY;EACZ,aAAa,EAChB;;AAZL;EAcQ,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,WAAW;EAEX,0DAAiC;EACjC,iBAAiB,EACpB;;AAIL;EACI,wBAAwB;EACxB,yCAA0B;EAC1B,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;EACd,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,cAAc;EACd,iBAAiB;EACjB,gBAAgB,EAyFnB;EApGD;IAiBQ,2BAA2B,EAC9B;EAlBL;IAsBQ,6BAA6B,EAChC;EAvBL;IA0BQ,4BAA4B,EAC/B;EA3BL;IA8BQ,8BAA8B,EACjC;EA/BL;IAiCQ,cAAc,EACjB;EAlCL;IAoCQ,cAAc;IACd,iBAAiB;IACjB,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,eAAe,EAClB;EA1CL;IA4CQ,UAAU;IACV,WAAW,EAId;IAjDL;MA+CY,mBAAmB,EACtB;EAhDT;IAoDQ,YAAY;IACZ,iBAAiB;IACjB,kBAAkB,EACrB;EAvDL;IAyDQ,mBAAmB;IACnB,eAAe;IACf,kBAAkB;IAClB,oBAAoB;IACpB,YAAY;IACZ,gBAAgB;IAChB,oBAAoB;IACpB,iBAAiB;IAEjB,iCAAiC;IAEjC,iBAAiB;IACjB,wBAAwB;IACxB,oBAAoB,EACvB;EAvEL;;IA0EQ,qC7B3SmB,E6B4StB;EA3EL;IA6EQ,YAAY;IACZ,oBAAoB,EACvB;EA/EL;IAiFQ,YAAY;IACZ,uBAAuB;IACvB,oBAAoB,EACvB;EApFL;;IAuFQ,mC7BtTsB;I6BuTtB,kBAAkB;IAClB,eF+uB0B,EE9uB7B;EA1FL;IA4FQ,YAAY;IACZ,cAAc;IACd,iBAAiB;IACjB,0BAA0B;IAC1B,eAAe,EAClB;;AAIL;EACI,kBAAkB;EAClB,mCAAmC;EACnC,oCAAoC;EACpC,mCAAmC;EACnC,iBAAiB;EACjB,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;EAGb,uCAAmC;EACzC,aAAa;EACb,+GAA+G;EAC/G,QAAQ;EAER,0BAA0B;EAC1B,mBAAmB;EACnB,SAAS;EAGH,4BAAqB;EAC3B,YAAY;EACZ,kBAAkB;EAClB,wDAAwD,EAC3D;;AACD;EAEQ,YAAY,EACf;;AAHL;EAKQ,cAAc,EACjB;;AANL;EAQQ,eAAe;EACf,sBAAsB,EACzB;;AAKL;EAEU,aAAa,EACtB;;AACD;EACE,gBAAgB,EACjB;;AAGD;;EAEE,eAAe,EAChB;;AACD;EACI,sBAAsB;EACtB,mBAAmB,EAuBtB;EAzBD;IAKQ,yBAAyB,EAC5B;EANL;IAQQ,mBAAmB;IACnB,WAAW;IACX,gBAAgB;IAEhB,yBAAyB;IACzB,gBAAgB;IAChB,aAAa;IACb,kBAAkB;IAClB,SAAS;IACT,kBAAkB,EACrB;EAlBL;IAoBQ,eAAe,EAClB;EArBL;IAuBQ,0BAA0B,EAC7B;;AAGL;EACE,sBAAsB;EACtB,uBAAuB,EACxB;;AACD;EAGY,mBAAmB;EACnB,mBAAmB;EACnB,UAAU;EACV,YAAY,EACf;;AAPT;EASY,oBAAoB,EACvB;;AAVT;EAaQ,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB;EACtB,2BAA2B;EAC3B,WAAW;EACX,mBAAmB;EACnB,wBAAwB;EACxB,WAAW;EACX,kBAAkB;EAClB,mBAAmB,EACtB;;AAvBL;EA2BY,oBAAoB,EACvB;;AA5BT;EA8BY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AArCT;EAuCY,oBAAoB,EACvB;;AAxCT;EA0CY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AAjDT;EAmDY,eAAe;EACf,0BAA0B;EAC1B,sBAAsB,EACzB;;AAtDT;EAwDY,oBAAoB,EACvB;;AAzDT;EA2DY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AAlET;EAoEY,eAAe;EACf,0BAA0B;EAC1B,sBAAsB,EACzB;;AAvET;EAyEY,iBAAiB,EACpB;;AA1ET;EA4EY,sBAAsB,EACzB;;AA7ET;EAiFQ,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EAkBzB;EArGL;IAqFY,YAAY;IACZ,0BAA0B;IAC1B,sBAAsB,EACzB;EAxFT;IA0FY,oBAAoB,EACvB;EA3FT;IA6FY,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,wBAAwB,EAC3B;;AApGT;EAuGQ,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EAkBzB;EA3HL;IA2GY,YAAY;IACZ,0BAA0B;IAC1B,sBAAsB,EACzB;EA9GT;IAgHY,oBAAoB,EACvB;EAjHT;IAmHY,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,wBAAwB,EAC3B;;AA1HT;EA8HY,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EAczB;EA9IT;IAkIgB,oBAAoB,EACvB;EAnIb;IAqIgB,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,wBAAwB,EAC3B;;AA5Ib;EAgJY,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EACzB;;AAnJT;EAqJY,oBAAoB,EACvB;;AAtJT;EAwJY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AA/JT;EAiKY,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EACzB;;AApKT;EAsKY,oBAAoB,EACvB;;AAvKT;EAyKY,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,wBAAwB,EAC3B;;AAhLT;EAoLQ,mBAAmB,EACtB;;AAGL;EAEQ,YAAY;EACZ,0BAA0B;EAC1B,sBAAsB,EAkBzB;EAtBL;IAMY,YAAY;IACZ,0BAA0B;IAC1B,sBAAsB,EACzB;EATT;IAWY,oBAAoB,EACvB;EAZT;IAcY,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,wBAAwB,EAC3B;;ACrcX,eAAe;AAWf,iBAAiB;AChYjB;EACE,cAAc;EACd,iBAAiB,EAClB;;AACD;EACE,iBAAiB;EACjB,oBAAoB,EACrB;;AACD;EACE,iBAAiB;EACjB,gBAAgB,EACjB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,cAAc;EACd,gBAAgB;EAChB,mBAAmB;EACnB,eAAe,EAChB;;AACD;EACE,eAAe,EAChB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,sBAAsB;EACtB,uBAAuB;EACvB,YAAY,EACb;;AACD;EACE,sBAAsB,EACvB;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,+BAA+B;EAC/B,4BAA4B;EAC5B,gCAAgC;EAChC,6BAA6B,EAC9B;;AACD;EACE,sBAAsB,EACvB;;AACD;EACE,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,0BAA0B;EAC1B,iBAAiB;EACjB,YAAY,EACb;;AACD;EACE,YAAY,EACb;;AACD;EACE,mBAAmB;EACnB,+BAA+B;EAC/B,4BAA4B,EAC7B;;AACD;EACE,wCAAsC;EACtC,qCAAmC,EACpC;;AACD;EACE,kBAAkB;EAClB,gCAAgC;EAChC,6BAA6B,EAC9B;;AAED;EACE,eAAe;EACf,mBAAmB;EACnB,SAAS;EACT,kBAAkB,EACnB;;ACiSD,eAAe;AAWf,iBAAiB;ACnXjB;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,cAfiB;EAgBjB,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,uBAAuB;EACvB,iBAAiB;EACjB,wBAAwB;EACxB,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,uBAAuB;EACvB,6BAA6B;EAC7B,uBA/BuB;EAgCvB,mBAAmB;EACnB,0CAA2B,EAsI9B;EA/JD;IA2BQ,mBAAmB;IACnB,eAAe;IACf,SAAS;IACT,UAAU;IACV,0BAA0B;IAC1B,oBAAoB,EACvB;EAjCL;IAmCQ,mBA1CkB,EA2CrB;EApCL;IAsCQ,mBA7CkB;IA8ClB,YAAY,EACf;EAxCL;IA2CQ,kBArDa,EAoEhB;IA1DL;MA6CY,UAAU;MACV,mBAAmB;MACnB,uBAAuB;MACvB,uBApDoB;MAqDpB,cAAc,EAQjB;MAzDT;QAmDgB,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,uBAAuB;QACvB,uBAzDoB,EA0DvB;EAxDb;IA6DY,WAAW;IACX,YAAY,EACf;EA/DT;IAmEY,WAAW,EACd;EApET;IAuEQ,kBAjFa,EAgGhB;IAtFL;MAyEY,SAAS;MACT,YAAY;MACZ,kBAAkB;MAClB,qBAAqB;MACrB,yBAjFoB,EAyFvB;MArFT;QA+EgB,aAAa;QACb,UAAU;QACV,cAAc;QACd,qBAAqB;QACrB,yBArFoB,EAsFvB;EApFb;IAyFY,UAAU,EACb;EA1FT;IA8FY,UAAU;IACV,aAAa,EAChB;EAhGT;IAoGQ,mBA9Ga,EA6HhB;IAnHL;MAsGY,SAAS;MACT,aAAa;MACb,kBAAkB;MAClB,sBAAsB;MACtB,wBA9GoB,EAsHvB;MAlHT;QA4GgB,aAAa;QACb,WAAW;QACX,sBAAsB;QACtB,wBAjHoB;QAkHpB,cAAc,EACjB;EAjHb;IAsHY,UAAU,EACb;EAvHT;IA2HY,UAAU;IACV,aAAa,EAChB;EA7HT;IAiIQ,iBA3Ia,EA0JhB;IAhJL;MAmIY,UAAU;MACV,mBAAmB;MACnB,oBAAoB;MACpB,0BA1IoB;MA2IpB,WAAW,EAQd;MA/IT;QAyIgB,aAAa;QACb,SAAS;QACT,mBAAmB;QACnB,oBAAoB;QACpB,0BA/IoB,EAgJvB;EA9Ib;IAmJY,YAAY;IACZ,WAAW,EACd;EArJT;IAyJY,WAAW,EACd;EA1JT;IA6JQ,kBAAkB,EACrB;;AC0ML,eAAe;AAWf,iBAAiB;AC9XjB;EACI,mBAAmB;EACnB,cAAc;EACd,eAAe;EACf,uDAAuD;EACvD,mBAAmB;EACnB,iBAAiB;EACjB,uBAAuB;EACvB,iBAAiB;EACjB,wBAAwB;EACxB,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW,EAyNd;EA5OD;IAqBK,wBAAoC,EACpC;EAtBL;IAwBQ,mBAAmB;IACnB,eAAe;IACf,SAAS;IACT,UAAU;IACV,0BAA0B;IAC1B,oBAAoB,EACvB;EA9BL;IAiCK,iBDitBoB;IChtBpB,iBAAiB;IACjB,YAAY;IACZ,uBDgtBY;IC/sBZ,mBAAmB;IAChB,sBAAqB,EACxB;EAvCL;IA0CK,eAAe,EAQf;IAlDL;MA4CM,SAAS;MACT,QAAQ;MACR,iBAAiB;MACjB,4BAA4B;MAC5B,yBDosBW,ECnsBX;EAjDN;IAoDK,eAAe,EAQf;IA5DL;MAsDM,UAAU;MACV,UAAU;MACV,kBAAkB;MAClB,wBAAwB;MACxB,uBD0rBW,ECzrBX;EA3DN;IA8DK,eAAe,EAQf;IAtEL;MAgEM,SAAS;MACT,SAAS;MACT,iBAAiB;MACjB,4BAA4B;MAC5B,wBDgrBW,EC/qBX;EArEN;IAwEK,eAAe,EASf;IAjFL;MA0EM,OAAO;MACP,UAAU;MACV,kBAAkB;MAClB,wBAAwB;MACxB,0BDsqBW,ECrqBR;EA/ET;IAoFY,SAAS;IACT,WAAW;IACjB,SAAS;IACT,iBAAiB;IACjB,4BAA4B;IAC5B,wBD2pBW,EC1pBR;EA1FT;IA8FY,SAAS;IACf,QAAQ;IACR,iBAAiB;IACjB,4BAA4B;IAC5B,yBDkpBW,ECjpBR;EAnGT;IAuGY,OAAO;IACb,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,0BDyoBW,ECxoBR;EA5GT;IAgHY,UAAU;IACV,UAAU;IACV,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,uBD+nBK,EC9nBR;EAtHT;IA+HY,SAAQ;IACR,kBAAkB;IAClB,oBAAmB;IACnB,0BAAyB,EAC5B;EAnIT;IAqIY,6BDgnB0B,EC/mB7B;EAtIT;IA0IY,SAAQ;IACR,kBAAkB;IAClB,oBAAmB;IACnB,0BAAyB;IACzB,6BAA6B,EAChC;EA/IT;IAiJY,6BDomB0B,ECnmB7B;EAlJT;IAsJY,sBAAsB;IACtB,UAAU;IACV,kBAAkB;IAClB,wBAAwB,EAC3B;EA1JT;IA4JY,2BDylB0B,ECxlB7B;EA7JT;IAiKY,sBAAsB;IACtB,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,2BAA2B,EAC9B;EAtKT;IAwKY,2BD6kB0B,EC5kB7B;EAzKT;IA6KY,qBAAqB;IACrB,UAAU;IACV,iBAAiB;IACjB,yBAAyB,EAC5B;EAjLT;IAmLY,4BDkkB0B,ECjkB7B;EApLT;IAwLY,qBAAqB;IACrB,UAAU;IACV,iBAAiB;IACjB,yBAAyB;IACzB,4BAA4B,EAC/B;EA7LT;IA+LY,4BDsjB0B,ECrjB7B;EAhMT;IAoMY,UAAU;IACV,kBAAkB;IAClB,uBAAuB;IACvB,6BAA6B;IAC7B,uBAAuB,EAC1B;EAzMT;IA2MY,0BD0iB0B,ECziB7B;EA5MT;IAgNY,UAAU;IACV,kBAAkB;IAClB,uBAAuB;IACvB,6BAA6B;IAC7B,uBAAuB;IACvB,0BAA0B,EAC7B;EAtNT;IAwNY,0BD6hB0B,EC5hB7B;EAzNT;IA6NY,uBAAuB;IACvB,eDwhBe;ICvhBf,0BDshB0B,ECrhB7B;EAhOT;IAmOY,mBAAkB;IAClB,eAAc;IACd,SAAQ;IACR,UAAS;IACT,8BAA8B;IAC9B,aAAY,EACf;;AnCwIT,eAAe;AAWf,iBAAiB;AoCTjB,eAAe;AAWf,iBAAiB;AC5XjB;;IAEI;AAcJ;;IAEI;AACJ;EACE,mBAAmB;EACnB,UAAU;EACV,QAAQ;EACR,SAAS;EACT,gBDoxC2B;ECnxC3B,YAAY;EACZ,mBAAmB,EACpB;;AAGD;;IAEI;AAEJ;EAGM,mBAAmB;EACnB,oBAAoB;EACpB,YAAY;EAEZ,0BAA0B;EAC1B,0BAA0B;EAC1B,iCAAiC;EACjC,YDswCmB;ECrwCnB,aDqwCmB;ECpwCnB,SD+wCiB;EC9wCjB,UD+wCkB;EC9wClB,mBDixCsB;EChxCtB,kBDgxCsB;EC/wCtB,mCAAmC;EACnC,sBAAsB;EAEtB,2CAA2C,EAC5C;;AApBL;EAuBQ,mBDywCuB;ECxwCvB,kBDwwCuB;ECvwCvB,YDwvCoB;ECvvCpB,aDuvCoB,ECtvCrB;;AA3BP;EA+BQ,mBD+vCwB;EC9vCxB,kBD8vCwB;EC7vCxB,YD8uCqB;EC7uCrB,aD6uCqB,EC5uCtB;;AAnCP;EAuCQ,0BDgtCiB;EC/sCjB,iCAAiC,EAClC;;AAzCP;EA6CQ,0BD2sCqB;EC1sCrB,iCAAiC,EAClC;;AA/CP;EAmDQ,0BDssCc;ECrsCd,iCAAiC,EAClC;;AAMP;EACE,mBAAmB;EACnB,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,cAAc;EACd,YAAY;EACZ,oBAAY;EACZ,uBAAuB,EAIxB;EAbD;IAWI,gBAAgB,EACjB;;AAGH;EACE;IAEE,iCAA6B,EAAA;EAG/B;IAEE,qCAA+B,EAAA;EAGjC;IAEE,mCAA+B,EAAA,EAAA;;AAInC;EAEI,mBAAmB;EACnB,SD6rCmB;EC5rCnB,UD6rCoB;EC5rCpB,kBDosC0B;ECnsC1B,mBDosC2B,EClpC5B;EAxDH;IAQM,0BAA0B;IAC1B,WDirCiB;IChrCjB,aDirCmB;IChrCnB,mBAAmB;IACnB,YAAY;IAEZ,0BAA0B;IAC1B,sBAAsB,EACvB;EAhBL;IAkBM,kBDyrC2B;ICxrC3B,mBDyrC4B,ECprC7B;IAxBL;MAqBQ,WDuqCkB;MCtqClB,aDuqCoB,ECtqCrB;EAvBP;IA0BM,kBD6qC4B;IC5qC5B,mBD6qC4B,ECxqC7B;IAhCL;MA6BQ,WD2pCmB;MC1pCnB,aD2pCoB,EC1pCrB;EA/BP;IAoCQ,2ED4nC0C;IC3nC1C,0BDkoCU,ECjoCX;EAtCP;IAoCQ,2ED6nC0C;IC5nC1C,0BDmoCU,ECloCX;EAtCP;IAoCQ,2ED8nC0C;IC7nC1C,0BDooCU,ECnoCX;EAtCP;IAoCQ,2ED+nC0C;IC9nC1C,0BDqoCU,ECpoCX;EAtCP;IAoCQ,2EDgoC0C;IC/nC1C,0BDsoCU,ECroCX;EAtCP;IA2CQ,0BDinCiB,EChnClB;EA5CP;IAgDQ,0BD6mCqB,EC5mCtB;EAjDP;IAqDQ,0BDymCc,ECxmCf;;AAIP;EACE;IAEE,qBAAiB,EAAA;EAGnB;IAEE,uBAAiB,EAAA;EAGnB;IAEE,qBAAiB,EAAA,EAAA;;ACxLrB;EACE,gBAdmB;EAenB,YAhBe;EAkBf,mBAAmB;EACnB,iBAjBe;EAkBf,iBAAiB,EAoflB;EA1fD;IASI,mBAAmB,EACpB;EAVH;IAYI,mBAAmB,EAOpB;IAnBH;MAcM,mBAAmB;MACnB,SAAS;MACT,UAAU,EAEX;EAlBL;IAqBI,YAAY;IACZ,0BAA0B;IAC1B,iBAAiB,EAClB;EAxBH;IA4BI,kBAAkB,EAQnB;IApCH;MA+BM,mBAAmB,EACpB;IAhCL;MAkCM,iBAAiB,EAClB;EAnCL;IAuCI,0CAjDwB,EA2DzB;IAjDH;MAyCM,wBtC8FkB,EsCvFnB;MAhDL;QA2CQ,uBtC6FqB,EsC5FtB;MA5CP;QA8CQ,uBtC2FsB,EsC1FvB;EA/CP;IAyDU,+BAA+B,EAChC;EA1DT;IA8DM,wBtCyEkB,EsClEnB;IArEL;MAgEQ,uBtCwEqB,EsCvEtB;IAjEP;MAmEQ,uBtCsEsB,EsCrEvB;EApEP;IAwEI,+BtCyHyB,EsCxH1B;EAzEH;;IA6EI,kBAnFoB;IAoFpB,sBAAsB,EACvB;EA/EH;IAoFQ,iBAAiB;IACjB,oBAAoB,EAIrB;IAzFP;MAuFU,aAAa,EACd;EAxFT;IA6FI,+BtCoGyB,EsCnG1B;EA9FH;IAiGI,eAAe,EAChB;EAlGH;IAqGM,mCA/GsB;IAgHtB,uBAAuB;IACvB,oBAAoB,EAErB;EAzGL;IA2GM,0CArHsB;IAsHtB,uBAAuB,EACxB;EA7GL;;IAgHM,yCA1HsB;IA2HtB,uBAAuB,EACxB;EAlHL;IAuHQ,iBAAiB,EAClB;EAxHP;IA4HI,iBAAiB;IACjB,6BtCw0CiC;IsCv0CjC,0BtCw0C2B,EsCv0C5B;EA/HH;IAkII,iBAAiB,EAClB;EAnIH;IAsII,iBAAiB;IACjB,mBAAmB,EACpB;EAxIH;IA0II,oBAAoB;IACpB,oBAAoB,EACrB;EA5IH;IA+II,mBAAmB,EACpB;EAhJH;IAmJI,aAAa;IACb,iBAAiB,EAClB;EArJH;IAyJI,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,mBAAmB;IACnB,uBAAuB,EACxB;EA9JH;IAiKI,kBAvKoB;IAwKpB,uCA5KwB,EA6KzB;EAnKH;IAsKI,mBAAmB,EACpB;EAvKH;IA0KI,kBAhLoB;IAiLpB,0CArLwB,EAyLzB;IA/KH;MA6KM,mBAAmB,EACpB;EA9KL;IAiLI,mBAvLoB,EAwLrB;EAlLH;IAqLI,kBAA8B;IAC9B,iBAAiB;IACjB,0CAjMwB;IAkMxB,mBAAmB;IACnB,mBAAmB,EACpB;EA1LH;IA6LI,YAAY,EACb;EA9LH;IAkMM,gBAAgB;IAChB,sBAAsB;IACtB,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,mCAnNsB;IAoNtB,0BAAkB;IAAlB,uBAAkB;IAAlB,sBAAkB;IAAlB,kBAAkB;IAClB,iBAAiB;IACjB,mBAAmB,EACpB;EA7ML;IA+MM,mBAAmB,EACpB;EAhNL;IAkNM,aAAa,EACd;EAnNL;IAsNM,aAAa,EACd;EAvNL;IA0NM,aAAa,EACd;EA3NL;IA+NM,+BtC9BuB,EsC+BxB;EAhOL;IAmOI,oBAAoB,EAQrB;IA3OH;MAqOM,oBAAoB,EACrB;IAtOL;MAyOM,WAAW,EACZ;EA1OL;IA6OI,cAAc,EACf;EA9OH;IAiPI,gBAAgB;IAChB,YAAY;IACZ,WAAW,EAWZ;IA9PH;MAqPM,eAAe,EAChB;IAtPL;MAwPM,oBAAoB;MACpB,YAAY,EAIb;MA7PL;QA2PQ,YAAY,EACb;EA5PP;IAgQI,kBAAkB,EAInB;IApQH;MAkQM,aAAa,EACd;EAnQL;IAsQI,aAAa,EAId;IA1QH;MAwQM,aAAa,EACd;EAzQL;IA8QI,mBAAmB;IACnB,OAAO;IACP,iBAAiB;IACjB,WAAW,EAKZ;IAtRH;MAmRM,YAAY;MACZ,iBAAiB,EAClB;EArRL;IAyRI,QAAQ;IACR,+CAA0B,EAQ3B;IAlSH;MA4RM,oBAAoB;MACpB,oBAAoB,EACrB;IA9RL;MAgSM,iBAAiB,EAClB;EAjSL;IAqSI,SAAS;IACT,gDAA2B,EAS5B;IA/SH;MA2SM,mBAAmB;MACnB,qBAAqB,EACtB;EA7SL;IAkTI,iBAAiB,EAClB;EAnTH;IAsTI,iBAAiB,EAClB;EAvTH;IA2TM,oBAAoB,EACrB;EA5TL;IA8TM,qBAAc;IAAd,cAAc;IACd,sBAAwB;IAAxB,wBAAwB;IACxB,uBAAoB;IAApB,oBAAoB,EAIrB;IApUL;MAkUQ,gBAAgB,EACjB;EAnUP;IAsUM,6BtC+nC+B;IsC9nC/B,0BtC+nCyB;IsC9nCzB,6BAA4B;IAE5B,4BAA4B;IAE5B,0BAA0B;IAC1B;;QAEE;IACA,sBAAsB;IACtB,kBAAkB,EAyDrB;IA1YL;MAuVQ,mBAAmB;MACnB,iBAAiB;MACjB,YAAY;MACZ,uBAAuB;MACvB,mBAAmB;MACnB,sBAAsB,EAUvB;MAtWP;;QAgWU,iBAAiB;QACjB,eAAe;QACf,YAAY;QACZ,gBAAgB,EACjB;IApWT;;;;MA4WQ,eAAe,EAChB;IA7WP;;MAiXQ,aAAa;MACb,gBAAgB,EACjB;IAnXP;;MAsXQ,sBAAsB;MACtB,WAAW;MACX,gBAAgB;MAChB,iBAAiB;MAGjB,uCAAmC;MACnC,+GAA+G;MAC/G,QAAQ;MACR,iBAAiB;MACjB,YAAY;MACZ,YAAY,EAGb;IApYP;MAuYY,sBAAsB,EACzB;EAxYT;IA4YM,aAAa,EACd;EA7YL;IA+YM,+BtC9MuB,EsC+MxB;EAhZL;IAsZM,iBAAiB,EAClB;EAvZL;IAyZM,mBAAmB,EAgCpB;IAzbL;MA4ZQ,aAAa;MACb,mBAAmB;MACnB,aAAa;MACb,OAAO;MAIP,YAAY;MAEZ,uBAAuB;MACvB,WAAW,EAYZ;MAlbP;QAyaU,aAAa;QACb,WAAW;QACX,wBAAuB;QACvB,eAAe,EAChB;MA7aT;QA+aU,oBAAmB,EACpB;IAhbT;MAobQ,mBAAmB,EAIpB;MAxbP;QAsbU,oBACD,EAAC;EAvbV;IA4bQ,aAAa,EACd;EA7bP;IAqcM,aAAa;IACb,gBAAgB;IAChB,cAAc;IACd,mBAAmB,EACpB;EAzcL;IA2cM,8BAA8B;IAC9B,gBAAgB,EACjB;EA7cL;IA+cM,mBAAmB,EACpB;EAhdL;IAkdM,mBAAmB;IACnB,SAAS;IACT,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,WAAW;IACX,oBAAoB,EAIrB;IA7dL;MA2dQ,aAAa,EACd;EA5dP;IA+dM,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB,EACjB;EAleL;IAoeM,iBAAiB;IACjB,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,oBAAoB,EACrB;EAzeL;IA2eM,uBAAuB;IACvB,iBAAiB,EAClB;EA7eL;IAkfI,cAAa;IACb,qBAAqB,EACtB;EApfH;IAufI,aAxfiB;IAyfjB,kBAzfiB,EA0flB;;AAEH;EACE,cAAc;EAGd,kBAAkB,EACnB;;AAEC;EAEI,oBAAmB,EACpB;;AAEL;EAEI,0BAA0B,EAC3B;;AAHH;;EAMI,mCAvhBwB,EAwhBzB;;AAGH;;EAEE,WAAW;EACX,+DAAuC;EACvC,yBAAyB;EACzB,0BAA0B;EAC1B,6BAA6B,EAC9B;;AAED;EACE,kEAAuC;EACvC,yBAAyB;EACzB,0BAA0B;EAC1B,6BAA6B,EAC9B;;AAED;;EAEE,2BAA2B;EAC3B,8BAA8B,EAC/B;;AAED;EACE,6BAA6B;EAC7B,8BAA8B,EAC/B;;AAED;EACE;IACE,sBAAsB;IACtB,4BAAqB;IACrB,WAAW;IACX,6BtCtgBkB,EAAA;EsCwgBpB;IACE,sBAAsB;IACtB,yBAAqB;IACrB,WAAW,EAAA;EAEb;IACE,6BtC9gBkB,EAAA;EsCghBpB;IACE,wBAAwB;IACxB,WAAW,EAAA,EAAA;;AAIf;EACE;IACE,sBAAsB;IACtB,yBAAqB;IACrB,WAAW,EAAA;EAEb;IACE,sBAAsB;IACtB,6BAAqB;IACrB,WAAW,EAAA,EAAA;;AAIf;EACE,cAAc;EACd,kBAAkB;EAClB,WAAW,EACZ;;AACD;EACE,cAAc;EACd,aAAa;EACb,sBAAsB;EACtB,yBAAyB;EACzB,wBAAwB;EACxB,eAAe;EACf,yBAAyB;EACzB,0BAA0B;EAC1B,UAAU;EACV,mBAAmB;EACnB,WAAW;EACX,SAAS;EACT,SAAS,EACV;;AAED;EACE,mBAAmB,EACpB;;AAED;;EAEE,oBAAoB,EACrB;;AAED;EACE,0BAA0B;EAC1B,aAAa,EACd;;AAED;;EAEE,mBAAmB;EACnB,OAAO;EACP,SAAS;EACT,YAAY;EACZ,gBAAgB,EACjB;;AAED;EACE,kBAAkB;EAClB,cAAc,EACf;;AAED;EACE,kBAAkB,EACnB;;AAED;EACE,sBAAsB,EACvB;;AAED;;EAEE,eAAe,EAChB;;AAED;EACE,mBAAmB,EACpB;;AAED;EACE,oBAAoB,EAuBrB;EAxBD;IAGI,mBAAmB;IACnB,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,eAAe;IACf,gBAAgB,EACjB;EATH;IAWI,aAAa,EACd;EAZH;IAcI,aAAa;IACb,oBAAoB;IACpB,sBAAsB;IACtB,oBAAoB,EACrB;EAlBH;IAoBI,SAAS;IACT,YAAY;IACZ,mBAAmB,EACpB;;AAIH;EACE,YAAY;EACZ,mBAAmB,EAyDpB;EA3DD;IAKI,oBAAoB,EACrB;EANH;IASI,oBAAoB,EACrB;EAVH;IAaI,cAAc,EACf;EAdH;IAiBI,kBAAkB;IAClB,mBAAmB;IACnB,WAAW;IACX,YAAY;IACZ,mBAAmB,EAqCpB;IA1DH;MAwBM,eAAe;MACf,UAAU;MACV,mBAAmB;MACnB,mBAAmB,EAQpB;MAnCL;QA8BQ,WACD,EAAC;MA/BR;QAiCQ,UACD,EAAC;IAlCR;MAuCQ,oBAAoB,EACrB;IAxCP;MA0CQ,kBAAkB,EACnB;IA3CP;MA+CM,gBAAgB;MAChB,cAAc,EACf;IAjDL;MAoDM,mBAAmB;MACnB,WAAW;MACX,aAAa;MACb,SAAS;MACT,UAAU,EACX;;AAIL;EACI,cAAc,EASjB;EAVD;IAIY,kBAAkB;IAClB,aAAa;IACb,yBAAyB;IACzB,gBAAgB,EACnB;;AAIT;EACE,mBAAmB;EACnB,YAAY;EACZ,cAAc;EACd,uBAAoB;EAApB,oBAAoB;EACpB,sBAAwB;EAAxB,wBAAwB;EACxB,oBA7vByB,EA8vB1B;;AAED;EACE,mBAAmB;EACnB,UAAU,EACX;;AAGD;EACE,WAAW;EACX,YAAY,EACb;;AACD;EACE,cAAc,EACf;;AACD;EACE,+BAA+B;EAC/B,mBAAmB,EACpB;;AACD;EACE,mBAAmB;EACnB,0BAA0B;EAC1B,mBAAmB,EACpB;;AAED;EACE,cAAc,EACf;;AAED;EACE,cAAc,EACf;;ACrbD,eAAe;AAWf,iBAAiB;AlBrDjB,eAAe;AAWf,iBAAiB;ACnVjB;EACI,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;EAChB,YAAY;EACZ,aD6R8B;EC5R9B,aAAa;EACb,gBDwRiC;ECvRjC,iBAAiB;EACjB,eD4RwB;EC3RxB,uBD4RwB;EC3RxB,uBAAuB;EACvB,0BD2R+B;EC1R/B,mBDiR4B;EChR5B,oBAAoB,EAMvB;EApBD;IAgBK,sBAAsB;IACtB,WAAW,EACX;EAlBL;IAmB8B,cAAa,EAAG;;AAE9C;EACI,iBDkRgC;ECjRhC,sBDmRuC;EClRvC,eDiRgC;EChRhC,oBAAoB,EACvB;;AACD;EACI,aDuQyB;ECtQzB,gBDmQ4B,EClQ/B;;AACD;EACI,gBDiQ4B;EChQ5B,aDmQyB,EClQ5B;;AACD;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,aAAa;EACb,aAAa;EACb,YAAY,EAqBf;EA3BD;IAQQ,YAAY;IACZ,mBAAmB;IACnB,SAAS;IACT,WAAW;IACX,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,sBAAsB,EASzB;IA1BL;MAmBY,oBAAoB;MACpB,gBAAgB;MAChB,YAAY,EAIf;MAzBT;QAuBgB,iBAAiB,EACpB;;AAOb;EACI,mBAAmB;EACnB,sBAAsB;EACtB,YAAY,EAYf;EAfD;IAKQ,mBAAmB;IACnB,SAAS;IAGT,4BAAqB;IACrB,WAAW;IACX,eAAe;IACf,WAAW;IACX,2BAAW,EACd;;AkBkSL,eAAe;AAWf,iBAAiB;ACXjB,eAAe;AAWf,iBAAiB;AC/XjB;EACI,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,YAAY;EACZ,mBAAmB;EACnB,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,UAAU;EACV,oBAAoB;EACpB,uBAAuB;EACvB,oBAAoB,EAWvB;EAxBD;IAeK,eAAe;IACZ,0BAA0B;IAC1B,6BAA6B,EAChC;EAlBL;IAoBK,gBAAgB;IACb,8BAA8B;IAC9B,2BAA2B,EAC9B;;AF6VL,eAAe;AAWf,iBAAiB;AGhYjB;EACI,aAAa;EACb,oBAAoB;EACpB,mBAAmB;EACnB,UAAU;EACV,uBAAuB;EACvB,oBAAoB,EAIvB;EAVD;IAQK,mBAAmB,EACnB;;AAGL;EACI,8BAA8B;EAC9B,2BAA2B,EAC9B;;AAED;EACI,6BAA6B;EAC7B,0BAA0B,EAC7B;;AACD;EACI,kBAAkB,EACrB;;AACD;EACI,mBAAmB,EACtB;;ACvBD;EACC,mBAAmB;EAChB,eAAe;EACf,0BAA0B,EAuC7B;EA1CD;IAKK,uBAAuB;IACvB,aAAa;IACb,iBAAiB,EACjB;EARL;IAUE,mBAAmB;IAChB,YAAY;IACZ,YAAY;IACZ,iBAAiB;IACjB,oBAAoB,EAYvB;IA1BF;MAgBM,8BAA8B;MAC9B,2BAA2B,EAC3B;IAlBN;MAoBM,6BAA6B;MAC7B,0BAA0B,EAC1B;IAtBN;MAwBM,iBAAiB,EACjB;EAzBN;IA6BG,mBAAmB,EACnB;EA9BH;IAgCG,mBAAmB;IAChB,SAAS;IACT,UAAU;IACb,WAAW;IACX,gBAAgB,EAChB;EArCH;IAuCM,oBAAoB,EACvB;;ACxCH;EACE,uBAAuB,EACxB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,cAAc,EACf;;AACD;EACE,mBAAmB;EACnB,aAAa;EACb,iCAAiC,EAClC;;AACD;EACE,YAAY;EACZ,YAAY,EACb;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,UAAU;EACV,wBAAwB;EACxB,cAAc,EACf;;AACD;EACE,YAAY;EACZ,mBAAmB,EACpB;;AACD;EACE,cAAc,EACf;;AACD;EACE,aAAa;EACb,iBAAiB,EAClB;;AACD;EACE,YAAY,EACb;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,mBAAmB;EACnB,WAAW,EACZ;;AACD;EACE,YAAY;EACZ,YAAY,EACb;;AACD;EACE,YAAY,EACb;;AACD;EACE,WAAW;EACX,8BAA8B;EAC9B,WAAW;EACX,aAAa,EACd;;AACD;EACE,cAAc,EACf;;AACD;EACE,8BAA8B;EAC9B,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,aAAa,EACd;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,cAAc;EACd,mBAAmB;EACnB,WAAW;EACX,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,SAAS;EACT,UAAU,EACX;;AACD;EACE,aAAa;EACb,gBAAgB;EAChB,YAAY;EACZ,sBAAsB;EACtB,eAAe;EACf,YAAY;EACZ,4BAA4B,EAC7B;;AACD;EACE,YAAY,EACb;;AACD;EACE,mBAAmB;EACnB,cAAc;EACd,aAAa;EACb,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EAEU,wBAAwB;EAExB,0BAA0B;EAE1B,sBAAsB;EAC9B,0BAA0B;EAC1B,WAAW;EAEH,6DAAuC;EAEvC,6BAA6B,EACtC;;AACD;EAEU,wBAAwB;EAExB,0BAA0B;EAE1B,sBAAsB;EAC9B,0BAA0B;EAC1B,WAAW;EAEH,6DAAuC;EAEvC,6BAA6B,EACtC;;AACD;EAEU,wBAAwB;EAExB,0BAA0B;EAE1B,sBAAsB;EAC9B,0BAA0B;EAC1B,WAAW;EAEH,+DAAuC;EAEvC,6BAA6B,EACtC;;AACD;;;;EAKU,oCAAoC;EAEpC,8BAA8B,EACvC;;AACD;;;;EAKU,sCAAsC;EAEtC,8BAA8B,EACvC;;AACD;;EAGU,qCAAqC;EAErC,8BAA8B,EACvC;;AACD;;EAGU,uCAAuC;EAEvC,8BAA8B,EACvC;;AAiBD;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,wBAAwB;IAExB,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA,EAAA;;AAmB7B;EACE;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA;EAE3B;IACE,WAAW;IAEH,4BAA4B;IAE5B,qBAAiB,EAAA,EAAA;;AAG7B;EACE,mBAAmB;EACnB,cAAc;EACd,qHAAqH;EACrH,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,uBAAuB;EACvB,mBAAmB;EACnB,2BAA2B;EAC3B,6BAA6B;EAC7B,uBAAuB;EACvB,iBAAiB;EACjB,cAAa,EACd;;AACD;;EAEE,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,aAAa,EACd;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,gBAAgB;EAChB,eAAe,EAChB;;AACD;EACE,mBAAmB;EACnB,WAAW,EACZ;;AACD;EACE,aAAS,EAAM;;AAEjB;EACE,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,aAAS,EAAM;;AAEjB;;;EAGE,sBAAsB;EACtB,gBAAgB;EAChB,kBAAkB;EAClB,YAAY;EACZ,eAAe;EACf,kBAAkB,EACnB;;AACD;;;EAGE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;;;EAIE,mBAAmB;EACnB,OAAO;EACP,gBAAgB;EAChB,YAAY;EACZ,8FAA8F;EAC9F,eAAe;EACf,gBAAgB;EAChB,sBAAsB;EACtB,kBAAkB,EACnB;;AACD;;;;EAIE,eAAe,EAChB;;AACD;EACE,SAAS,EACV;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,QAAQ,EACT;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,uBAAuB;EACvB,cAAc,EACf;;AACD;EACE,0BAA0B;EAC1B,gBAAgB;EAChB,8BAA8B;EAC9B,YAAY;EACZ,aAAY,EACb;;AACD;;;;EAIE,aAAa,EACd;;AACD;EACE,kBAAkB;EAClB,iBAAiB,EAClB;;AACD;EACE,kBAAkB;EAClB,eAAe;EACf,YAAY;EACZ,mBAAmB,EACpB;;AACD;EACE,eAAe;EACf,oBAAoB,EACrB;;AACD;EACE,cAAc,EACf;;AACD;EACE,eAAe,EAChB;;AACD;EACE,eAAe;EACf,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,YAAY;EACZ,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,0BAA0B,EAC3B;;AACD;EACE,oBAAoB;EACpB,eAAe;EACf,oBAAoB;EACpB,iBAAiB;EACjB,YAAY,EACb;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,4BAA4B;EAC5B,+BAA+B,EAChC;;AACD;EACE,6BAA6B;EAC7B,gCAAgC,EACjC;;AACD;;EAEE,YAAY,EACb;;AACD;EACE,2BAA2B;EAC3B,gBAAgB;EAChB,mBAAmB;EACnB,mBAAmB,EACpB;;AACD;EACE,YAAY,EACb;;AACD;EACE,aAAa,EACd;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,eAAe;EACf,gBAAgB,EACjB;;AACD;EACE,YAAY;EACZ,mBAAmB,EACpB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,aAAa;EACb,UAAU;EACV,aAAa;EACb,iBAAiB;EACjB,YAAY,EACb;;AACD;EACE,kBAAkB,EACnB;;AACD;;;EAGE,sBAAsB;EACtB,mBAAmB;EACnB,eAAe,EAChB;;AACD;;;EAGE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;;EAGE,YAAY,EACb;;AACD;;;EAGE,YAAY,EACb;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,0BAA0B;EAC1B,0BAA0B;EAC1B,YAAY;EACZ,iBAAiB;EAET,sJAAmI;EAC3I,YAAY,EACb;;AACD;EACE,sBAAsB,EACvB;;AACD;EACE,sBAAsB;EACtB,4BAA4B,EAC7B;;AACD;EACE,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,YAAY;EACZ,aAAa;EACb,0BAA0B,EAC3B;;AACD;EACE,mBAAmB;EACnB,aAAa;EACb,uBAAuB,EACxB;;AACD;EACE,kBAAkB;EAClB,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,eAAe,EAChB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;EAEE,mBAAmB;EACnB,OAAO,EACR;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,QAAQ,EACT;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,aAAa,EACd;;AACD;EACE,cAAc,EACf;;AACD;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,SAAS,EACV;;AACD;EACE,uBAAuB;EACvB,0BAAY,EACb;;AACD;EACE,aAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY;EACZ,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,eAAe;EACf,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,eAAe,EAChB;;AACD;EACE,kBAAkB;EAClB,oBAAoB,EACrB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;EAEE,mBAAmB;EACnB,OAAO,EACR;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,QAAQ,EACT;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,aAAa,EACd;;AACD;EACE,cAAc,EACf;;AACD;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,SAAS,EACV;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,oBAAoB;EACpB,YAAY;EACZ,cAAc;EACd,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,eAAe;EACf,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;;EAEE,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,2BAAW,EACZ;;AACD;EACE,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,YAAY;EACZ,mBAAmB;EACnB,cAAc,EACf;;AACD;EACE,cAAc,EACf;;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B,EAC/B;;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY,EACb;;AACD;EACE,gBAAgB;EAChB,eAAe,EAChB;;AACD;;EAEE,mBAAmB;EACnB,OAAO,EACR;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,QAAQ,EACT;;AACD;EACE,aAAc,EAAA;;AAEhB;EACE,0BAA0B;EACvB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EAC1B,SAAS,EACV;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,oBAAoB;EACpB,YAAY;EACZ,cAAc;EACd,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EACE,eAAe;EACf,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;EACE,oBAAoB;EACpB,gBAAgB,EACjB;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;EACE,oBAAoB;EACpB,YAAY,EACb;;AACD;;EAEE,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,2BAAW,EACZ;;AACD;EACE,aAAa;EACb,iBAAiB,EAClB;;AACD;EACE,aAAa;EACb,mBAAmB,EACpB;;AACD;EACE,UAAU,EACX;;AACD;EACE,YAAY,EACb;;AACD;EACE,YAAY,EACb;;AACD;EACE,gCAAgC,EACjC;;AACD;EACE,aAAa,EACd;;AACD;EACE,WAAW,EACZ;;AACD;EACE,+BAA+B,EAChC;;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;EACb,kBAAkB,EACnB;;AACD;EACE,aAAa;EACb,eAAe;EACf,UAAU;EACV,YAAY;EACZ,mBAAmB,EACpB;;AACD;EACE,aAAa,EACd;;AACD;;EAEE,iBAAiB;EACjB,aAAa,EACd;;AACD;;;;EAIE,iCAAiC,EAClC;;AACD;EACE,aAAa,EACd;;AACD;EACE,aAAa,EACd;;AACD;EACE,UAAU,EACX;;AACD;EACE,YAAY,EACb;;AACD;EACE,WAAW,EACZ;;AACD;;;EAGE,UAAU,EACX;;AACD;EACE,OAAO,EACR;;AACD;;;EAGE,cAAc,EACf;;AACD;EACE,oBAAoB;EACpB,iBAAiB,EAClB;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,iBAAiB;EACjB,WAAW,EACZ;;AACD;EACE,0BAA0B,EAC3B;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,YAAY,EACb;;AACD;EACE,aAAa,EACd;;AACD;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACtB,sBAAsB;EAClB,kBAAkB;EACvB,0BAA0B;EAC1B,8BAA8B;EAC9B,iBAAiB,EAClB;;AACD;;EAEE,YAAY;EACZ,aAAa;EACb,kBAAkB,EACnB;;AACD;EACE,aAAa;EACb,sBAAsB,EACvB;;AACD;EACE,sBAAsB;EACtB,4CAAwB;EACxB,gBAAgB,EACjB;;AACD;EACE,sBAAsB;EACtB,0BAA0B;EAC1B,YAAY,EACb;;AACD;EACE,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,0BAA0B;EAC1B,gBAAgB;EAChB,YAAY,EACb;;AACD;EACE,4BAA4B;EAC5B,+BAA+B;EAC/B,mBAAmB,EACpB;;AACD;EACE,6BAA6B;EAC7B,gCAAgC;EAChC,kBAAkB,EACnB;;AACD;EACE,YAAY,EACb;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,kBAAkB;EAClB,oBAAoB,EACrB;;AACD;EACE,WAAW,EACZ;;AACD;;EAEE,eAAe;EACf,cAAc;EACd,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,aAAa;EACb,2BAA2B;EAC3B,kBAAkB;EAClB,mBAAmB,EACpB;;AACD;;EAEE,0BAA0B;EAC1B,YAAY,EACb;;AACD;;EAEE,0BAA0B;EAC1B,eAAe,EAChB;;AACD;EACE,iBAAiB;EACjB,kBAAkB;EAClB,aAAU;EACV,0BAAqB;EACrB,0BAAiC;EACjC,sBAAsB;EACtB,mBAAmB;EACnB,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,mCAAmC;EACnC,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB,EACxB;;AAED;EACE,sBAAsB;EACtB,uBAAuB,EACxB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,YAAY;EACZ,mBAAmB;EACnB,sBAAsB;EACtB,iBAAiB;EACjB,aAAa;EACb,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,uBAAuB;EACvB,uBAAuB;EACvB,0BAA0B;EAC1B,mBAAmB;EACnB,yKAAgJ,EACjJ;;AACD;EACE,YAAY;EACZ,oBAAoB;EACpB,oBAAoB,EACrB;;AACD;EACE,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,uBAAuB,EACxB;;AACD;EACE,uBAAuB,EACxB;;AACD;EACE,sBAAsB;EACtB,mBAAmB;EACnB,cAAc;EACd,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,uBAAuB;EACvB,mBAAmB;EACnB,2BAA2B;EAC3B,6BAA6B;EAC7B,uBAAuB;EACvB,iBAAiB,EAClB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,UAAU;EACV,WAAW;EACX,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,8BAA8B,EAC/B;;AACD;EACE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,iCAAiC,EAClC;;AACD;EACE,kBAAkB,EACnB;;AACD;EACE,mBAAmB;EACnB,WAAW;EACX,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,SAAS;EACT,UAAU,EACX;;AACD;EACE,aAAa;EACb,gBAAgB;EAChB,YAAY;EACZ,sBAAsB;EACtB,eAAe;EACf,YAAY;EACZ,4BAA4B,EAC7B;;AACD;EACE,YAAY,EACb;;AACD;EACE,YAAY;EACZ,gBAAgB;EAChB,0BAA0B;EAC1B,oBAAoB;EACpB,kBAAkB;EAClB,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB,EACpB;;AACD;EACE,iBAAiB,EAClB;;AACD;EACE,eAAe;EACf,eAAe,EAChB;;AACD;EACE,gBAAgB,EACjB;;AACD;EACE,iBAAiB;EACjB,uBAAuB;EACvB,UAAU;EACV,WAAW;EACX,YAAY,EACb;;AACD;EACE,iBAAiB;EACjB,wBAAwB;EACxB,UAAU;EACV,oBAAoB;EACpB,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,iBAAiB;EACjB,gBAAgB;EAChB,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB,EACnB;;AACD;EACE,oBAAoB,EACrB;;AACD;EACE,oBAAoB;EACpB,kBAAkB,EACnB;;AACD;EACE,YAAY,EACb;;AACD;EACE,wBAAwB;EACxB,oBAAoB,EACrB;;AACD;EACE,aAAY,EACb;;AACD;EACE,mBAAmB,EACpB;;AACD;EAEI,eAAe,EAChB;;A5C10CH;EACE,oBAAe,EAChB;;AAED;EACE,aAAa;EACb,aAAa,EAMd;EARD;IAKI,YAAY,EACb;;A6CjCH;EAGY,gBAAgB;EAChB,mBAAmB;EACnB,kBAAkB,EACrB;;AANT;EAYgB,oBAAoB,EAC3B;;ACbT;EAEQ,iBAAiB;EACjB,oBAAoB,EACvB;;;ACJL;EAEM,oBAAqB;EACrB,aAAa;EACb,eAAc;EACd,kBAAkB,EACnB","file":"demo.css","sourcesContent":["@charset \"UTF-8\";\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n@import url(../node_modules/bee-message/build/Message.css);\n@import url(../node_modules/bee-dropdown/build/Dropdown.css);\n@import url(../node_modules/bee-input-number/build/InputNumber.css);\n@import url(../node_modules/bee-modal/build/Modal.css);\n.red {\n color: rgb(244,67,54) !important; }\n\n.bg-red {\n background-color: rgb(244,67,54) !important; }\n\n.red-50 {\n color: rgb(255,235,238) !important; }\n\n.bg-red-50 {\n background-color: rgb(255,235,238) !important; }\n\n.red-100 {\n color: rgb(255,205,210) !important; }\n\n.bg-red-100 {\n background-color: rgb(255,205,210) !important; }\n\n.red-200 {\n color: rgb(239,154,154) !important; }\n\n.bg-red-200 {\n background-color: rgb(239,154,154) !important; }\n\n.red-300 {\n color: rgb(229,115,115) !important; }\n\n.bg-red-300 {\n background-color: rgb(229,115,115) !important; }\n\n.red-400 {\n color: rgb(239,83,80) !important; }\n\n.bg-red-400 {\n background-color: rgb(239,83,80) !important; }\n\n.red-500 {\n color: rgb(244,67,54) !important; }\n\n.bg-red-500 {\n background-color: rgb(244,67,54) !important; }\n\n.red-600 {\n color: rgb(229,57,53) !important; }\n\n.bg-red-600 {\n background-color: rgb(229,57,53) !important; }\n\n.red-700 {\n color: rgb(211,47,47) !important; }\n\n.bg-red-700 {\n background-color: rgb(211,47,47) !important; }\n\n.red-800 {\n color: rgb(198,40,40) !important; }\n\n.bg-red-800 {\n background-color: rgb(198,40,40) !important; }\n\n.red-900 {\n color: rgb(183,28,28) !important; }\n\n.bg-red-900 {\n background-color: rgb(183,28,28) !important; }\n\n.red-A100 {\n color: rgb(255,138,128) !important; }\n\n.bg-red-A100 {\n background-color: rgb(255,138,128) !important; }\n\n.red-A200 {\n color: rgb(255,82,82) !important; }\n\n.bg-red-A200 {\n background-color: rgb(255,82,82) !important; }\n\n.red-A400 {\n color: rgb(255,23,68) !important; }\n\n.bg-red-A400 {\n background-color: rgb(255,23,68) !important; }\n\n.red-A700 {\n color: rgb(213,0,0) !important; }\n\n.bg-red-A700 {\n background-color: rgb(213,0,0) !important; }\n\n.pink {\n color: rgb(233,30,99) !important; }\n\n.bg-pink {\n background-color: rgb(233,30,99) !important; }\n\n.pink-50 {\n color: rgb(252,228,236) !important; }\n\n.bg-pink-50 {\n background-color: rgb(252,228,236) !important; }\n\n.pink-100 {\n color: rgb(248,187,208) !important; }\n\n.bg-pink-100 {\n background-color: rgb(248,187,208) !important; }\n\n.pink-200 {\n color: rgb(244,143,177) !important; }\n\n.bg-pink-200 {\n background-color: rgb(244,143,177) !important; }\n\n.pink-300 {\n color: rgb(240,98,146) !important; }\n\n.bg-pink-300 {\n background-color: rgb(240,98,146) !important; }\n\n.pink-400 {\n color: rgb(236,64,122) !important; }\n\n.bg-pink-400 {\n background-color: rgb(236,64,122) !important; }\n\n.pink-500 {\n color: rgb(233,30,99) !important; }\n\n.bg-pink-500 {\n background-color: rgb(233,30,99) !important; }\n\n.pink-600 {\n color: rgb(216,27,96) !important; }\n\n.bg-pink-600 {\n background-color: rgb(216,27,96) !important; }\n\n.pink-700 {\n color: rgb(194,24,91) !important; }\n\n.bg-pink-700 {\n background-color: rgb(194,24,91) !important; }\n\n.pink-800 {\n color: rgb(173,20,87) !important; }\n\n.bg-pink-800 {\n background-color: rgb(173,20,87) !important; }\n\n.pink-900 {\n color: rgb(136,14,79) !important; }\n\n.bg-pink-900 {\n background-color: rgb(136,14,79) !important; }\n\n.pink-A100 {\n color: rgb(255,128,171) !important; }\n\n.bg-pink-A100 {\n background-color: rgb(255,128,171) !important; }\n\n.pink-A200 {\n color: rgb(255,64,129) !important; }\n\n.bg-pink-A200 {\n background-color: rgb(255,64,129) !important; }\n\n.pink-A400 {\n color: rgb(245,0,87) !important; }\n\n.bg-pink-A400 {\n background-color: rgb(245,0,87) !important; }\n\n.pink-A700 {\n color: rgb(197,17,98) !important; }\n\n.bg-pink-A700 {\n background-color: rgb(197,17,98) !important; }\n\n.purple {\n color: rgb(156,39,176) !important; }\n\n.bg-purple {\n background-color: rgb(156,39,176) !important; }\n\n.purple-50 {\n color: rgb(243,229,245) !important; }\n\n.bg-purple-50 {\n background-color: rgb(243,229,245) !important; }\n\n.purple-100 {\n color: rgb(225,190,231) !important; }\n\n.bg-purple-100 {\n background-color: rgb(225,190,231) !important; }\n\n.purple-200 {\n color: rgb(206,147,216) !important; }\n\n.bg-purple-200 {\n background-color: rgb(206,147,216) !important; }\n\n.purple-300 {\n color: rgb(186,104,200) !important; }\n\n.bg-purple-300 {\n background-color: rgb(186,104,200) !important; }\n\n.purple-400 {\n color: rgb(171,71,188) !important; }\n\n.bg-purple-400 {\n background-color: rgb(171,71,188) !important; }\n\n.purple-500 {\n color: rgb(156,39,176) !important; }\n\n.bg-purple-500 {\n background-color: rgb(156,39,176) !important; }\n\n.purple-600 {\n color: rgb(142,36,170) !important; }\n\n.bg-purple-600 {\n background-color: rgb(142,36,170) !important; }\n\n.purple-700 {\n color: rgb(123,31,162) !important; }\n\n.bg-purple-700 {\n background-color: rgb(123,31,162) !important; }\n\n.purple-800 {\n color: rgb(106,27,154) !important; }\n\n.bg-purple-800 {\n background-color: rgb(106,27,154) !important; }\n\n.purple-900 {\n color: rgb(74,20,140) !important; }\n\n.bg-purple-900 {\n background-color: rgb(74,20,140) !important; }\n\n.purple-A100 {\n color: rgb(234,128,252) !important; }\n\n.bg-purple-A100 {\n background-color: rgb(234,128,252) !important; }\n\n.purple-A200 {\n color: rgb(224,64,251) !important; }\n\n.bg-purple-A200 {\n background-color: rgb(224,64,251) !important; }\n\n.purple-A400 {\n color: rgb(213,0,249) !important; }\n\n.bg-purple-A400 {\n background-color: rgb(213,0,249) !important; }\n\n.purple-A700 {\n color: rgb(170,0,255) !important; }\n\n.bg-purple-A700 {\n background-color: rgb(170,0,255) !important; }\n\n.deep-purple {\n color: rgb(103,58,183) !important; }\n\n.bg-deep-purple {\n background-color: rgb(103,58,183) !important; }\n\n.deep-purple-50 {\n color: rgb(237,231,246) !important; }\n\n.bg-deep-purple-50 {\n background-color: rgb(237,231,246) !important; }\n\n.deep-purple-100 {\n color: rgb(209,196,233) !important; }\n\n.bg-deep-purple-100 {\n background-color: rgb(209,196,233) !important; }\n\n.deep-purple-200 {\n color: rgb(179,157,219) !important; }\n\n.bg-deep-purple-200 {\n background-color: rgb(179,157,219) !important; }\n\n.deep-purple-300 {\n color: rgb(149,117,205) !important; }\n\n.bg-deep-purple-300 {\n background-color: rgb(149,117,205) !important; }\n\n.deep-purple-400 {\n color: rgb(126,87,194) !important; }\n\n.bg-deep-purple-400 {\n background-color: rgb(126,87,194) !important; }\n\n.deep-purple-500 {\n color: rgb(103,58,183) !important; }\n\n.bg-deep-purple-500 {\n background-color: rgb(103,58,183) !important; }\n\n.deep-purple-600 {\n color: rgb(94,53,177) !important; }\n\n.bg-deep-purple-600 {\n background-color: rgb(94,53,177) !important; }\n\n.deep-purple-700 {\n color: rgb(81,45,168) !important; }\n\n.bg-deep-purple-700 {\n background-color: rgb(81,45,168) !important; }\n\n.deep-purple-800 {\n color: rgb(69,39,160) !important; }\n\n.bg-deep-purple-800 {\n background-color: rgb(69,39,160) !important; }\n\n.deep-purple-900 {\n color: rgb(49,27,146) !important; }\n\n.bg-deep-purple-900 {\n background-color: rgb(49,27,146) !important; }\n\n.deep-purple-A100 {\n color: rgb(179,136,255) !important; }\n\n.bg-deep-purple-A100 {\n background-color: rgb(179,136,255) !important; }\n\n.deep-purple-A200 {\n color: rgb(124,77,255) !important; }\n\n.bg-deep-purple-A200 {\n background-color: rgb(124,77,255) !important; }\n\n.deep-purple-A400 {\n color: rgb(101,31,255) !important; }\n\n.bg-deep-purple-A400 {\n background-color: rgb(101,31,255) !important; }\n\n.deep-purple-A700 {\n color: rgb(98,0,234) !important; }\n\n.bg-deep-purple-A700 {\n background-color: rgb(98,0,234) !important; }\n\n.indigo {\n color: rgb(63,81,181) !important; }\n\n.bg-indigo {\n background-color: rgb(63,81,181) !important; }\n\n.indigo-50 {\n color: rgb(232,234,246) !important; }\n\n.bg-indigo-50 {\n background-color: rgb(232,234,246) !important; }\n\n.indigo-100 {\n color: rgb(197,202,233) !important; }\n\n.bg-indigo-100 {\n background-color: rgb(197,202,233) !important; }\n\n.indigo-200 {\n color: rgb(159,168,218) !important; }\n\n.bg-indigo-200 {\n background-color: rgb(159,168,218) !important; }\n\n.indigo-300 {\n color: rgb(121,134,203) !important; }\n\n.bg-indigo-300 {\n background-color: rgb(121,134,203) !important; }\n\n.indigo-400 {\n color: rgb(92,107,192) !important; }\n\n.bg-indigo-400 {\n background-color: rgb(92,107,192) !important; }\n\n.indigo-500 {\n color: rgb(63,81,181) !important; }\n\n.bg-indigo-500 {\n background-color: rgb(63,81,181) !important; }\n\n.indigo-600 {\n color: rgb(57,73,171) !important; }\n\n.bg-indigo-600 {\n background-color: rgb(57,73,171) !important; }\n\n.indigo-700 {\n color: rgb(48,63,159) !important; }\n\n.bg-indigo-700 {\n background-color: rgb(48,63,159) !important; }\n\n.indigo-800 {\n color: rgb(40,53,147) !important; }\n\n.bg-indigo-800 {\n background-color: rgb(40,53,147) !important; }\n\n.indigo-900 {\n color: rgb(26,35,126) !important; }\n\n.bg-indigo-900 {\n background-color: rgb(26,35,126) !important; }\n\n.indigo-A100 {\n color: rgb(140,158,255) !important; }\n\n.bg-indigo-A100 {\n background-color: rgb(140,158,255) !important; }\n\n.indigo-A200 {\n color: rgb(83,109,254) !important; }\n\n.bg-indigo-A200 {\n background-color: rgb(83,109,254) !important; }\n\n.indigo-A400 {\n color: rgb(61,90,254) !important; }\n\n.bg-indigo-A400 {\n background-color: rgb(61,90,254) !important; }\n\n.indigo-A700 {\n color: rgb(48,79,254) !important; }\n\n.bg-indigo-A700 {\n background-color: rgb(48,79,254) !important; }\n\n.blue {\n color: rgb(33,150,243) !important; }\n\n.bg-blue {\n background-color: rgb(33,150,243) !important; }\n\n.blue-50 {\n color: rgb(227,242,253) !important; }\n\n.bg-blue-50 {\n background-color: rgb(227,242,253) !important; }\n\n.blue-100 {\n color: rgb(187,222,251) !important; }\n\n.bg-blue-100 {\n background-color: rgb(187,222,251) !important; }\n\n.blue-200 {\n color: rgb(144,202,249) !important; }\n\n.bg-blue-200 {\n background-color: rgb(144,202,249) !important; }\n\n.blue-300 {\n color: rgb(100,181,246) !important; }\n\n.bg-blue-300 {\n background-color: rgb(100,181,246) !important; }\n\n.blue-400 {\n color: rgb(66,165,245) !important; }\n\n.bg-blue-400 {\n background-color: rgb(66,165,245) !important; }\n\n.blue-500 {\n color: rgb(33,150,243) !important; }\n\n.bg-blue-500 {\n background-color: rgb(33,150,243) !important; }\n\n.blue-600 {\n color: rgb(30,136,229) !important; }\n\n.bg-blue-600 {\n background-color: rgb(30,136,229) !important; }\n\n.blue-700 {\n color: rgb(25,118,210) !important; }\n\n.bg-blue-700 {\n background-color: rgb(25,118,210) !important; }\n\n.blue-800 {\n color: rgb(21,101,192) !important; }\n\n.bg-blue-800 {\n background-color: rgb(21,101,192) !important; }\n\n.blue-900 {\n color: rgb(13,71,161) !important; }\n\n.bg-blue-900 {\n background-color: rgb(13,71,161) !important; }\n\n.blue-A100 {\n color: rgb(130,177,255) !important; }\n\n.bg-blue-A100 {\n background-color: rgb(130,177,255) !important; }\n\n.blue-A200 {\n color: rgb(68,138,255) !important; }\n\n.bg-blue-A200 {\n background-color: rgb(68,138,255) !important; }\n\n.blue-A400 {\n color: rgb(41,121,255) !important; }\n\n.bg-blue-A400 {\n background-color: rgb(41,121,255) !important; }\n\n.blue-A700 {\n color: rgb(41,98,255) !important; }\n\n.bg-blue-A700 {\n background-color: rgb(41,98,255) !important; }\n\n.light-blue {\n color: rgb(3,169,244) !important; }\n\n.bg-light-blue {\n background-color: rgb(3,169,244) !important; }\n\n.light-blue-50 {\n color: rgb(225,245,254) !important; }\n\n.bg-light-blue-50 {\n background-color: rgb(225,245,254) !important; }\n\n.light-blue-100 {\n color: rgb(179,229,252) !important; }\n\n.bg-light-blue-100 {\n background-color: rgb(179,229,252) !important; }\n\n.light-blue-200 {\n color: rgb(129,212,250) !important; }\n\n.bg-light-blue-200 {\n background-color: rgb(129,212,250) !important; }\n\n.light-blue-300 {\n color: rgb(79,195,247) !important; }\n\n.bg-light-blue-300 {\n background-color: rgb(79,195,247) !important; }\n\n.light-blue-400 {\n color: rgb(41,182,246) !important; }\n\n.bg-light-blue-400 {\n background-color: rgb(41,182,246) !important; }\n\n.light-blue-500 {\n color: rgb(3,169,244) !important; }\n\n.bg-light-blue-500 {\n background-color: rgb(3,169,244) !important; }\n\n.light-blue-600 {\n color: rgb(3,155,229) !important; }\n\n.bg-light-blue-600 {\n background-color: rgb(3,155,229) !important; }\n\n.light-blue-700 {\n color: rgb(2,136,209) !important; }\n\n.bg-light-blue-700 {\n background-color: rgb(2,136,209) !important; }\n\n.light-blue-800 {\n color: rgb(2,119,189) !important; }\n\n.bg-light-blue-800 {\n background-color: rgb(2,119,189) !important; }\n\n.light-blue-900 {\n color: rgb(1,87,155) !important; }\n\n.bg-light-blue-900 {\n background-color: rgb(1,87,155) !important; }\n\n.light-blue-A100 {\n color: rgb(128,216,255) !important; }\n\n.bg-light-blue-A100 {\n background-color: rgb(128,216,255) !important; }\n\n.light-blue-A200 {\n color: rgb(64,196,255) !important; }\n\n.bg-light-blue-A200 {\n background-color: rgb(64,196,255) !important; }\n\n.light-blue-A400 {\n color: rgb(0,176,255) !important; }\n\n.bg-light-blue-A400 {\n background-color: rgb(0,176,255) !important; }\n\n.light-blue-A700 {\n color: rgb(0,145,234) !important; }\n\n.bg-light-blue-A700 {\n background-color: rgb(0,145,234) !important; }\n\n.cyan {\n color: rgb(0,188,212) !important; }\n\n.bg-cyan {\n background-color: rgb(0,188,212) !important; }\n\n.cyan-50 {\n color: rgb(224,247,250) !important; }\n\n.bg-cyan-50 {\n background-color: rgb(224,247,250) !important; }\n\n.cyan-100 {\n color: rgb(178,235,242) !important; }\n\n.bg-cyan-100 {\n background-color: rgb(178,235,242) !important; }\n\n.cyan-200 {\n color: rgb(128,222,234) !important; }\n\n.bg-cyan-200 {\n background-color: rgb(128,222,234) !important; }\n\n.cyan-300 {\n color: rgb(77,208,225) !important; }\n\n.bg-cyan-300 {\n background-color: rgb(77,208,225) !important; }\n\n.cyan-400 {\n color: rgb(38,198,218) !important; }\n\n.bg-cyan-400 {\n background-color: rgb(38,198,218) !important; }\n\n.cyan-500 {\n color: rgb(0,188,212) !important; }\n\n.bg-cyan-500 {\n background-color: rgb(0,188,212) !important; }\n\n.cyan-600 {\n color: rgb(0,172,193) !important; }\n\n.bg-cyan-600 {\n background-color: rgb(0,172,193) !important; }\n\n.cyan-700 {\n color: rgb(0,151,167) !important; }\n\n.bg-cyan-700 {\n background-color: rgb(0,151,167) !important; }\n\n.cyan-800 {\n color: rgb(0,131,143) !important; }\n\n.bg-cyan-800 {\n background-color: rgb(0,131,143) !important; }\n\n.cyan-900 {\n color: rgb(0,96,100) !important; }\n\n.bg-cyan-900 {\n background-color: rgb(0,96,100) !important; }\n\n.cyan-A100 {\n color: rgb(132,255,255) !important; }\n\n.bg-cyan-A100 {\n background-color: rgb(132,255,255) !important; }\n\n.cyan-A200 {\n color: rgb(24,255,255) !important; }\n\n.bg-cyan-A200 {\n background-color: rgb(24,255,255) !important; }\n\n.cyan-A400 {\n color: rgb(0,229,255) !important; }\n\n.bg-cyan-A400 {\n background-color: rgb(0,229,255) !important; }\n\n.cyan-A700 {\n color: rgb(0,184,212) !important; }\n\n.bg-cyan-A700 {\n background-color: rgb(0,184,212) !important; }\n\n.teal {\n color: rgb(0,150,136) !important; }\n\n.bg-teal {\n background-color: rgb(0,150,136) !important; }\n\n.teal-50 {\n color: rgb(224,242,241) !important; }\n\n.bg-teal-50 {\n background-color: rgb(224,242,241) !important; }\n\n.teal-100 {\n color: rgb(178,223,219) !important; }\n\n.bg-teal-100 {\n background-color: rgb(178,223,219) !important; }\n\n.teal-200 {\n color: rgb(128,203,196) !important; }\n\n.bg-teal-200 {\n background-color: rgb(128,203,196) !important; }\n\n.teal-300 {\n color: rgb(77,182,172) !important; }\n\n.bg-teal-300 {\n background-color: rgb(77,182,172) !important; }\n\n.teal-400 {\n color: rgb(38,166,154) !important; }\n\n.bg-teal-400 {\n background-color: rgb(38,166,154) !important; }\n\n.teal-500 {\n color: rgb(0,150,136) !important; }\n\n.bg-teal-500 {\n background-color: rgb(0,150,136) !important; }\n\n.teal-600 {\n color: rgb(0,137,123) !important; }\n\n.bg-teal-600 {\n background-color: rgb(0,137,123) !important; }\n\n.teal-700 {\n color: rgb(0,121,107) !important; }\n\n.bg-teal-700 {\n background-color: rgb(0,121,107) !important; }\n\n.teal-800 {\n color: rgb(0,105,92) !important; }\n\n.bg-teal-800 {\n background-color: rgb(0,105,92) !important; }\n\n.teal-900 {\n color: rgb(0,77,64) !important; }\n\n.bg-teal-900 {\n background-color: rgb(0,77,64) !important; }\n\n.teal-A100 {\n color: rgb(167,255,235) !important; }\n\n.bg-teal-A100 {\n background-color: rgb(167,255,235) !important; }\n\n.teal-A200 {\n color: rgb(100,255,218) !important; }\n\n.bg-teal-A200 {\n background-color: rgb(100,255,218) !important; }\n\n.teal-A400 {\n color: rgb(29,233,182) !important; }\n\n.bg-teal-A400 {\n background-color: rgb(29,233,182) !important; }\n\n.teal-A700 {\n color: rgb(0,191,165) !important; }\n\n.bg-teal-A700 {\n background-color: rgb(0,191,165) !important; }\n\n.green {\n color: rgb(76,175,80) !important; }\n\n.bg-green {\n background-color: rgb(76,175,80) !important; }\n\n.green-50 {\n color: rgb(232,245,233) !important; }\n\n.bg-green-50 {\n background-color: rgb(232,245,233) !important; }\n\n.green-100 {\n color: rgb(200,230,201) !important; }\n\n.bg-green-100 {\n background-color: rgb(200,230,201) !important; }\n\n.green-200 {\n color: rgb(165,214,167) !important; }\n\n.bg-green-200 {\n background-color: rgb(165,214,167) !important; }\n\n.green-300 {\n color: rgb(129,199,132) !important; }\n\n.bg-green-300 {\n background-color: rgb(129,199,132) !important; }\n\n.green-400 {\n color: rgb(102,187,106) !important; }\n\n.bg-green-400 {\n background-color: rgb(102,187,106) !important; }\n\n.green-500 {\n color: rgb(76,175,80) !important; }\n\n.bg-green-500 {\n background-color: rgb(76,175,80) !important; }\n\n.green-600 {\n color: rgb(67,160,71) !important; }\n\n.bg-green-600 {\n background-color: rgb(67,160,71) !important; }\n\n.green-700 {\n color: rgb(56,142,60) !important; }\n\n.bg-green-700 {\n background-color: rgb(56,142,60) !important; }\n\n.green-800 {\n color: rgb(46,125,50) !important; }\n\n.bg-green-800 {\n background-color: rgb(46,125,50) !important; }\n\n.green-900 {\n color: rgb(27,94,32) !important; }\n\n.bg-green-900 {\n background-color: rgb(27,94,32) !important; }\n\n.green-A100 {\n color: rgb(185,246,202) !important; }\n\n.bg-green-A100 {\n background-color: rgb(185,246,202) !important; }\n\n.green-A200 {\n color: rgb(105,240,174) !important; }\n\n.bg-green-A200 {\n background-color: rgb(105,240,174) !important; }\n\n.green-A400 {\n color: rgb(0,230,118) !important; }\n\n.bg-green-A400 {\n background-color: rgb(0,230,118) !important; }\n\n.green-A700 {\n color: rgb(0,200,83) !important; }\n\n.bg-green-A700 {\n background-color: rgb(0,200,83) !important; }\n\n.light-green {\n color: rgb(139,195,74) !important; }\n\n.bg-light-green {\n background-color: rgb(139,195,74) !important; }\n\n.light-green-50 {\n color: rgb(241,248,233) !important; }\n\n.bg-light-green-50 {\n background-color: rgb(241,248,233) !important; }\n\n.light-green-100 {\n color: rgb(220,237,200) !important; }\n\n.bg-light-green-100 {\n background-color: rgb(220,237,200) !important; }\n\n.light-green-200 {\n color: rgb(197,225,165) !important; }\n\n.bg-light-green-200 {\n background-color: rgb(197,225,165) !important; }\n\n.light-green-300 {\n color: rgb(174,213,129) !important; }\n\n.bg-light-green-300 {\n background-color: rgb(174,213,129) !important; }\n\n.light-green-400 {\n color: rgb(156,204,101) !important; }\n\n.bg-light-green-400 {\n background-color: rgb(156,204,101) !important; }\n\n.light-green-500 {\n color: rgb(139,195,74) !important; }\n\n.bg-light-green-500 {\n background-color: rgb(139,195,74) !important; }\n\n.light-green-600 {\n color: rgb(124,179,66) !important; }\n\n.bg-light-green-600 {\n background-color: rgb(124,179,66) !important; }\n\n.light-green-700 {\n color: rgb(104,159,56) !important; }\n\n.bg-light-green-700 {\n background-color: rgb(104,159,56) !important; }\n\n.light-green-800 {\n color: rgb(85,139,47) !important; }\n\n.bg-light-green-800 {\n background-color: rgb(85,139,47) !important; }\n\n.light-green-900 {\n color: rgb(51,105,30) !important; }\n\n.bg-light-green-900 {\n background-color: rgb(51,105,30) !important; }\n\n.light-green-A100 {\n color: rgb(204,255,144) !important; }\n\n.bg-light-green-A100 {\n background-color: rgb(204,255,144) !important; }\n\n.light-green-A200 {\n color: rgb(178,255,89) !important; }\n\n.bg-light-green-A200 {\n background-color: rgb(178,255,89) !important; }\n\n.light-green-A400 {\n color: rgb(118,255,3) !important; }\n\n.bg-light-green-A400 {\n background-color: rgb(118,255,3) !important; }\n\n.light-green-A700 {\n color: rgb(100,221,23) !important; }\n\n.bg-light-green-A700 {\n background-color: rgb(100,221,23) !important; }\n\n.lime {\n color: rgb(205,220,57) !important; }\n\n.bg-lime {\n background-color: rgb(205,220,57) !important; }\n\n.lime-50 {\n color: rgb(249,251,231) !important; }\n\n.bg-lime-50 {\n background-color: rgb(249,251,231) !important; }\n\n.lime-100 {\n color: rgb(240,244,195) !important; }\n\n.bg-lime-100 {\n background-color: rgb(240,244,195) !important; }\n\n.lime-200 {\n color: rgb(230,238,156) !important; }\n\n.bg-lime-200 {\n background-color: rgb(230,238,156) !important; }\n\n.lime-300 {\n color: rgb(220,231,117) !important; }\n\n.bg-lime-300 {\n background-color: rgb(220,231,117) !important; }\n\n.lime-400 {\n color: rgb(212,225,87) !important; }\n\n.bg-lime-400 {\n background-color: rgb(212,225,87) !important; }\n\n.lime-500 {\n color: rgb(205,220,57) !important; }\n\n.bg-lime-500 {\n background-color: rgb(205,220,57) !important; }\n\n.lime-600 {\n color: rgb(192,202,51) !important; }\n\n.bg-lime-600 {\n background-color: rgb(192,202,51) !important; }\n\n.lime-700 {\n color: rgb(175,180,43) !important; }\n\n.bg-lime-700 {\n background-color: rgb(175,180,43) !important; }\n\n.lime-800 {\n color: rgb(158,157,36) !important; }\n\n.bg-lime-800 {\n background-color: rgb(158,157,36) !important; }\n\n.lime-900 {\n color: rgb(130,119,23) !important; }\n\n.bg-lime-900 {\n background-color: rgb(130,119,23) !important; }\n\n.lime-A100 {\n color: rgb(244,255,129) !important; }\n\n.bg-lime-A100 {\n background-color: rgb(244,255,129) !important; }\n\n.lime-A200 {\n color: rgb(238,255,65) !important; }\n\n.bg-lime-A200 {\n background-color: rgb(238,255,65) !important; }\n\n.lime-A400 {\n color: rgb(198,255,0) !important; }\n\n.bg-lime-A400 {\n background-color: rgb(198,255,0) !important; }\n\n.lime-A700 {\n color: rgb(174,234,0) !important; }\n\n.bg-lime-A700 {\n background-color: rgb(174,234,0) !important; }\n\n.yellow {\n color: rgb(255,235,59) !important; }\n\n.bg-yellow {\n background-color: rgb(255,235,59) !important; }\n\n.yellow-50 {\n color: rgb(255,253,231) !important; }\n\n.bg-yellow-50 {\n background-color: rgb(255,253,231) !important; }\n\n.yellow-100 {\n color: rgb(255,249,196) !important; }\n\n.bg-yellow-100 {\n background-color: rgb(255,249,196) !important; }\n\n.yellow-200 {\n color: rgb(255,245,157) !important; }\n\n.bg-yellow-200 {\n background-color: rgb(255,245,157) !important; }\n\n.yellow-300 {\n color: rgb(255,241,118) !important; }\n\n.bg-yellow-300 {\n background-color: rgb(255,241,118) !important; }\n\n.yellow-400 {\n color: rgb(255,238,88) !important; }\n\n.bg-yellow-400 {\n background-color: rgb(255,238,88) !important; }\n\n.yellow-500 {\n color: rgb(255,235,59) !important; }\n\n.bg-yellow-500 {\n background-color: rgb(255,235,59) !important; }\n\n.yellow-600 {\n color: rgb(253,216,53) !important; }\n\n.bg-yellow-600 {\n background-color: rgb(253,216,53) !important; }\n\n.yellow-700 {\n color: rgb(251,192,45) !important; }\n\n.bg-yellow-700 {\n background-color: rgb(251,192,45) !important; }\n\n.yellow-800 {\n color: rgb(249,168,37) !important; }\n\n.bg-yellow-800 {\n background-color: rgb(249,168,37) !important; }\n\n.yellow-900 {\n color: rgb(245,127,23) !important; }\n\n.bg-yellow-900 {\n background-color: rgb(245,127,23) !important; }\n\n.yellow-A100 {\n color: rgb(255,255,141) !important; }\n\n.bg-yellow-A100 {\n background-color: rgb(255,255,141) !important; }\n\n.yellow-A200 {\n color: rgb(255,255,0) !important; }\n\n.bg-yellow-A200 {\n background-color: rgb(255,255,0) !important; }\n\n.yellow-A400 {\n color: rgb(255,234,0) !important; }\n\n.bg-yellow-A400 {\n background-color: rgb(255,234,0) !important; }\n\n.yellow-A700 {\n color: rgb(255,214,0) !important; }\n\n.bg-yellow-A700 {\n background-color: rgb(255,214,0) !important; }\n\n.amber {\n color: rgb(255,193,7) !important; }\n\n.bg-amber {\n background-color: rgb(255,193,7) !important; }\n\n.amber-50 {\n color: rgb(255,248,225) !important; }\n\n.bg-amber-50 {\n background-color: rgb(255,248,225) !important; }\n\n.amber-100 {\n color: rgb(255,236,179) !important; }\n\n.bg-amber-100 {\n background-color: rgb(255,236,179) !important; }\n\n.amber-200 {\n color: rgb(255,224,130) !important; }\n\n.bg-amber-200 {\n background-color: rgb(255,224,130) !important; }\n\n.amber-300 {\n color: rgb(255,213,79) !important; }\n\n.bg-amber-300 {\n background-color: rgb(255,213,79) !important; }\n\n.amber-400 {\n color: rgb(255,202,40) !important; }\n\n.bg-amber-400 {\n background-color: rgb(255,202,40) !important; }\n\n.amber-500 {\n color: rgb(255,193,7) !important; }\n\n.bg-amber-500 {\n background-color: rgb(255,193,7) !important; }\n\n.amber-600 {\n color: rgb(255,179,0) !important; }\n\n.bg-amber-600 {\n background-color: rgb(255,179,0) !important; }\n\n.amber-700 {\n color: rgb(255,160,0) !important; }\n\n.bg-amber-700 {\n background-color: rgb(255,160,0) !important; }\n\n.amber-800 {\n color: rgb(255,143,0) !important; }\n\n.bg-amber-800 {\n background-color: rgb(255,143,0) !important; }\n\n.amber-900 {\n color: rgb(255,111,0) !important; }\n\n.bg-amber-900 {\n background-color: rgb(255,111,0) !important; }\n\n.amber-A100 {\n color: rgb(255,229,127) !important; }\n\n.bg-amber-A100 {\n background-color: rgb(255,229,127) !important; }\n\n.amber-A200 {\n color: rgb(255,215,64) !important; }\n\n.bg-amber-A200 {\n background-color: rgb(255,215,64) !important; }\n\n.amber-A400 {\n color: rgb(255,196,0) !important; }\n\n.bg-amber-A400 {\n background-color: rgb(255,196,0) !important; }\n\n.amber-A700 {\n color: rgb(255,171,0) !important; }\n\n.bg-amber-A700 {\n background-color: rgb(255,171,0) !important; }\n\n.orange {\n color: rgb(255,152,0) !important; }\n\n.bg-orange {\n background-color: rgb(255,152,0) !important; }\n\n.orange-50 {\n color: rgb(255,243,224) !important; }\n\n.bg-orange-50 {\n background-color: rgb(255,243,224) !important; }\n\n.orange-100 {\n color: rgb(255,224,178) !important; }\n\n.bg-orange-100 {\n background-color: rgb(255,224,178) !important; }\n\n.orange-200 {\n color: rgb(255,204,128) !important; }\n\n.bg-orange-200 {\n background-color: rgb(255,204,128) !important; }\n\n.orange-300 {\n color: rgb(255,183,77) !important; }\n\n.bg-orange-300 {\n background-color: rgb(255,183,77) !important; }\n\n.orange-400 {\n color: rgb(255,167,38) !important; }\n\n.bg-orange-400 {\n background-color: rgb(255,167,38) !important; }\n\n.orange-500 {\n color: rgb(255,152,0) !important; }\n\n.bg-orange-500 {\n background-color: rgb(255,152,0) !important; }\n\n.orange-600 {\n color: rgb(251,140,0) !important; }\n\n.bg-orange-600 {\n background-color: rgb(251,140,0) !important; }\n\n.orange-700 {\n color: rgb(245,124,0) !important; }\n\n.bg-orange-700 {\n background-color: rgb(245,124,0) !important; }\n\n.orange-800 {\n color: rgb(239,108,0) !important; }\n\n.bg-orange-800 {\n background-color: rgb(239,108,0) !important; }\n\n.orange-900 {\n color: rgb(230,81,0) !important; }\n\n.bg-orange-900 {\n background-color: rgb(230,81,0) !important; }\n\n.orange-A100 {\n color: rgb(255,209,128) !important; }\n\n.bg-orange-A100 {\n background-color: rgb(255,209,128) !important; }\n\n.orange-A200 {\n color: rgb(255,171,64) !important; }\n\n.bg-orange-A200 {\n background-color: rgb(255,171,64) !important; }\n\n.orange-A400 {\n color: rgb(255,145,0) !important; }\n\n.bg-orange-A400 {\n background-color: rgb(255,145,0) !important; }\n\n.orange-A700 {\n color: rgb(255,109,0) !important; }\n\n.bg-orange-A700 {\n background-color: rgb(255,109,0) !important; }\n\n.deep-orange {\n color: rgb(255,87,34) !important; }\n\n.bg-deep-orange {\n background-color: rgb(255,87,34) !important; }\n\n.deep-orange-50 {\n color: rgb(251,233,231) !important; }\n\n.bg-deep-orange-50 {\n background-color: rgb(251,233,231) !important; }\n\n.deep-orange-100 {\n color: rgb(255,204,188) !important; }\n\n.bg-deep-orange-100 {\n background-color: rgb(255,204,188) !important; }\n\n.deep-orange-200 {\n color: rgb(255,171,145) !important; }\n\n.bg-deep-orange-200 {\n background-color: rgb(255,171,145) !important; }\n\n.deep-orange-300 {\n color: rgb(255,138,101) !important; }\n\n.bg-deep-orange-300 {\n background-color: rgb(255,138,101) !important; }\n\n.deep-orange-400 {\n color: rgb(255,112,67) !important; }\n\n.bg-deep-orange-400 {\n background-color: rgb(255,112,67) !important; }\n\n.deep-orange-500 {\n color: rgb(255,87,34) !important; }\n\n.bg-deep-orange-500 {\n background-color: rgb(255,87,34) !important; }\n\n.deep-orange-600 {\n color: rgb(244,81,30) !important; }\n\n.bg-deep-orange-600 {\n background-color: rgb(244,81,30) !important; }\n\n.deep-orange-700 {\n color: rgb(230,74,25) !important; }\n\n.bg-deep-orange-700 {\n background-color: rgb(230,74,25) !important; }\n\n.deep-orange-800 {\n color: rgb(216,67,21) !important; }\n\n.bg-deep-orange-800 {\n background-color: rgb(216,67,21) !important; }\n\n.deep-orange-900 {\n color: rgb(191,54,12) !important; }\n\n.bg-deep-orange-900 {\n background-color: rgb(191,54,12) !important; }\n\n.deep-orange-A100 {\n color: rgb(255,158,128) !important; }\n\n.bg-deep-orange-A100 {\n background-color: rgb(255,158,128) !important; }\n\n.deep-orange-A200 {\n color: rgb(255,110,64) !important; }\n\n.bg-deep-orange-A200 {\n background-color: rgb(255,110,64) !important; }\n\n.deep-orange-A400 {\n color: rgb(255,61,0) !important; }\n\n.bg-deep-orange-A400 {\n background-color: rgb(255,61,0) !important; }\n\n.deep-orange-A700 {\n color: rgb(221,44,0) !important; }\n\n.bg-deep-orange-A700 {\n background-color: rgb(221,44,0) !important; }\n\n.brown {\n color: rgb(121,85,72) !important; }\n\n.bg-brown {\n background-color: rgb(121,85,72) !important; }\n\n.brown-50 {\n color: rgb(239,235,233) !important; }\n\n.bg-brown-50 {\n background-color: rgb(239,235,233) !important; }\n\n.brown-100 {\n color: rgb(215,204,200) !important; }\n\n.bg-brown-100 {\n background-color: rgb(215,204,200) !important; }\n\n.brown-200 {\n color: rgb(188,170,164) !important; }\n\n.bg-brown-200 {\n background-color: rgb(188,170,164) !important; }\n\n.brown-300 {\n color: rgb(161,136,127) !important; }\n\n.bg-brown-300 {\n background-color: rgb(161,136,127) !important; }\n\n.brown-400 {\n color: rgb(141,110,99) !important; }\n\n.bg-brown-400 {\n background-color: rgb(141,110,99) !important; }\n\n.brown-500 {\n color: rgb(121,85,72) !important; }\n\n.bg-brown-500 {\n background-color: rgb(121,85,72) !important; }\n\n.brown-600 {\n color: rgb(109,76,65) !important; }\n\n.bg-brown-600 {\n background-color: rgb(109,76,65) !important; }\n\n.brown-700 {\n color: rgb(93,64,55) !important; }\n\n.bg-brown-700 {\n background-color: rgb(93,64,55) !important; }\n\n.brown-800 {\n color: rgb(78,52,46) !important; }\n\n.bg-brown-800 {\n background-color: rgb(78,52,46) !important; }\n\n.brown-900 {\n color: rgb(62,39,35) !important; }\n\n.bg-brown-900 {\n background-color: rgb(62,39,35) !important; }\n\n.grey {\n color: rgb(158,158,158) !important; }\n\n.bg-grey {\n background-color: rgb(158,158,158) !important; }\n\n.grey-50 {\n color: rgb(250,250,250) !important; }\n\n.bg-grey-50 {\n background-color: rgb(250,250,250) !important; }\n\n.grey-100 {\n color: rgb(245,245,245) !important; }\n\n.bg-grey-100 {\n background-color: rgb(245,245,245) !important; }\n\n.grey-200 {\n color: rgb(238,238,238) !important; }\n\n.bg-grey-200 {\n background-color: rgb(238,238,238) !important; }\n\n.grey-300 {\n color: rgb(224,224,224) !important; }\n\n.bg-grey-300 {\n background-color: rgb(224,224,224) !important; }\n\n.grey-400 {\n color: rgb(189,189,189) !important; }\n\n.bg-grey-400 {\n background-color: rgb(189,189,189) !important; }\n\n.grey-500 {\n color: rgb(158,158,158) !important; }\n\n.bg-grey-500 {\n background-color: rgb(158,158,158) !important; }\n\n.grey-600 {\n color: rgb(117,117,117) !important; }\n\n.bg-grey-600 {\n background-color: rgb(117,117,117) !important; }\n\n.grey-700 {\n color: rgb(97,97,97) !important; }\n\n.bg-grey-700 {\n background-color: rgb(97,97,97) !important; }\n\n.grey-800 {\n color: rgb(66,66,66) !important; }\n\n.bg-grey-800 {\n background-color: rgb(66,66,66) !important; }\n\n.grey-900 {\n color: rgb(33,33,33) !important; }\n\n.bg-grey-900 {\n background-color: rgb(33,33,33) !important; }\n\n.blue-grey {\n color: rgb(96,125,139) !important; }\n\n.bg-blue-grey {\n background-color: rgb(96,125,139) !important; }\n\n.blue-grey-50 {\n color: rgb(236,239,241) !important; }\n\n.bg-blue-grey-50 {\n background-color: rgb(236,239,241) !important; }\n\n.blue-grey-100 {\n color: rgb(207,216,220) !important; }\n\n.bg-blue-grey-100 {\n background-color: rgb(207,216,220) !important; }\n\n.blue-grey-200 {\n color: rgb(176,190,197) !important; }\n\n.bg-blue-grey-200 {\n background-color: rgb(176,190,197) !important; }\n\n.blue-grey-300 {\n color: rgb(144,164,174) !important; }\n\n.bg-blue-grey-300 {\n background-color: rgb(144,164,174) !important; }\n\n.blue-grey-400 {\n color: rgb(120,144,156) !important; }\n\n.bg-blue-grey-400 {\n background-color: rgb(120,144,156) !important; }\n\n.blue-grey-500 {\n color: rgb(96,125,139) !important; }\n\n.bg-blue-grey-500 {\n background-color: rgb(96,125,139) !important; }\n\n.blue-grey-600 {\n color: rgb(84,110,122) !important; }\n\n.bg-blue-grey-600 {\n background-color: rgb(84,110,122) !important; }\n\n.blue-grey-700 {\n color: rgb(69,90,100) !important; }\n\n.bg-blue-grey-700 {\n background-color: rgb(69,90,100) !important; }\n\n.blue-grey-800 {\n color: rgb(55,71,79) !important; }\n\n.bg-blue-grey-800 {\n background-color: rgb(55,71,79) !important; }\n\n.blue-grey-900 {\n color: rgb(38,50,56) !important; }\n\n.bg-blue-grey-900 {\n background-color: rgb(38,50,56) !important; }\n\n.u-red {\n color: rgb(244,120,107) !important; }\n\n.u-bg-red {\n background-color: rgb(244,120,107) !important; }\n\n.u-red-100 {\n color: rgb(254,239,237) !important; }\n\n.u-bg-red-100 {\n background-color: rgb(254,239,237) !important; }\n\n.u-red-200 {\n color: rgb(251,212,208) !important; }\n\n.u-bg-red-200 {\n background-color: rgb(251,212,208) !important; }\n\n.u-red-300 {\n color: rgb(249,181,173) !important; }\n\n.u-bg-red-300 {\n background-color: rgb(249,181,173) !important; }\n\n.u-red-400 {\n color: rgb(246,148,137) !important; }\n\n.u-bg-red-400 {\n background-color: rgb(246,148,137) !important; }\n\n.u-red-500 {\n color: rgb(244,120,107) !important; }\n\n.u-bg-red-500 {\n background-color: rgb(244,120,107) !important; }\n\n.u-red-600 {\n color: rgb(241,90,74) !important; }\n\n.u-bg-red-600 {\n background-color: rgb(241,90,74) !important; }\n\n.u-red-700 {\n color: rgb(228,32,21) !important; }\n\n.u-bg-red-700 {\n background-color: rgb(228,32,21) !important; }\n\n.u-red-800 {\n color: rgb(216,81,66) !important; }\n\n.u-bg-red-800 {\n background-color: rgb(216,81,66) !important; }\n\n.u-red-900 {\n color: rgb(120,45,37) !important; }\n\n.u-bg-red-900 {\n background-color: rgb(120,45,37) !important; }\n\n.u-orange {\n color: rgb(254,152,76) !important; }\n\n.u-bg-orange {\n background-color: rgb(254,152,76) !important; }\n\n.u-orange-100 {\n color: rgb(255,243,234) !important; }\n\n.u-bg-orange-100 {\n background-color: rgb(255,243,234) !important; }\n\n.u-orange-200 {\n color: rgb(255,222,199) !important; }\n\n.u-bg-orange-200 {\n background-color: rgb(255,222,199) !important; }\n\n.u-orange-300 {\n color: rgb(255,198,157) !important; }\n\n.u-bg-orange-300 {\n background-color: rgb(255,198,157) !important; }\n\n.u-orange-400 {\n color: rgb(254,173,113) !important; }\n\n.u-bg-orange-400 {\n background-color: rgb(254,173,113) !important; }\n\n.u-orange-500 {\n color: rgb(254,152,76) !important; }\n\n.u-bg-orange-500 {\n background-color: rgb(254,152,76) !important; }\n\n.u-orange-600 {\n color: rgb(254,129,37) !important; }\n\n.u-bg-orange-600 {\n background-color: rgb(254,129,37) !important; }\n\n.u-orange-700 {\n color: rgb(253,65,5) !important; }\n\n.u-bg-orange-700 {\n background-color: rgb(253,65,5) !important; }\n\n.u-orange-800 {\n color: rgb(228,116,33) !important; }\n\n.u-bg-orange-800 {\n background-color: rgb(228,116,33) !important; }\n\n.u-orange-900 {\n color: rgb(127,64,18) !important; }\n\n.u-bg-orange-900 {\n background-color: rgb(127,64,18) !important; }\n\n.u-yellow {\n color: rgb(244,207,58) !important; }\n\n.u-bg-yellow {\n background-color: rgb(244,207,58) !important; }\n\n.u-yellow-100 {\n color: rgb(254,249,231) !important; }\n\n.u-bg-yellow-100 {\n background-color: rgb(254,249,231) !important; }\n\n.u-yellow-200 {\n color: rgb(251,240,193) !important; }\n\n.u-bg-yellow-200 {\n background-color: rgb(251,240,193) !important; }\n\n.u-yellow-300 {\n color: rgb(249,228,147) !important; }\n\n.u-bg-yellow-300 {\n background-color: rgb(249,228,147) !important; }\n\n.u-yellow-400 {\n color: rgb(246,217,99) !important; }\n\n.u-bg-yellow-400 {\n background-color: rgb(246,217,99) !important; }\n\n.u-yellow-500 {\n color: rgb(244,207,58) !important; }\n\n.u-bg-yellow-500 {\n background-color: rgb(244,207,58) !important; }\n\n.u-yellow-600 {\n color: rgb(241,196,15) !important; }\n\n.u-bg-yellow-600 {\n background-color: rgb(241,196,15) !important; }\n\n.u-yellow-700 {\n color: rgb(228,151,1) !important; }\n\n.u-bg-yellow-700 {\n background-color: rgb(228,151,1) !important; }\n\n.u-yellow-800 {\n color: rgb(216,176,13) !important; }\n\n.u-bg-yellow-800 {\n background-color: rgb(216,176,13) !important; }\n\n.u-yellow-900 {\n color: rgb(120,98,7) !important; }\n\n.u-bg-yellow-900 {\n background-color: rgb(120,98,7) !important; }\n\n.u-green {\n color: rgb(78,189,125) !important; }\n\n.u-bg-green {\n background-color: rgb(78,189,125) !important; }\n\n.u-green-100 {\n color: rgb(234,247,239) !important; }\n\n.u-bg-green-100 {\n background-color: rgb(234,247,239) !important; }\n\n.u-green-200 {\n color: rgb(199,234,214) !important; }\n\n.u-bg-green-200 {\n background-color: rgb(199,234,214) !important; }\n\n.u-green-300 {\n color: rgb(158,218,183) !important; }\n\n.u-bg-green-300 {\n background-color: rgb(158,218,183) !important; }\n\n.u-green-400 {\n color: rgb(114,202,151) !important; }\n\n.u-bg-green-400 {\n background-color: rgb(114,202,151) !important; }\n\n.u-green-500 {\n color: rgb(78,189,125) !important; }\n\n.u-bg-green-500 {\n background-color: rgb(78,189,125) !important; }\n\n.u-green-600 {\n color: rgb(39,174,96) !important; }\n\n.u-bg-green-600 {\n background-color: rgb(39,174,96) !important; }\n\n.u-green-700 {\n color: rgb(6,119,36) !important; }\n\n.u-bg-green-700 {\n background-color: rgb(6,119,36) !important; }\n\n.u-green-800 {\n color: rgb(35,156,86) !important; }\n\n.u-bg-green-800 {\n background-color: rgb(35,156,86) !important; }\n\n.u-green-900 {\n color: rgb(19,87,48) !important; }\n\n.u-bg-green-900 {\n background-color: rgb(19,87,48) !important; }\n\n.u-blue {\n color: rgb(68,189,228) !important; }\n\n.u-bg-blue {\n background-color: rgb(68,189,228) !important; }\n\n.u-blue-100 {\n color: rgb(233,247,252) !important; }\n\n.u-bg-blue-100 {\n background-color: rgb(233,247,252) !important; }\n\n.u-blue-200 {\n color: rgb(196,234,246) !important; }\n\n.u-bg-blue-200 {\n background-color: rgb(196,234,246) !important; }\n\n.u-blue-300 {\n color: rgb(152,218,240) !important; }\n\n.u-bg-blue-300 {\n background-color: rgb(152,218,240) !important; }\n\n.u-blue-400 {\n color: rgb(107,202,234) !important; }\n\n.u-bg-blue-400 {\n background-color: rgb(107,202,234) !important; }\n\n.u-blue-500 {\n color: rgb(68,189,228) !important; }\n\n.u-bg-blue-500 {\n background-color: rgb(68,189,228) !important; }\n\n.u-blue-600 {\n color: rgb(27,174,222) !important; }\n\n.u-bg-blue-600 {\n background-color: rgb(27,174,222) !important; }\n\n.u-blue-700 {\n color: rgb(3,119,193) !important; }\n\n.u-bg-blue-700 {\n background-color: rgb(3,119,193) !important; }\n\n.u-blue-800 {\n color: rgb(24,156,199) !important; }\n\n.u-bg-blue-800 {\n background-color: rgb(24,156,199) !important; }\n\n.u-blue-900 {\n color: rgb(8,81,119) !important; }\n\n.u-bg-blue-900 {\n background-color: rgb(8,81,119) !important; }\n\n.u-cyan {\n color: rgb(46,220,217) !important; }\n\n.u-bg-cyan {\n background-color: rgb(46,220,217) !important; }\n\n.u-cyan-100 {\n color: rgb(230,251,250) !important; }\n\n.u-bg-cyan-100 {\n background-color: rgb(230,251,250) !important; }\n\n.u-cyan-200 {\n color: rgb(189,244,243) !important; }\n\n.u-bg-cyan-200 {\n background-color: rgb(189,244,243) !important; }\n\n.u-cyan-300 {\n color: rgb(140,236,234) !important; }\n\n.u-bg-cyan-300 {\n background-color: rgb(140,236,234) !important; }\n\n.u-cyan-400 {\n color: rgb(89,227,225) !important; }\n\n.u-bg-cyan-400 {\n background-color: rgb(89,227,225) !important; }\n\n.u-cyan-500 {\n color: rgb(46,220,217) !important; }\n\n.u-bg-cyan-500 {\n background-color: rgb(46,220,217) !important; }\n\n.u-cyan-600 {\n color: rgb(0,212,209) !important; }\n\n.u-bg-cyan-600 {\n background-color: rgb(0,212,209) !important; }\n\n.u-cyan-700 {\n color: rgb(0,190,188) !important; }\n\n.u-bg-cyan-700 {\n background-color: rgb(0,190,188) !important; }\n\n.u-cyan-800 {\n color: rgb(0,176,171) !important; }\n\n.u-bg-cyan-800 {\n background-color: rgb(0,176,171) !important; }\n\n.u-cyan-900 {\n color: rgb(0,106,104) !important; }\n\n.u-bg-cyan-900 {\n background-color: rgb(0,106,104) !important; }\n\n.u-purple {\n color: rgb(185,131,252) !important; }\n\n.u-bg-purple {\n background-color: rgb(185,131,252) !important; }\n\n.u-purple-100 {\n color: rgb(247,240,255) !important; }\n\n.u-bg-purple-100 {\n background-color: rgb(247,240,255) !important; }\n\n.u-purple-200 {\n color: rgb(233,216,254) !important; }\n\n.u-bg-purple-200 {\n background-color: rgb(233,216,254) !important; }\n\n.u-purple-300 {\n color: rgb(217,187,253) !important; }\n\n.u-bg-purple-300 {\n background-color: rgb(217,187,253) !important; }\n\n.u-purple-400 {\n color: rgb(200,157,252) !important; }\n\n.u-bg-purple-400 {\n background-color: rgb(200,157,252) !important; }\n\n.u-purple-500 {\n color: rgb(185,131,252) !important; }\n\n.u-bg-purple-500 {\n background-color: rgb(185,131,252) !important; }\n\n.u-purple-600 {\n color: rgb(170,104,251) !important; }\n\n.u-bg-purple-600 {\n background-color: rgb(170,104,251) !important; }\n\n.u-purple-700 {\n color: rgb(153,93,225) !important; }\n\n.u-bg-purple-700 {\n background-color: rgb(153,93,225) !important; }\n\n.u-purple-800 {\n color: rgb(113,42,247) !important; }\n\n.u-bg-purple-800 {\n background-color: rgb(113,42,247) !important; }\n\n.u-purple-900 {\n color: rgb(85,52,125) !important; }\n\n.u-bg-purple-900 {\n background-color: rgb(85,52,125) !important; }\n\n.u-gray {\n color: rgb(206,206,206) !important; }\n\n.u-bg-gray {\n background-color: rgb(206,206,206) !important; }\n\n.u-gray-50 {\n color: rgb(255,255,255) !important; }\n\n.u-bg-gray-50 {\n background-color: rgb(255,255,255) !important; }\n\n.u-gray-100 {\n color: rgb(241,241,241) !important; }\n\n.u-bg-gray-100 {\n background-color: rgb(241,241,241) !important; }\n\n.u-gray-200 {\n color: rgb(235,235,235) !important; }\n\n.u-bg-gray-200 {\n background-color: rgb(235,235,235) !important; }\n\n.u-gray-300 {\n color: rgb(227,227,227) !important; }\n\n.u-bg-gray-300 {\n background-color: rgb(227,227,227) !important; }\n\n.u-gray-400 {\n color: rgb(215,215,215) !important; }\n\n.u-bg-gray-400 {\n background-color: rgb(215,215,215) !important; }\n\n.u-gray-500 {\n color: rgb(206,206,206) !important; }\n\n.u-bg-gray-500 {\n background-color: rgb(206,206,206) !important; }\n\n.u-gray-600 {\n color: rgb(191,191,191) !important; }\n\n.u-bg-gray-600 {\n background-color: rgb(191,191,191) !important; }\n\n.u-gray-700 {\n color: rgb(180,180,180) !important; }\n\n.u-bg-gray-700 {\n background-color: rgb(180,180,180) !important; }\n\n.u-gray-800 {\n color: rgb(153,153,153) !important; }\n\n.u-bg-gray-800 {\n background-color: rgb(153,153,153) !important; }\n\n.u-gray-900 {\n color: rgb(102,102,102) !important; }\n\n.u-bg-gray-900 {\n background-color: rgb(102,102,102) !important; }\n\n.u-bg-gray-A100 {\n background-color: rgb(51,51,51) !important; }\n\n.u-gray-A100 {\n color: rgb(51,51,51) !important; }\n\n.u-bg-gray-A200 {\n background-color: rgb(25,25,25) !important; }\n\n.u-gray-A200 {\n color: rgb(25,25,25) !important; }\n\n.bg-black {\n background-color: rgb(0,0,0) !important; }\n\n.black {\n color: rgb(0,0,0) !important; }\n\n.bg-white {\n background-color: rgb(255,255,255) !important; }\n\n.white {\n color: rgb(255,255,255) !important; }\n\n.bg-primary {\n background-color: rgb(245, 60, 50) !important; }\n\n.bg-primary-contrast {\n background-color: rgb(255,255,255) !important; }\n\n.bg-primary-dark {\n background-color: rgb(230, 0, 18) !important; }\n\n.bg-accent {\n background-color: rgb(67,160,71) !important; }\n\n.bg-accent-contrast {\n background-color: rgb(255,255,255) !important; }\n\n.text-primary {\n color: rgb(245, 60, 50) !important; }\n\n.text-primary-contrast {\n color: rgb(255,255,255) !important; }\n\n.text-primary-dark {\n color: rgb(230, 0, 18) !important; }\n\n.text-accent {\n color: rgb(67,160,71) !important; }\n\n.text-accent-contrast {\n color: rgb(255,255,255) !important; }\n\n/*\r\n * 保护有用的浏览器默认样式而不是完全去掉它们\r\n * 一般化的样式:为大部分HTML元素提供\r\n * 修复浏览器自身的bug并保证各浏览器的一致性\r\n * 优化CSS可用性:用一些小技巧\r\n * 解释代码:用注释和详细的文档来\r\n*/\nhtml {\n width: 100%;\n height: 100%;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%; }\n\n/*\r\n* 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。\r\n* 去掉默认的margin\r\n*/\nbody {\n margin: 0;\n width: 100%;\n height: 100%; }\n\n/*\r\n * 主显示屏复位为IE支持\r\n * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011\r\n */\nmain {\n display: block; }\n\n/*\r\n* 对具有hidden属性的元素不应用显示。\r\n* IE 9 and 10 support.\r\n*/\n*[hidden] {\n display: none !important; }\n\n*, :after, :before {\n box-sizing: border-box; }\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block; }\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\naudio:not([controls]) {\n display: none;\n height: 0; }\n\nprogress {\n vertical-align: baseline; }\n\ntemplate,\n[hidden] {\n display: none; }\n\na {\n background-color: transparent; }\n\na:active,\na:hover {\n outline-width: 0; }\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted; }\n\nb,\nstrong {\n font-weight: inherit; }\n\nb,\nstrong {\n font-weight: bolder; }\n\ndfn {\n font-style: italic; }\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\nmark {\n background-color: #ff0;\n color: #000; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\nimg {\n border-style: none; }\n\nsvg:not(:root) {\n overflow: hidden; }\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em; }\n\nfigure {\n margin: 1em 40px; }\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible; }\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; }\n\noptgroup {\n font-weight: bold; }\n\nbutton,\ninput,\nselect {\n overflow: visible; }\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0; }\n\nbutton,\nselect {\n text-transform: none; }\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n cursor: pointer; }\n\n[disabled] {\n cursor: default; }\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0; }\n\nbutton:-moz-focusring,\ninput:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal; }\n\ntextarea {\n overflow: auto; }\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0; }\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n[type=\"search\"] {\n -webkit-appearance: textfield; }\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/* FormGroup */\n/* Navlayout */\nhtml {\n font-size: 10px; }\n\nbody {\n font-family: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;\n font-color: rgb(153,153,153);\n font-size: 1.4rem;\n line-height: 1.4; }\n\ni.uf {\n padding: 0 5px; }\n\n/*\r\n * 选择时删除文本阴影,及设置默认选中颜色\r\n */\n::selection {\n background: rgb(187,222,251);\n text-shadow: none; }\n\n/*\r\n * 默认水平规则\r\n */\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #ccc;\n margin: 1em 0;\n padding: 0; }\n\n/*\r\n * 删除音频,画布,iframes,图像,视频和其容器底部之间的差距\r\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle; }\n\n/*\r\n * 仅允许垂直调整textareas的大小\r\n */\ntextarea {\n resize: vertical; }\n\n/* ==========================================================================\r\n 浏览器升级提示\r\n ========================================================================== */\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0; }\n\n/*\r\n * 适用于屏幕阅读器的隐藏\r\n */\n.visuallyhidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px; }\n\n/*\r\n * 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的:\r\n * https://www.drupal.org/node/897638\r\n */\n.visuallyhidden.focusable:active,\n.visuallyhidden.focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n width: auto; }\n\n/* ==========================================================================\r\n 打印样式。内联以避免额外的HTTP请求\r\n\r\n ========================================================================== */\n@media print {\n *,\n *:before,\n *:after,\n *:first-letter,\n *:first-line {\n background: transparent !important;\n color: #000 !important;\n /* Black prints faster: http://www.sanbeiji.com/archives/953 */\n box-shadow: none !important;\n text-shadow: none !important; }\n a,\n a:visited {\n text-decoration: underline; }\n a[href]:after {\n content: \" (\" attr(href) \")\"; }\n abbr[title]:after {\n content: \" (\" attr(title) \")\"; }\n /*\r\n * 不显示片段标识符的链接,\r\n * 或使用`javascript:`伪协议\r\n */\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\"; }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid; }\n /*\r\n * 打印表格:\r\n * http://css-discuss.incutio.com/wiki/Printing_Tables\r\n */\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n img {\n max-width: 100% !important; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; } }\n\n/*\r\n*删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android\r\n**/\na, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,\n.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {\n -webkit-tap-highlight-color: transparent;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }\n\n@font-face {\n font-family: \"uf\";\n src: url(\"../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920\");\n /* IE9*/\n src: url(\"../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920#iefix\") format(\"embedded-opentype\"), url(\"../node_modules/tinper-bee-core/scss/iconfont.woff?t=1483429573920\") format(\"woff\"), url(\"../node_modules/tinper-bee-core/scss/iconfont.ttf?t=1483429573920\") format(\"truetype\"), url(\"../node_modules/tinper-bee-core/scss/iconfont.svg?t=1483429573920#uf\") format(\"svg\");\n /* iOS 4.1- */ }\n\n.uf {\n font-family: \"uf\" !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n.uf-wechat:before {\n content: \"\\3488\"; }\n\n.uf-add-c-o:before {\n content: \"\\e601\"; }\n\n.uf-search:before {\n content: \"\\e603\"; }\n\n.uf-histogram-arrow-up:before {\n content: \"\\e633\"; }\n\n.uf-close-bold:before {\n content: \"\\e602\"; }\n\n.uf-umbrella:before {\n content: \"\\e63b\"; }\n\n.uf-qq:before {\n content: \"\\e694\"; }\n\n.uf-4square-3:before {\n content: \"\\e63d\"; }\n\n.uf-send:before {\n content: \"\\e63f\"; }\n\n.uf-map:before {\n content: \"\\e66c\"; }\n\n.uf-9square-2:before {\n content: \"\\e63e\"; }\n\n.uf-navmenu:before {\n content: \"\\e614\"; }\n\n.uf-pc-2:before {\n content: \"\\e644\"; }\n\n.uf-search-light-2:before {\n content: \"\\e627\"; }\n\n.uf-check-s-2:before {\n content: \"\\e66e\"; }\n\n.uf-pencil:before {\n content: \"\\e69b\"; }\n\n.uf-repeat:before {\n content: \"\\e634\"; }\n\n.uf-security-2:before {\n content: \"\\e6a5\"; }\n\n.uf-lexi:before {\n content: \"\\e643\"; }\n\n.uf-pencil-s:before {\n content: \"\\e77d\"; }\n\n.uf-del:before {\n content: \"\\e654\"; }\n\n.uf-bi-o:before {\n content: \"\\e641\"; }\n\n.uf-pencil-c:before {\n content: \"\\e6e6\"; }\n\n.uf-qrcode:before {\n content: \"\\e661\"; }\n\n.uf-rmb-c-o:before {\n content: \"\\e645\"; }\n\n.uf-search-c-o:before {\n content: \"\\e659\"; }\n\n.uf-bell:before {\n content: \"\\e60c\"; }\n\n.uf-pass-3:before {\n content: \"\\e649\"; }\n\n.uf-treearrow-down:before {\n content: \"\\e608\"; }\n\n.uf-training:before {\n content: \"\\e617\"; }\n\n.uf-group-2:before {\n content: \"\\e64c\"; }\n\n.uf-zoom-in:before {\n content: \"\\e906\"; }\n\n.uf-security-o:before {\n content: \"\\e7ac\"; }\n\n.uf-baojia-c:before {\n content: \"\\e64d\"; }\n\n.uf-rulerpen:before {\n content: \"\\e623\"; }\n\n.uf-erpsearch:before {\n content: \"\\e64e\"; }\n\n.uf-group-o:before {\n content: \"\\e6a8\"; }\n\n.uf-cloud-o-updown:before {\n content: \"\\e725\"; }\n\n.uf-close-c-o:before {\n content: \"\\e625\"; }\n\n.uf-add-s:before {\n content: \"\\e620\"; }\n\n.uf-pc:before {\n content: \"\\e6e8\"; }\n\n.uf-rain:before {\n content: \"\\e771\"; }\n\n.uf-nodata:before {\n content: \"\\e64f\"; }\n\n.uf-close-c:before {\n content: \"\\e66b\"; }\n\n.uf-bohui-s-o:before {\n content: \"\\e65f\"; }\n\n.uf-cloud:before {\n content: \"\\e772\"; }\n\n.uf-bag-s:before {\n content: \"\\e650\"; }\n\n.uf-table-2:before {\n content: \"\\e95f\"; }\n\n.uf-anglearrowpointingtoright:before {\n content: \"\\e61e\"; }\n\n.uf-exc-c-o:before {\n content: \"\\e615\"; }\n\n.uf-group:before {\n content: \"\\e651\"; }\n\n.uf-personin-o:before {\n content: \"\\e8d3\"; }\n\n.uf-calendar:before {\n content: \"\\e646\"; }\n\n.uf-add-s-o:before {\n content: \"\\e604\"; }\n\n.uf-sync-c-o:before {\n content: \"\\e655\"; }\n\n.uf-grid:before {\n content: \"\\e657\"; }\n\n.uf-anglepointingtoleft:before {\n content: \"\\e624\"; }\n\n.uf-activate-3:before {\n content: \"\\e65b\"; }\n\n.uf-caven:before {\n content: \"\\e663\"; }\n\n.uf-back:before {\n content: \"\\e6e3\"; }\n\n.uf-pass-2:before {\n content: \"\\e65d\"; }\n\n.uf-reduce-s-o:before {\n content: \"\\e719\"; }\n\n.uf-area:before {\n content: \"\\e6ea\"; }\n\n.uf-flag:before {\n content: \"\\e65e\"; }\n\n.uf-box-o-2:before {\n content: \"\\e610\"; }\n\n.uf-arrow-s-o-down:before {\n content: \"\\e660\"; }\n\n.uf-arrow-s-o-up:before {\n content: \"\\e662\"; }\n\n.uf-building:before {\n content: \"\\e6ee\"; }\n\n.uf-tapp:before {\n content: \"\\e773\"; }\n\n.uf-treefolder:before {\n content: \"\\e628\"; }\n\n.uf-advice:before {\n content: \"\\e6cf\"; }\n\n.uf-2collayout:before {\n content: \"\\e618\"; }\n\n.uf-check-s:before {\n content: \"\\e672\"; }\n\n.uf-sign:before {\n content: \"\\e67a\"; }\n\n.uf-listsearch:before {\n content: \"\\e67c\"; }\n\n.uf-gridcaretarrowup:before {\n content: \"\\e636\"; }\n\n.uf-eye-c-o:before {\n content: \"\\e67e\"; }\n\n.uf-check-c-o:before {\n content: \"\\e6ef\"; }\n\n.uf-seal:before {\n content: \"\\e67f\"; }\n\n.uf-erpbox:before {\n content: \"\\e6ae\"; }\n\n.uf-rulerpen-o:before {\n content: \"\\e62e\"; }\n\n.uf-role:before {\n content: \"\\e7c2\"; }\n\n.uf-exc-c-2:before {\n content: \"\\e675\"; }\n\n.uf-pad:before {\n content: \"\\e6bd\"; }\n\n.uf-treefolder-closed:before {\n content: \"\\e688\"; }\n\n.uf-reduce-c-o:before {\n content: \"\\e635\"; }\n\n.uf-pass-s-o:before {\n content: \"\\e682\"; }\n\n.uf-setting:before {\n content: \"\\e683\"; }\n\n.uf-close-s:before {\n content: \"\\e76a\"; }\n\n.uf-map-o:before {\n content: \"\\e665\"; }\n\n.uf-move:before {\n content: \"\\e68b\"; }\n\n.uf-2arrow-down:before {\n content: \"\\e606\"; }\n\n.uf-2arrow-right:before {\n content: \"\\e60b\"; }\n\n.uf-arrow-c-o-left:before {\n content: \"\\e684\"; }\n\n.uf-plus:before {\n content: \"\\e763\"; }\n\n.uf-arrow-c-o-right:before {\n content: \"\\e685\"; }\n\n.uf-arrow-c-o-down:before {\n content: \"\\e687\"; }\n\n.uf-list-s-o:before {\n content: \"\\e746\"; }\n\n.uf-cloud-o-down:before {\n content: \"\\e673\"; }\n\n.uf-nodata-2:before {\n content: \"\\e68c\"; }\n\n.uf-file-s:before {\n content: \"\\e642\"; }\n\n.uf-2arrow-up:before {\n content: \"\\e607\"; }\n\n.uf-notification:before {\n content: \"\\e9cc\"; }\n\n.uf-piechart:before {\n content: \"\\e6f0\"; }\n\n.uf-cloud-o-up:before {\n content: \"\\e6ac\"; }\n\n.uf-close:before {\n content: \"\\e76b\"; }\n\n.uf-correct:before {\n content: \"\\e677\"; }\n\n.uf-histogram-s-o-2:before {\n content: \"\\e6fa\"; }\n\n.uf-4square-2:before {\n content: \"\\e691\"; }\n\n.uf-sunny:before {\n content: \"\\e774\"; }\n\n.uf-link:before {\n content: \"\\e6fe\"; }\n\n.uf-eye:before {\n content: \"\\e692\"; }\n\n.uf-eye-o:before {\n content: \"\\e69c\"; }\n\n.uf-qian:before {\n content: \"\\e69e\"; }\n\n.uf-widgetab:before {\n content: \"\\e6f2\"; }\n\n.uf-rmb-s:before {\n content: \"\\e6a0\"; }\n\n.uf-link-off:before {\n content: \"\\e6ff\"; }\n\n.uf-shang-s:before {\n content: \"\\e6a1\"; }\n\n.uf-xia-s:before {\n content: \"\\e6a6\"; }\n\n.uf-box-2:before {\n content: \"\\e616\"; }\n\n.uf-pass-o:before {\n content: \"\\e6a7\"; }\n\n.uf-arrow-down:before {\n content: \"\\e609\"; }\n\n.uf-arrow-right:before {\n content: \"\\e611\"; }\n\n.uf-arrow-left:before {\n content: \"\\e612\"; }\n\n.uf-box:before {\n content: \"\\e613\"; }\n\n.uf-triangle-right:before {\n content: \"\\e61c\"; }\n\n.uf-histogram-s-o:before {\n content: \"\\e626\"; }\n\n.uf-book:before {\n content: \"\\e62a\"; }\n\n.uf-bookmark-o:before {\n content: \"\\e631\"; }\n\n.uf-leaf:before {\n content: \"\\e62d\"; }\n\n.uf-bullseye:before {\n content: \"\\e632\"; }\n\n.uf-gridcaretdown:before {\n content: \"\\e637\"; }\n\n.uf-triangle-up:before {\n content: \"\\e638\"; }\n\n.uf-triangle-down:before {\n content: \"\\e639\"; }\n\n.uf-cloud-down:before {\n content: \"\\e64a\"; }\n\n.uf-cloud-up:before {\n content: \"\\e64b\"; }\n\n.uf-bubble:before {\n content: \"\\e652\"; }\n\n.uf-bubble-o:before {\n content: \"\\e653\"; }\n\n.uf-copy:before {\n content: \"\\e65a\"; }\n\n.uf-correct-2:before {\n content: \"\\e658\"; }\n\n.uf-2arrow-left:before {\n content: \"\\e664\"; }\n\n.uf-arrow-down-2:before {\n content: \"\\e667\"; }\n\n.uf-download:before {\n content: \"\\e669\"; }\n\n.uf-earth:before {\n content: \"\\e66d\"; }\n\n.uf-mail-o:before {\n content: \"\\e66f\"; }\n\n.uf-mail:before {\n content: \"\\e670\"; }\n\n.uf-exc:before {\n content: \"\\e674\"; }\n\n.uf-externallink:before {\n content: \"\\e676\"; }\n\n.uf-video:before {\n content: \"\\e67b\"; }\n\n.uf-films:before {\n content: \"\\e680\"; }\n\n.uf-folder:before {\n content: \"\\e689\"; }\n\n.uf-folder-o:before {\n content: \"\\e68a\"; }\n\n.uf-4square:before {\n content: \"\\e68e\"; }\n\n.uf-gift:before {\n content: \"\\e693\"; }\n\n.uf-github-c:before {\n content: \"\\e695\"; }\n\n.uf-github-s:before {\n content: \"\\e696\"; }\n\n.uf-heart-o:before {\n content: \"\\e6a3\"; }\n\n.uf-heart:before {\n content: \"\\e6a4\"; }\n\n.uf-home:before {\n content: \"\\e6a2\"; }\n\n.uf-i-c-2:before {\n content: \"\\e6aa\"; }\n\n.uf-i:before {\n content: \"\\e6ab\"; }\n\n.uf-triangle-left:before {\n content: \"\\e6b0\"; }\n\n.uf-symlist:before {\n content: \"\\e6be\"; }\n\n.uf-arrow-left-2:before {\n content: \"\\e6bf\"; }\n\n.uf-arrow-right-2:before {\n content: \"\\e6c0\"; }\n\n.uf-arrow-up-2:before {\n content: \"\\e6c1\"; }\n\n.uf-reduce-c:before {\n content: \"\\e6cb\"; }\n\n.uf-reduce-s:before {\n content: \"\\e6cc\"; }\n\n.uf-minus:before {\n content: \"\\e6ce\"; }\n\n.uf-mobile:before {\n content: \"\\e6e0\"; }\n\n.uf-bell-o:before {\n content: \"\\e6d4\"; }\n\n.uf-9square:before {\n content: \"\\e6d5\"; }\n\n.uf-numlist:before {\n content: \"\\e6dd\"; }\n\n.uf-folderopen-o:before {\n content: \"\\e6d7\"; }\n\n.uf-treefolderopen:before {\n content: \"\\e6d8\"; }\n\n.uf-mac:before {\n content: \"\\e6ed\"; }\n\n.uf-camera:before {\n content: \"\\e6e4\"; }\n\n.uf-picture:before {\n content: \"\\e6e5\"; }\n\n.uf-play:before {\n content: \"\\e6eb\"; }\n\n.uf-play-o:before {\n content: \"\\e6ec\"; }\n\n.uf-qm-c:before {\n content: \"\\e6f4\"; }\n\n.uf-qm:before {\n content: \"\\e6f5\"; }\n\n.uf-navmenu-light:before {\n content: \"\\e6fd\"; }\n\n.uf-settings:before {\n content: \"\\e70c\"; }\n\n.uf-cart:before {\n content: \"\\e711\"; }\n\n.uf-histogram:before {\n content: \"\\e714\"; }\n\n.uf-finetune:before {\n content: \"\\e71a\"; }\n\n.uf-sortup:before {\n content: \"\\e71b\"; }\n\n.uf-sortdown:before {\n content: \"\\e71c\"; }\n\n.uf-sort19:before {\n content: \"\\e71d\"; }\n\n.uf-sort91:before {\n content: \"\\e71f\"; }\n\n.uf-za:before {\n content: \"\\e721\"; }\n\n.uf-star-o:before {\n content: \"\\e726\"; }\n\n.uf-star-2:before {\n content: \"\\e727\"; }\n\n.uf-star:before {\n content: \"\\e728\"; }\n\n.uf-luggage:before {\n content: \"\\e72d\"; }\n\n.uf-table:before {\n content: \"\\e730\"; }\n\n.uf-tel:before {\n content: \"\\e734\"; }\n\n.uf-tel-s:before {\n content: \"\\e735\"; }\n\n.uf-terminal:before {\n content: \"\\e736\"; }\n\n.uf-file:before {\n content: \"\\e738\"; }\n\n.uf-file-o:before {\n content: \"\\e739\"; }\n\n.uf-3dot-h:before {\n content: \"\\e73c\"; }\n\n.uf-time-c-o:before {\n content: \"\\e742\"; }\n\n.uf-upload:before {\n content: \"\\e750\"; }\n\n.uf-3dot-v:before {\n content: \"\\e753\"; }\n\n.uf-rmb:before {\n content: \"\\e757\"; }\n\n.uf-arrow-c-o-up:before {\n content: \"\\e6a9\"; }\n\n.uf-reject-2:before {\n content: \"\\e6ad\"; }\n\n.uf-barcode:before {\n content: \"\\e7fc\"; }\n\n.uf-zoom-out:before {\n content: \"\\e686\"; }\n\n.uf-exc-t-o:before {\n content: \"\\e60a\"; }\n\n.uf-pass:before {\n content: \"\\e6b1\"; }\n\n.uf-flow:before {\n content: \"\\e6b2\"; }\n\n.uf-add-c:before {\n content: \"\\e61a\"; }\n\n.uf-arrow-c-o-right-2:before {\n content: \"\\e6b3\"; }\n\n.uf-shelf-on:before {\n content: \"\\e6b4\"; }\n\n.uf-shelf-off:before {\n content: \"\\e6b5\"; }\n\n.uf-file-o-2:before {\n content: \"\\e60f\"; }\n\n.uf-truck-o:before {\n content: \"\\e6b6\"; }\n\n.uf-super:before {\n content: \"\\e62c\"; }\n\n.uf-equipment:before {\n content: \"\\e630\"; }\n\n.uf-arrow-c-o-left-2:before {\n content: \"\\e6b8\"; }\n\n.uf-files-o:before {\n content: \"\\e6fc\"; }\n\n.uf-cloud-o:before {\n content: \"\\e6ba\"; }\n\n.uf-rmb-s-o-2:before {\n content: \"\\e6bb\"; }\n\n.uf-3dot-c-o:before {\n content: \"\\e6f3\"; }\n\n.uf-dafeng:before {\n content: \"\\e775\"; }\n\n.uf-baoxue:before {\n content: \"\\e776\"; }\n\n.uf-bingbao:before {\n content: \"\\e777\"; }\n\n.uf-fengbao:before {\n content: \"\\e778\"; }\n\n.uf-xiaoyu:before {\n content: \"\\e779\"; }\n\n.uf-zhenxue:before {\n content: \"\\e77a\"; }\n\n.uf-zhongyu:before {\n content: \"\\e77b\"; }\n\n.uf-es:before {\n content: \"\\e747\"; }\n\n.uf-flow-o-2:before {\n content: \"\\e6bc\"; }\n\n.uf-activate-2:before {\n content: \"\\e6c2\"; }\n\n.uf-flow-o:before {\n content: \"\\e6c3\"; }\n\n.uf-bulb-2:before {\n content: \"\\e63a\"; }\n\n.uf-mi-c:before {\n content: \"\\e62f\"; }\n\n.uf-top-up:before {\n content: \"\\e668\"; }\n\n.uf-creditcard:before {\n content: \"\\e8b4\"; }\n\n.uf-align-center:before {\n content: \"\\e8b9\"; }\n\n.uf-align-justify:before {\n content: \"\\e8ba\"; }\n\n.uf-align-left:before {\n content: \"\\e8bb\"; }\n\n.uf-align-right:before {\n content: \"\\e8bc\"; }\n\n.uf-ju-c-o:before {\n content: \"\\e6c4\"; }\n\n.uf-truck:before {\n content: \"\\e990\"; }\n\n.uf-setting-c-o:before {\n content: \"\\e6c5\"; }\n\n.uf-users-o:before {\n content: \"\\e91b\"; }\n\n.uf-bag-s-o:before {\n content: \"\\e6c6\"; }\n\n.uf-cai-s:before {\n content: \"\\e6c7\"; }\n\n.uf-listcheck:before {\n content: \"\\e6c8\"; }\n\n.uf-users:before {\n content: \"\\e794\"; }\n\n.uf-i-c:before {\n content: \"\\e6cd\"; }\n\n.uf-building-o:before {\n content: \"\\e6f6\"; }\n\n.uf-rmb-s-o:before {\n content: \"\\e6d0\"; }\n\n.uf-reject:before {\n content: \"\\e6d1\"; }\n\n.uf-9dot:before {\n content: \"\\e6f7\"; }\n\n.uf-loadingstate:before {\n content: \"\\e600\"; }\n\n.uf-gateway:before {\n content: \"\\e6d3\"; }\n\n.uf-ticket-s-o:before {\n content: \"\\e6d6\"; }\n\n.uf-userset:before {\n content: \"\\e6f8\"; }\n\n.uf-puzzle-o:before {\n content: \"\\e648\"; }\n\n.uf-box-o:before {\n content: \"\\e6d9\"; }\n\n.uf-bulb:before {\n content: \"\\e6da\"; }\n\n.uf-exc-t:before {\n content: \"\\e61b\"; }\n\n.uf-rmb-c:before {\n content: \"\\e6db\"; }\n\n.uf-table-s-o:before {\n content: \"\\e759\"; }\n\n.uf-umbrella-o:before {\n content: \"\\e6dc\"; }\n\n.uf-dropbox:before {\n content: \"\\e69d\"; }\n\n.uf-search-light:before {\n content: \"\\e622\"; }\n\n.uf-cart-o:before {\n content: \"\\e8c4\"; }\n\n.uf-kero-col:before {\n content: \"\\e8c7\"; }\n\n.uf-uba-col:before {\n content: \"\\e8c8\"; }\n\n.uf-tinperzc-col:before {\n content: \"\\e8c9\"; }\n\n.uf-tinperzch-col:before {\n content: \"\\e8ca\"; }\n\n.uf-iuap-col:before {\n content: \"\\e8cb\"; }\n\n.uf-iuapdesign-col:before {\n content: \"\\e8cc\"; }\n\n.uf-bee-col:before {\n content: \"\\e8cd\"; }\n\n.uf-neoui-col:before {\n content: \"\\e8ce\"; }\n\n.uf-sparrow-col:before {\n content: \"\\e8cf\"; }\n\n.uf-tinpercn-col:before {\n content: \"\\e8d0\"; }\n\n.uf-tinperen-col:before {\n content: \"\\e8d1\"; }\n\n.uf-arrow-up:before {\n content: \"\\e8d2\"; }\n\n.uf-mailsym:before {\n content: \"\\e605\"; }\n\n.uf-print:before {\n content: \"\\e60e\"; }\n\n.uf-ticket-3:before {\n content: \"\\e619\"; }\n\n.uf-loan:before {\n content: \"\\e61f\"; }\n\n.uf-ticket-2:before {\n content: \"\\e629\"; }\n\n.uf-offwork:before {\n content: \"\\e62b\"; }\n\n.uf-todolist:before {\n content: \"\\e640\"; }\n\n.uf-personin:before {\n content: \"\\e66a\"; }\n\n.uf-ticket:before {\n content: \"\\e671\"; }\n\n.uf-linechart:before {\n content: \"\\e6fb\"; }\n\n.uf-4leaf:before {\n content: \"\\e6de\"; }\n\n.uf-listset:before {\n content: \"\\e6df\"; }\n\n.uf-qi-c-o:before {\n content: \"\\e621\"; }\n\n.uf-exc-c:before {\n content: \"\\e61d\"; }\n\n.uf-code:before {\n content: \"\\e656\"; }\n\n.uf-plug-o:before {\n content: \"\\e60d\"; }\n\n.uf-search-s:before {\n content: \"\\e991\"; }\n\n.uf-treeadd:before {\n content: \"\\e992\"; }\n\n.uf-mi:before {\n content: \"\\e993\"; }\n\n.uf-treeline-copy:before {\n content: \"\\e994\"; }\n\n.uf-listwithdots:before {\n content: \"\\e9cd\"; }\n\n.uf-gridlogo:before {\n content: \"\\e900\"; }\n\n.uf-magnifyingglass:before {\n content: \"\\e9ce\"; }\n\n.uf-anglearrowdown:before {\n content: \"\\e9cf\"; }\n\n.uf-yongyouyunchnen:before {\n content: \"\\e98d\"; }\n\n.uf-yycloud:before {\n content: \"\\e68f\"; }\n\n.uf-funnel-o:before {\n content: \"\\e63c\"; }\n\n.uf-filter:before {\n content: \"\\e9d0\"; }\n\n.uf-filterno:before {\n content: \"\\e9d1\"; }\n\n.uf-clean:before {\n content: \"\\e9d2\"; }\n\n.uf-save:before {\n content: \"\\e9d3\"; }\n\n.uf-export:before {\n content: \"\\e9d4\"; }\n\n.uf-import:before {\n content: \"\\e9d5\"; }\n\n.uf-stop-c:before {\n content: \"\\e9d6\"; }\n\n.uf-rubber:before {\n content: \"\\e9d7\"; }\n\n.uf-bediting:before {\n content: \"\\e9d8\"; }\n\n.uf-maxmize:before {\n content: \"\\e9d9\"; }\n\n.uf-minimize:before {\n content: \"\\e9da\"; }\n\n.uf-globe:before {\n content: \"\\e9db\"; }\n\n/* FormGroup */\n/* Navlayout */\n.vertical-align {\n font-size: 0; }\n .vertical-align:before {\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n content: \"\"; }\n .vertical-align-middle, .vertical-align-bottom {\n display: inline-block;\n max-width: 100%;\n font-size: 14px; }\n .vertical-align-middle {\n vertical-align: middle; }\n .vertical-align-bottom {\n vertical-align: bottom; }\n\n.inline {\n display: inline !important; }\n\n.inline-block {\n display: inline-block !important; }\n\n.block {\n display: block !important; }\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n word-wrap: normal;\n white-space: nowrap; }\n\n.text-break {\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n word-wrap: break-word;\n white-space: normal; }\n\n.text-nowrap {\n white-space: nowrap; }\n\n.text-muted {\n color: inherit;\n opacity: 0.75; }\n\n.text-muted-dk {\n color: inherit;\n opacity: 0.5; }\n\n.text-muted-lt {\n color: inherit;\n opacity: 0.25; }\n\n.text-top {\n vertical-align: top !important; }\n\n.text-middle {\n vertical-align: middle !important; }\n\n.text-bottom {\n vertical-align: bottom !important; }\n\n.text-left {\n text-align: left !important; }\n\n.text-right {\n text-align: right !important; }\n\n.text-center {\n text-align: center !important; }\n\n.text-justify {\n text-align: justify !important; }\n\n.text-lowercase {\n text-transform: lowercase !important; }\n\n.text-uppercase {\n text-transform: uppercase !important; }\n\n.text-capitalize {\n text-transform: capitalize !important; }\n\n.font-weight-unset {\n font-weight: unset !important; }\n\n.font-weight-100 {\n font-weight: 100 !important; }\n\n.font-weight-200 {\n font-weight: 200 !important; }\n\n.font-weight-300 {\n font-weight: 300 !important; }\n\n.font-weight-400 {\n font-weight: 400 !important; }\n\n.font-weight-500 {\n font-weight: 500 !important; }\n\n.font-weight-600 {\n font-weight: 600 !important; }\n\n.font-weight-700 {\n font-weight: 700 !important; }\n\n.font-weight-800 {\n font-weight: 800 !important; }\n\n.font-weight-900 {\n font-weight: 900 !important; }\n\n.font-weight-light {\n font-weight: 300 !important; }\n\n.font-weight-normal {\n font-weight: 400 !important; }\n\n.font-weight-medium {\n font-weight: 500 !important; }\n\n.font-weight-bold {\n font-weight: 700 !important; }\n\n.font-size-0 {\n font-size: 0 !important; }\n\n.font-size-10 {\n font-size: 10px !important; }\n\n.font-size-12 {\n font-size: 12px !important; }\n\n.font-size-14 {\n font-size: 14px !important; }\n\n.font-size-16 {\n font-size: 16px !important; }\n\n.font-size-18 {\n font-size: 18px !important; }\n\n.font-size-20 {\n font-size: 20px !important; }\n\n.font-size-24 {\n font-size: 24px !important; }\n\n.font-size-26 {\n font-size: 26px !important; }\n\n.font-size-30 {\n font-size: 30px !important; }\n\n.font-size-40 {\n font-size: 40px !important; }\n\n.font-size-50 {\n font-size: 50px !important; }\n\n.font-size-60 {\n font-size: 60px !important; }\n\n.font-size-70 {\n font-size: 70px !important; }\n\n.font-size-80 {\n font-size: 80px !important; }\n\n.clearfix:before, .clearfix:after {\n content: \" \";\n display: table; }\n\n.clearfix:after {\n clear: both; }\n\n.center-block {\n display: block;\n margin-left: auto;\n margin-right: auto; }\n\n.pull-right {\n float: right !important; }\n\n.pull-left {\n float: left !important; }\n\n.hide {\n display: none !important; }\n\n.show {\n display: block !important; }\n\n.invisible {\n visibility: hidden; }\n\n.text-hide {\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0; }\n\n.hidden {\n display: none !important; }\n\n/* 宽高 */\n.w-16 {\n width: 16px; }\n\n.w-20 {\n width: 20px; }\n\n.w-24 {\n width: 24px; }\n\n.w-32 {\n width: 32px; }\n\n.w-40 {\n width: 40px; }\n\n.w-48 {\n width: 48px; }\n\n.w-56 {\n width: 56px; }\n\n.w-64 {\n width: 64px; }\n\n.w-xs {\n width: 90px; }\n\n.w-sm {\n width: 120px; }\n\n.w {\n width: 180px; }\n\n.w-md {\n width: 200px; }\n\n.w-lg {\n width: 240px; }\n\n.w-xl {\n width: 280px; }\n\n.w-xxl {\n width: 320px; }\n\n.w-full {\n width: 100%; }\n\n.width-50 {\n width: 50px; }\n\n.width-100 {\n width: 100px; }\n\n.width-150 {\n width: 150px; }\n\n.width-200 {\n width: 200px; }\n\n.width-250 {\n width: 250px; }\n\n.width-300 {\n width: 300px; }\n\n.width-350 {\n width: 350px; }\n\n.width-400 {\n width: 400px; }\n\n.width-450 {\n width: 450px; }\n\n.width-500 {\n width: 500px; }\n\n.width-full {\n width: 100% !important; }\n\n.width-auto {\n width: auto; }\n\n.h-16 {\n height: 16px; }\n\n.h-20 {\n height: 20px; }\n\n.h-24 {\n height: 24px; }\n\n.h-32 {\n height: 32px; }\n\n.h-40 {\n height: 40px; }\n\n.h-48 {\n height: 48px; }\n\n.h-56 {\n height: 56px; }\n\n.h-64 {\n height: 64px; }\n\n.h-xxl {\n height: 60px; }\n\n.h-xs {\n height: 90px; }\n\n.h-sm {\n height: 120px; }\n\n.h {\n height: 180px; }\n\n.h-md {\n height: 200px; }\n\n.h-lg {\n height: 240px; }\n\n.h-xl {\n height: 280px; }\n\n.h-xxl {\n height: 320px; }\n\n.h-auto {\n height: auto; }\n\n.h-full {\n height: 100%; }\n\n.height-50 {\n height: 50px; }\n\n.height-100 {\n height: 100px; }\n\n.height-120 {\n height: 120px; }\n\n.height-150 {\n height: 150px; }\n\n.height-200 {\n height: 200px; }\n\n.height-250 {\n height: 250px; }\n\n.height-300 {\n height: 300px; }\n\n.height-350 {\n height: 350px; }\n\n.height-400 {\n height: 400px; }\n\n.height-450 {\n height: 450px; }\n\n.height-500 {\n height: 500px; }\n\n.height-full {\n height: 100% !important; }\n\n.height-auto {\n height: auto; }\n\n/* 外边距 */\n.no-margin {\n margin: 0; }\n\n.m {\n margin: 16px; }\n\n.m-xs {\n margin: 4px; }\n\n.m-sm {\n margin: 8px; }\n\n.m-md {\n margin: 24px; }\n\n.m-lg {\n margin: 32px; }\n\n.m-v-xs {\n margin-top: 4px;\n margin-bottom: 4px; }\n\n.m-v-sm {\n margin-top: 8px;\n margin-bottom: 8px; }\n\n.m-v {\n margin-top: 16px;\n margin-bottom: 16px; }\n\n.m-v-md {\n margin-top: 24px;\n margin-bottom: 24px; }\n\n.m-v-lg {\n margin-top: 32px;\n margin-bottom: 32px; }\n\n.m-h-xs {\n margin-right: 4px;\n margin-left: 4px; }\n\n.m-h-sm {\n margin-right: 8px;\n margin-left: 8px; }\n\n.m-h {\n margin-right: 16px;\n margin-left: 16px; }\n\n.m-h-md {\n margin-right: 24px;\n margin-left: 24px; }\n\n.m-h-lg {\n margin-right: 32px;\n margin-left: 32px; }\n\n.m-t {\n margin-top: 16px; }\n\n.m-t-xs {\n margin-top: 4px; }\n\n.m-t-sm {\n margin-top: 8px; }\n\n.m-t-md {\n margin-top: 24px; }\n\n.m-t-lg {\n margin-top: 32px; }\n\n.m-r {\n margin-right: 16px; }\n\n.m-r-xs {\n margin-right: 4px; }\n\n.m-r-sm {\n margin-right: 8px; }\n\n.m-r-md {\n margin-right: 24px; }\n\n.m-r-lg {\n margin-right: 32px; }\n\n.m-b {\n margin-bottom: 16px; }\n\n.m-b-xs {\n margin-bottom: 4px; }\n\n.m-b-sm {\n margin-bottom: 8px; }\n\n.m-b-md {\n margin-bottom: 24px; }\n\n.m-b-lg {\n margin-bottom: 32px; }\n\n.m-l {\n margin-left: 16px; }\n\n.m-l-xs {\n margin-left: 4px; }\n\n.m-l-sm {\n margin-left: 8px; }\n\n.m-l-md {\n margin-left: 24px; }\n\n.m-l-lg {\n margin-left: 32px; }\n\n.m-n {\n margin: -16px; }\n\n.m-h-n {\n margin-right: -16px;\n margin-left: -16px; }\n\n.m-v-n {\n margin-top: -16px;\n margin-bottom: -16px; }\n\n.m-l-n {\n margin-left: -16px; }\n\n.m-r-n {\n margin-right: -16px; }\n\n.m-t-n {\n margin-top: -16px; }\n\n.m-b-n {\n margin-bottom: -16px; }\n\n.margin-0 {\n margin: 0 !important; }\n\n.margin-3 {\n margin: 3px !important; }\n\n.margin-5 {\n margin: 5px !important; }\n\n.margin-10 {\n margin: 10px !important; }\n\n.margin-15 {\n margin: 15px !important; }\n\n.margin-20 {\n margin: 20px !important; }\n\n.margin-25 {\n margin: 25px !important; }\n\n.margin-30 {\n margin: 30px !important; }\n\n.margin-35 {\n margin: 35px !important; }\n\n.margin-40 {\n margin: 40px !important; }\n\n.margin-45 {\n margin: 45px !important; }\n\n.margin-50 {\n margin: 50px !important; }\n\n.margin-60 {\n margin: 60px !important; }\n\n.margin-70 {\n margin: 70px !important; }\n\n.margin-80 {\n margin: 80px !important; }\n\n.margin-vertical-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important; }\n\n.margin-vertical-3 {\n margin-top: 3px !important;\n margin-bottom: 3px !important; }\n\n.margin-vertical-5 {\n margin-top: 5px !important;\n margin-bottom: 5px !important; }\n\n.margin-vertical-10 {\n margin-top: 10px !important;\n margin-bottom: 10px !important; }\n\n.margin-vertical-15 {\n margin-top: 15px !important;\n margin-bottom: 15px !important; }\n\n.margin-vertical-20 {\n margin-top: 20px !important;\n margin-bottom: 20px !important; }\n\n.margin-vertical-25 {\n margin-top: 25px !important;\n margin-bottom: 25px !important; }\n\n.margin-vertical-30 {\n margin-top: 30px !important;\n margin-bottom: 30px !important; }\n\n.margin-vertical-35 {\n margin-top: 35px !important;\n margin-bottom: 35px !important; }\n\n.margin-vertical-40 {\n margin-top: 40px !important;\n margin-bottom: 40px !important; }\n\n.margin-vertical-45 {\n margin-top: 45px !important;\n margin-bottom: 45px !important; }\n\n.margin-vertical-50 {\n margin-top: 50px !important;\n margin-bottom: 50px !important; }\n\n.margin-vertical-60 {\n margin-top: 60px !important;\n margin-bottom: 60px !important; }\n\n.margin-vertical-70 {\n margin-top: 70px !important;\n margin-bottom: 70px !important; }\n\n.margin-vertical-80 {\n margin-top: 80px !important;\n margin-bottom: 80px !important; }\n\n.margin-horizontal-0 {\n margin-right: 0 !important;\n margin-left: 0 !important; }\n\n.margin-horizontal-3 {\n margin-right: 3px !important;\n margin-left: 3px !important; }\n\n.margin-horizontal-5 {\n margin-right: 5px !important;\n margin-left: 5px !important; }\n\n.margin-horizontal-10 {\n margin-right: 10px !important;\n margin-left: 10px !important; }\n\n.margin-horizontal-15 {\n margin-right: 15px !important;\n margin-left: 15px !important; }\n\n.margin-horizontal-20 {\n margin-right: 20px !important;\n margin-left: 20px !important; }\n\n.margin-horizontal-25 {\n margin-right: 25px !important;\n margin-left: 25px !important; }\n\n.margin-horizontal-30 {\n margin-right: 30px !important;\n margin-left: 30px !important; }\n\n.margin-horizontal-35 {\n margin-right: 35px !important;\n margin-left: 35px !important; }\n\n.margin-horizontal-40 {\n margin-right: 40px !important;\n margin-left: 40px !important; }\n\n.margin-horizontal-45 {\n margin-right: 45px !important;\n margin-left: 45px !important; }\n\n.margin-horizontal-50 {\n margin-right: 50px !important;\n margin-left: 50px !important; }\n\n.margin-horizontal-60 {\n margin-right: 60px !important;\n margin-left: 60px !important; }\n\n.margin-horizontal-70 {\n margin-right: 70px !important;\n margin-left: 70px !important; }\n\n.margin-horizontal-80 {\n margin-right: 80px !important;\n margin-left: 80px !important; }\n\n.margin-top-0 {\n margin-top: 0 !important; }\n\n.margin-top-3 {\n margin-top: 3px !important; }\n\n.margin-top-5 {\n margin-top: 5px !important; }\n\n.margin-top-10 {\n margin-top: 10px !important; }\n\n.margin-top-15 {\n margin-top: 15px !important; }\n\n.margin-top-20 {\n margin-top: 20px !important; }\n\n.margin-top-25 {\n margin-top: 25px !important; }\n\n.margin-top-30 {\n margin-top: 30px !important; }\n\n.margin-top-35 {\n margin-top: 35px !important; }\n\n.margin-top-40 {\n margin-top: 40px !important; }\n\n.margin-top-45 {\n margin-top: 45px !important; }\n\n.margin-top-50 {\n margin-top: 50px !important; }\n\n.margin-top-60 {\n margin-top: 60px !important; }\n\n.margin-top-70 {\n margin-top: 70px !important; }\n\n.margin-top-80 {\n margin-top: 80px !important; }\n\n.margin-bottom-0 {\n margin-bottom: 0 !important; }\n\n.margin-bottom-3 {\n margin-bottom: 3px !important; }\n\n.margin-bottom-5 {\n margin-bottom: 5px !important; }\n\n.margin-bottom-10 {\n margin-bottom: 10px !important; }\n\n.margin-bottom-15 {\n margin-bottom: 15px !important; }\n\n.margin-bottom-20 {\n margin-bottom: 20px !important; }\n\n.margin-bottom-25 {\n margin-bottom: 25px !important; }\n\n.margin-bottom-30 {\n margin-bottom: 30px !important; }\n\n.margin-bottom-35 {\n margin-bottom: 35px !important; }\n\n.margin-bottom-40 {\n margin-bottom: 40px !important; }\n\n.margin-bottom-45 {\n margin-bottom: 45px !important; }\n\n.margin-bottom-50 {\n margin-bottom: 50px !important; }\n\n.margin-bottom-60 {\n margin-bottom: 60px !important; }\n\n.margin-bottom-70 {\n margin-bottom: 70px !important; }\n\n.margin-bottom-80 {\n margin-bottom: 80px !important; }\n\n.margin-left-0 {\n margin-left: 0 !important; }\n\n.margin-left-3 {\n margin-left: 3px !important; }\n\n.margin-left-5 {\n margin-left: 5px !important; }\n\n.margin-left-10 {\n margin-left: 10px !important; }\n\n.margin-left-15 {\n margin-left: 15px !important; }\n\n.margin-left-20 {\n margin-left: 20px !important; }\n\n.margin-left-25 {\n margin-left: 25px !important; }\n\n.margin-left-30 {\n margin-left: 30px !important; }\n\n.margin-left-35 {\n margin-left: 35px !important; }\n\n.margin-left-40 {\n margin-left: 40px !important; }\n\n.margin-left-45 {\n margin-left: 45px !important; }\n\n.margin-left-50 {\n margin-left: 50px !important; }\n\n.margin-left-60 {\n margin-left: 60px !important; }\n\n.margin-left-70 {\n margin-left: 70px !important; }\n\n.margin-left-80 {\n margin-left: 80px !important; }\n\n.margin-right-0 {\n margin-right: 0 !important; }\n\n.margin-right-3 {\n margin-right: 3px !important; }\n\n.margin-right-5 {\n margin-right: 5px !important; }\n\n.margin-right-10 {\n margin-right: 10px !important; }\n\n.margin-right-15 {\n margin-right: 15px !important; }\n\n.margin-right-20 {\n margin-right: 20px !important; }\n\n.margin-right-25 {\n margin-right: 25px !important; }\n\n.margin-right-30 {\n margin-right: 30px !important; }\n\n.margin-right-35 {\n margin-right: 35px !important; }\n\n.margin-right-40 {\n margin-right: 40px !important; }\n\n.margin-right-45 {\n margin-right: 45px !important; }\n\n.margin-right-50 {\n margin-right: 50px !important; }\n\n.margin-right-60 {\n margin-right: 60px !important; }\n\n.margin-right-70 {\n margin-right: 70px !important; }\n\n.margin-right-80 {\n margin-right: 80px !important; }\n\n/* 内边距 */\n.no-padding {\n padding: 0 !important; }\n\n.no-padding-h {\n padding-right: 0 !important;\n padding-left: 0 !important; }\n\n.no-padding-v {\n padding-top: 0 !important;\n padding-bottom: 0 !important; }\n\n.p-xs {\n padding: 4px; }\n\n.p-sm {\n padding: 8px; }\n\n.p {\n padding: 16px; }\n\n.p-md {\n padding: 24px; }\n\n.p-lg {\n padding: 32px; }\n\n.p-h {\n padding-right: 16px;\n padding-left: 16px; }\n\n.p-h-xs {\n padding-right: 4px;\n padding-left: 4px; }\n\n.p-h-sm {\n padding-right: 8px;\n padding-left: 8px; }\n\n.p-h-md {\n padding-right: 24px;\n padding-left: 24px; }\n\n.p-t-md {\n padding-top: 24px; }\n\n.p-b-md {\n padding-bottom: 24px; }\n\n.p-l-md {\n padding-left: 24px; }\n\n.p-h-lg {\n padding-right: 32px;\n padding-left: 32px; }\n\n.p-v {\n padding-top: 16px;\n padding-bottom: 16px; }\n\n.p-v-xs {\n padding-top: 4px;\n padding-bottom: 4px; }\n\n.p-v-sm {\n padding-top: 8px;\n padding-bottom: 8px; }\n\n.p-v-md {\n padding-top: 24px;\n padding-bottom: 24px; }\n\n.p-v-lg {\n padding-top: 32px;\n padding-bottom: 32px; }\n\n.padding {\n padding: 32px 32px; }\n\n.padding-out {\n margin: -32px -32px; }\n\n.padding-0 {\n padding: 0 !important; }\n\n.padding-3 {\n padding: 3px !important; }\n\n.padding-5 {\n padding: 5px !important; }\n\n.padding-10 {\n padding: 10px !important; }\n\n.padding-15 {\n padding: 15px !important; }\n\n.padding-20 {\n padding: 20px !important; }\n\n.padding-25 {\n padding: 25px !important; }\n\n.padding-30 {\n padding: 30px !important; }\n\n.padding-35 {\n padding: 35px !important; }\n\n.padding-40 {\n padding: 40px !important; }\n\n.padding-45 {\n padding: 45px !important; }\n\n.padding-50 {\n padding: 50px !important; }\n\n.padding-60 {\n padding: 60px !important; }\n\n.padding-70 {\n padding: 70px !important; }\n\n.padding-80 {\n padding: 80px !important; }\n\n.padding-vertical-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important; }\n\n.padding-vertical-3 {\n padding-top: 3px !important;\n padding-bottom: 3px !important; }\n\n.padding-vertical-5 {\n padding-top: 5px !important;\n padding-bottom: 5px !important; }\n\n.padding-vertical-10 {\n padding-top: 10px !important;\n padding-bottom: 10px !important; }\n\n.padding-vertical-15 {\n padding-top: 15px !important;\n padding-bottom: 15px !important; }\n\n.padding-vertical-20 {\n padding-top: 20px !important;\n padding-bottom: 20px !important; }\n\n.padding-vertical-25 {\n padding-top: 25px !important;\n padding-bottom: 25px !important; }\n\n.padding-vertical-30 {\n padding-top: 30px !important;\n padding-bottom: 30px !important; }\n\n.padding-vertical-35 {\n padding-top: 35px !important;\n padding-bottom: 35px !important; }\n\n.padding-vertical-40 {\n padding-top: 40px !important;\n padding-bottom: 40px !important; }\n\n.padding-vertical-45 {\n padding-top: 45px !important;\n padding-bottom: 45px !important; }\n\n.padding-vertical-50 {\n padding-top: 50px !important;\n padding-bottom: 50px !important; }\n\n.padding-vertical-60 {\n padding-top: 60px !important;\n padding-bottom: 60px !important; }\n\n.padding-vertical-70 {\n padding-top: 70px !important;\n padding-bottom: 70px !important; }\n\n.padding-vertical-80 {\n padding-top: 80px !important;\n padding-bottom: 80px !important; }\n\n.padding-horizontal-0 {\n padding-right: 0 !important;\n padding-left: 0 !important; }\n\n.padding-horizontal-3 {\n padding-right: 3px !important;\n padding-left: 3px !important; }\n\n.padding-horizontal-5 {\n padding-right: 5px !important;\n padding-left: 5px !important; }\n\n.padding-horizontal-10 {\n padding-right: 10px !important;\n padding-left: 10px !important; }\n\n.padding-horizontal-15 {\n padding-right: 15px !important;\n padding-left: 15px !important; }\n\n.padding-horizontal-20 {\n padding-right: 20px !important;\n padding-left: 20px !important; }\n\n.padding-horizontal-25 {\n padding-right: 25px !important;\n padding-left: 25px !important; }\n\n.padding-horizontal-30 {\n padding-right: 30px !important;\n padding-left: 30px !important; }\n\n.padding-horizontal-35 {\n padding-right: 35px !important;\n padding-left: 35px !important; }\n\n.padding-horizontal-40 {\n padding-right: 40px !important;\n padding-left: 40px !important; }\n\n.padding-horizontal-45 {\n padding-right: 45px !important;\n padding-left: 45px !important; }\n\n.padding-horizontal-50 {\n padding-right: 50px !important;\n padding-left: 50px !important; }\n\n.padding-horizontal-60 {\n padding-right: 60px !important;\n padding-left: 60px !important; }\n\n.padding-horizontal-70 {\n padding-right: 70px !important;\n padding-left: 70px !important; }\n\n.padding-horizontal-80 {\n padding-right: 80px !important;\n padding-left: 80px !important; }\n\n.padding-top-0 {\n padding-top: 0 !important; }\n\n.padding-top-3 {\n padding-top: 3px !important; }\n\n.padding-top-5 {\n padding-top: 5px !important; }\n\n.padding-top-10 {\n padding-top: 10px !important; }\n\n.padding-top-15 {\n padding-top: 15px !important; }\n\n.padding-top-20 {\n padding-top: 20px !important; }\n\n.padding-top-25 {\n padding-top: 25px !important; }\n\n.padding-top-30 {\n padding-top: 30px !important; }\n\n.padding-top-35 {\n padding-top: 35px !important; }\n\n.padding-top-40 {\n padding-top: 40px !important; }\n\n.padding-top-45 {\n padding-top: 45px !important; }\n\n.padding-top-50 {\n padding-top: 50px !important; }\n\n.padding-top-60 {\n padding-top: 60px !important; }\n\n.padding-top-70 {\n padding-top: 70px !important; }\n\n.padding-top-80 {\n padding-top: 80px !important; }\n\n.padding-bottom-0 {\n padding-bottom: 0 !important; }\n\n.padding-bottom-3 {\n padding-bottom: 3px !important; }\n\n.padding-bottom-5 {\n padding-bottom: 5px !important; }\n\n.padding-bottom-10 {\n padding-bottom: 10px !important; }\n\n.padding-bottom-15 {\n padding-bottom: 15px !important; }\n\n.padding-bottom-20 {\n padding-bottom: 20px !important; }\n\n.padding-bottom-25 {\n padding-bottom: 25px !important; }\n\n.padding-bottom-30 {\n padding-bottom: 30px !important; }\n\n.padding-bottom-35 {\n padding-bottom: 35px !important; }\n\n.padding-bottom-40 {\n padding-bottom: 40px !important; }\n\n.padding-bottom-45 {\n padding-bottom: 45px !important; }\n\n.padding-bottom-50 {\n padding-bottom: 50px !important; }\n\n.padding-bottom-60 {\n padding-bottom: 60px !important; }\n\n.padding-bottom-70 {\n padding-bottom: 70px !important; }\n\n.padding-bottom-80 {\n padding-bottom: 80px !important; }\n\n.padding-left-0 {\n padding-left: 0 !important; }\n\n.padding-left-3 {\n padding-left: 3px !important; }\n\n.padding-left-5 {\n padding-left: 5px !important; }\n\n.padding-left-10 {\n padding-left: 10px !important; }\n\n.padding-left-15 {\n padding-left: 15px !important; }\n\n.padding-left-20 {\n padding-left: 20px !important; }\n\n.padding-left-25 {\n padding-left: 25px !important; }\n\n.padding-left-30 {\n padding-left: 30px !important; }\n\n.padding-left-35 {\n padding-left: 35px !important; }\n\n.padding-left-40 {\n padding-left: 40px !important; }\n\n.padding-left-45 {\n padding-left: 45px !important; }\n\n.padding-left-50 {\n padding-left: 50px !important; }\n\n.padding-left-60 {\n padding-left: 60px !important; }\n\n.padding-left-70 {\n padding-left: 70px !important; }\n\n.padding-left-80 {\n padding-left: 80px !important; }\n\n.padding-right-0 {\n padding-right: 0 !important; }\n\n.padding-right-3 {\n padding-right: 3px !important; }\n\n.padding-right-5 {\n padding-right: 5px !important; }\n\n.padding-right-10 {\n padding-right: 10px !important; }\n\n.padding-right-15 {\n padding-right: 15px !important; }\n\n.padding-right-20 {\n padding-right: 20px !important; }\n\n.padding-right-25 {\n padding-right: 25px !important; }\n\n.padding-right-30 {\n padding-right: 30px !important; }\n\n.padding-right-35 {\n padding-right: 35px !important; }\n\n.padding-right-40 {\n padding-right: 40px !important; }\n\n.padding-right-45 {\n padding-right: 45px !important; }\n\n.padding-right-50 {\n padding-right: 50px !important; }\n\n.padding-right-60 {\n padding-right: 60px !important; }\n\n.padding-right-70 {\n padding-right: 70px !important; }\n\n.padding-right-80 {\n padding-right: 80px !important; }\n\n@-ms-viewport {\n width: device-width; }\n\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n display: none !important; }\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important; }\n\n@media (max-width: 767px) {\n .visible-xs {\n display: block !important; }\n .visible-xs table {\n display: table !important; }\n .visible-xs tr {\n display: table-row !important; }\n .visible-xs th,\n .visible-xs td {\n display: table-cell !important; } }\n\n@media (max-width: 767px) {\n .visible-xs-block {\n display: block !important; } }\n\n@media (max-width: 767px) {\n .visible-xs-inline {\n display: inline !important; } }\n\n@media (max-width: 767px) {\n .visible-xs-inline-block {\n display: inline-block !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .visible-sm {\n display: block !important; }\n .visible-sm table {\n display: table !important; }\n .visible-sm tr {\n display: table-row !important; }\n .visible-sm th,\n .visible-sm td {\n display: table-cell !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .visible-sm-block {\n display: block !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .visible-sm-inline {\n display: inline !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .visible-sm-inline-block {\n display: inline-block !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md {\n display: block !important; }\n .visible-md table {\n display: table !important; }\n .visible-md tr {\n display: table-row !important; }\n .visible-md th,\n .visible-md td {\n display: table-cell !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-block {\n display: block !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-inline {\n display: inline !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .visible-md-inline-block {\n display: inline-block !important; } }\n\n@media (min-width: 1200px) {\n .visible-lg {\n display: block !important; }\n .visible-lg table {\n display: table !important; }\n .visible-lg tr {\n display: table-row !important; }\n .visible-lg th,\n .visible-lg td {\n display: table-cell !important; } }\n\n@media (min-width: 1200px) {\n .visible-lg-block {\n display: block !important; } }\n\n@media (min-width: 1200px) {\n .visible-lg-inline {\n display: inline !important; } }\n\n@media (min-width: 1200px) {\n .visible-lg-inline-block {\n display: inline-block !important; } }\n\n@media (max-width: 767px) {\n .hidden-xs {\n display: none !important; } }\n\n@media (min-width: 768px) and (max-width: 767px) {\n .hidden-sm {\n display: none !important; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .hidden-md {\n display: none !important; } }\n\n@media (min-width: 1200px) {\n .hidden-lg {\n display: none !important; } }\n\n/* 边框 */\n.no-border {\n border-color: transparent;\n border-width: 0; }\n\n/* 背景 */\n.no-bg {\n color: inherit;\n background-color: transparent; }\n\n.u-link {\n cursor: pointer;\n color: rgb(63,81,181);\n background-color: transparent;\n text-decoration: none; }\n\n.u-link:active,\n.u-link:hover {\n outline: 0; }\n\n.u-link:focus, .u-link:hover {\n text-decoration: underline; }\n\n.u-border-top {\n border-top: 1px solid rgb(241,241,241); }\n\n.u-border-left {\n border-left: 1px solid rgb(241,241,241); }\n\n.u-border-right {\n border-right: 1px solid rgb(241,241,241); }\n\n.u-border-bottom {\n border-bottom: 1px solid rgb(241,241,241); }\n\n/* FormGroup */\n/* Navlayout */\n.u-shadow-0dp {\n box-shadow: none; }\n\n.u-shadow-2dp {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n box-shadow: 0 2px 2px 0 black, 0 3px 1px -2px black, 0 1px 5px 0 black \\9; }\n\n.u-shadow-3dp {\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }\n\n.u-shadow-4dp {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }\n\n.u-shadow-6dp {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }\n\n.u-shadow-8dp {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }\n\n.u-shadow-16dp {\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }\n\n.u-shadow-24dp {\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }\n\n/* keyframes 定义 */\n@-webkit-keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes uSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@keyframes uSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@-webkit-keyframes uSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes uSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes uSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@keyframes uSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@-webkit-keyframes uSlideLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@keyframes uSlideLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@-webkit-keyframes uSlideLeftOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@keyframes uSlideLeftOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@-webkit-keyframes uSlideRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@keyframes uSlideRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@-webkit-keyframes uSlideRightOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@keyframes uSlideRightOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@-webkit-keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px); }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px); }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px); }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px); }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px); } }\n\n@keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px); }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px); }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px); }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px); }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px); } }\n\n@-webkit-keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); } }\n\n@keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); } }\n\n@-webkit-keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomUpOut {\n 0% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomUpOut {\n 0% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomLeftOut {\n 0% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomLeftOut {\n 0% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomRightOut {\n 0% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomRightOut {\n 0% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomDownOut {\n 0% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomDownOut {\n 0% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes rcMenuOpenZoomIn {\n 0% {\n opacity: 0;\n transform: scale(0, 0); }\n 100% {\n opacity: 1;\n transform: scale(1, 1); } }\n\n@keyframes rcMenuOpenZoomOut {\n 0% {\n transform: scale(1, 1); }\n 100% {\n opacity: 0;\n transform: scale(0, 0); } }\n\n@keyframes rcMenuOpenSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1); } }\n\n@keyframes rcMenuOpenSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0); } }\n\n/* FormGroup */\n/* Navlayout */\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease; }\n\n.collapse {\n display: none; }\n\n.collapse.in {\n display: block; }\n\n.u-panel {\n line-height: 1.57142857;\n color: #757575;\n position: relative;\n margin-bottom: 20px;\n -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);\n background-color: #fff;\n border: 1px solid transparent;\n border-radius: 4px; }\n .u-panel .u-panel-heading {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n position: relative;\n padding: 10px 15px;\n border-bottom: 1px solid transparent; }\n .u-panel h4, .u-panel h3 {\n font-family: Roboto,sans-serif;\n font-weight: 400;\n line-height: 1.2;\n color: #424242;\n font-size: 18px;\n text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px; }\n .u-panel .u-panel-footer {\n padding: 10px 15px;\n background-color: #f5f5f5;\n border-top: 1px solid #ddd;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px; }\n .u-panel .u-panel-title {\n margin-top: 0;\n margin-bottom: 0;\n display: block;\n font-size: 18px;\n color: #424242; }\n .u-panel .u-panel-title .small {\n color: #757575; }\n .u-panel .u-panel-body {\n padding: 15px 15px;\n position: relative; }\n .u-panel .u-panel-body .u-panel-copy {\n position: absolute;\n right: 25px;\n top: 30px;\n color: #fff;\n font-size: 20px;\n padding: 2px 8px;\n margin: 8px;\n border-radius: 4px;\n cursor: pointer; }\n .u-panel .u-panel-body .u-panel-copy:hover {\n color: #a8a7a7; }\n\n.u-panel-default {\n border-color: #ddd; }\n .u-panel-default .u-panel-heading {\n background-color: #f5f5f5;\n color: #333; }\n .u-panel-default .u-panel-footer {\n border-top: 1px solid transparent; }\n\n.u-panel-bordered {\n border-color: #ddd; }\n .u-panel-bordered .u-panel-heading {\n border-bottom: 1px solid #ddd; }\n .u-panel-bordered .u-panel-footer {\n border-top: 1px solid #ddd;\n background-color: #fff; }\n\n.u-panel > :not(.panel-loading):not(.collapsing) {\n -webkit-transition: opacity .3s;\n -o-transition: opacity .3s;\n transition: opacity .3s; }\n\n.u-button-group-vertical > .u-button-group:after, .u-button-group-vertical > .u-button-group:before, .u-button-toolbar:after, .u-button-toolbar:before, .clearfix:after, .clearfix:before, .u-container-fluid:after, .container-fluid:before, .u-container:after, .u-container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .u-modal-footer:after, .u-modal-footer:before, .u-modal-header:after, .u-modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .u-panel-body:after, .u-panel-body:before, .row:after, .row:before {\n display: table;\n content: \" \"; }\n\n.u-panel-body .h1:first-child, .u-panel-body .h2:first-child, .u-panel-body .h3:first-child, .u-panel-body .h4:first-child, .u-panel-body .h5:first-child, .u-panel-body .h6:first-child, .u-panel-body h1:first-child, .u-panel-body h2:first-child, .u-panel-body h3:first-child, .u-panel-body h4:first-child, .u-panel-body h5:first-child, .u-panel-body h6:first-child {\n margin-top: 0; }\n\n.u-panel-group {\n margin-bottom: 20px; }\n .u-panel-group .u-panel {\n margin-bottom: 0;\n border-radius: 4px; }\n .u-panel-group .u-panel + .u-panel {\n margin-top: 5px; }\n .u-panel-group .u-panel-heading {\n border-bottom: 0;\n cursor: pointer; }\n .u-panel-group .u-panel-heading + .u-panel-collapse > .list-group, .u-panel-group .u-panel-group .u-panel-heading + .u-panel-collapse > .u-panel-body {\n border-top: 1px solid #ddd; }\n\n/* FormGroup */\n/* Navlayout */\n.u-container {\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px; }\n @media (min-width: 768px) {\n .u-container {\n width: 750px; } }\n @media (min-width: 992px) {\n .u-container {\n width: 970px; } }\n @media (min-width: 1200px) {\n .u-container {\n width: 1170px; } }\n\n.u-container-fluid {\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px; }\n\n.u-row {\n margin-left: -15px;\n margin-right: -15px;\n box-sizing: border-box; }\n .u-row:before {\n display: table;\n content: \" \"; }\n .u-row:after {\n display: table;\n content: \" \";\n clear: both; }\n\n.u-col-xs-1, .u-col-sm-1, .u-col-md-1, .u-col-lg-1, .u-col-1, .u-col-xs-2, .u-col-sm-2, .u-col-md-2, .u-col-lg-2, .u-col-2, .u-col-xs-3, .u-col-sm-3, .u-col-md-3, .u-col-lg-3, .u-col-3, .u-col-xs-4, .u-col-sm-4, .u-col-md-4, .u-col-lg-4, .u-col-4, .u-col-xs-5, .u-col-sm-5, .u-col-md-5, .u-col-lg-5, .u-col-5, .u-col-xs-6, .u-col-sm-6, .u-col-md-6, .u-col-lg-6, .u-col-6, .u-col-xs-7, .u-col-sm-7, .u-col-md-7, .u-col-lg-7, .u-col-7, .u-col-xs-8, .u-col-sm-8, .u-col-md-8, .u-col-lg-8, .u-col-8, .u-col-xs-9, .u-col-sm-9, .u-col-md-9, .u-col-lg-9, .u-col-9, .u-col-xs-10, .u-col-sm-10, .u-col-md-10, .u-col-lg-10, .u-col-10, .u-col-xs-11, .u-col-sm-11, .u-col-md-11, .u-col-lg-11, .u-col-11, .u-col-xs-12, .u-col-sm-12, .u-col-md-12, .u-col-lg-12, .u-col-12 {\n position: relative;\n min-height: 1px;\n padding-left: 15px;\n padding-right: 15px;\n box-sizing: border-box; }\n\n.u-col-xs-1, .u-col-xs-2, .u-col-xs-3, .u-col-xs-4, .u-col-xs-5, .u-col-xs-6, .u-col-xs-7, .u-col-xs-8, .u-col-xs-9, .u-col-xs-10, .u-col-xs-11, .u-col-xs-12 {\n float: left; }\n\n.u-col-xs-push-0 {\n left: auto; }\n\n.u-col-xs-pull-0 {\n right: auto; }\n\n.u-col-xs-1 {\n width: 8.33333%; }\n\n.u-col-xs-push-1 {\n left: 8.33333%; }\n\n.u-col-xs-pull-1 {\n right: 8.33333%; }\n\n.u-col-xs-offset-1 {\n margin-left: 8.33333%; }\n\n.u-col-xs-2 {\n width: 16.66667%; }\n\n.u-col-xs-push-2 {\n left: 16.66667%; }\n\n.u-col-xs-pull-2 {\n right: 16.66667%; }\n\n.u-col-xs-offset-2 {\n margin-left: 16.66667%; }\n\n.u-col-xs-3 {\n width: 25%; }\n\n.u-col-xs-push-3 {\n left: 25%; }\n\n.u-col-xs-pull-3 {\n right: 25%; }\n\n.u-col-xs-offset-3 {\n margin-left: 25%; }\n\n.u-col-xs-4 {\n width: 33.33333%; }\n\n.u-col-xs-push-4 {\n left: 33.33333%; }\n\n.u-col-xs-pull-4 {\n right: 33.33333%; }\n\n.u-col-xs-offset-4 {\n margin-left: 33.33333%; }\n\n.u-col-xs-5 {\n width: 41.66667%; }\n\n.u-col-xs-push-5 {\n left: 41.66667%; }\n\n.u-col-xs-pull-5 {\n right: 41.66667%; }\n\n.u-col-xs-offset-5 {\n margin-left: 41.66667%; }\n\n.u-col-xs-6 {\n width: 50%; }\n\n.u-col-xs-push-6 {\n left: 50%; }\n\n.u-col-xs-pull-6 {\n right: 50%; }\n\n.u-col-xs-offset-6 {\n margin-left: 50%; }\n\n.u-col-xs-7 {\n width: 58.33333%; }\n\n.u-col-xs-push-7 {\n left: 58.33333%; }\n\n.u-col-xs-pull-7 {\n right: 58.33333%; }\n\n.u-col-xs-offset-7 {\n margin-left: 58.33333%; }\n\n.u-col-xs-8 {\n width: 66.66667%; }\n\n.u-col-xs-push-8 {\n left: 66.66667%; }\n\n.u-col-xs-pull-8 {\n right: 66.66667%; }\n\n.u-col-xs-offset-8 {\n margin-left: 66.66667%; }\n\n.u-col-xs-9 {\n width: 75%; }\n\n.u-col-xs-push-9 {\n left: 75%; }\n\n.u-col-xs-pull-9 {\n right: 75%; }\n\n.u-col-xs-offset-9 {\n margin-left: 75%; }\n\n.u-col-xs-10 {\n width: 83.33333%; }\n\n.u-col-xs-push-10 {\n left: 83.33333%; }\n\n.u-col-xs-pull-10 {\n right: 83.33333%; }\n\n.u-col-xs-offset-10 {\n margin-left: 83.33333%; }\n\n.u-col-xs-11 {\n width: 91.66667%; }\n\n.u-col-xs-push-11 {\n left: 91.66667%; }\n\n.u-col-xs-pull-11 {\n right: 91.66667%; }\n\n.u-col-xs-offset-11 {\n margin-left: 91.66667%; }\n\n.u-col-xs-12 {\n width: 100%; }\n\n.u-col-xs-push-12 {\n left: 100%; }\n\n.u-col-xs-pull-12 {\n right: 100%; }\n\n.u-col-xs-offset-12 {\n margin-left: 100%; }\n\n@media (min-width: 768px) {\n .u-col-sm-1, .u-col-sm-2, .u-col-sm-3, .u-col-sm-4, .u-col-sm-5, .u-col-sm-6, .u-col-sm-7, .u-col-sm-8, .u-col-sm-9, .u-col-sm-10, .u-col-sm-11, .u-col-sm-12 {\n float: left; }\n .u-col-sm-push-0 {\n left: auto; }\n .u-col-sm-pull-0 {\n right: auto; }\n .u-col-sm-1 {\n width: 8.33333%; }\n .u-col-sm-push-1 {\n left: 8.33333%; }\n .u-col-sm-pull-1 {\n right: 8.33333%; }\n .u-col-sm-offset-1 {\n margin-left: 8.33333%; }\n .u-col-sm-2 {\n width: 16.66667%; }\n .u-col-sm-push-2 {\n left: 16.66667%; }\n .u-col-sm-pull-2 {\n right: 16.66667%; }\n .u-col-sm-offset-2 {\n margin-left: 16.66667%; }\n .u-col-sm-3 {\n width: 25%; }\n .u-col-sm-push-3 {\n left: 25%; }\n .u-col-sm-pull-3 {\n right: 25%; }\n .u-col-sm-offset-3 {\n margin-left: 25%; }\n .u-col-sm-4 {\n width: 33.33333%; }\n .u-col-sm-push-4 {\n left: 33.33333%; }\n .u-col-sm-pull-4 {\n right: 33.33333%; }\n .u-col-sm-offset-4 {\n margin-left: 33.33333%; }\n .u-col-sm-5 {\n width: 41.66667%; }\n .u-col-sm-push-5 {\n left: 41.66667%; }\n .u-col-sm-pull-5 {\n right: 41.66667%; }\n .u-col-sm-offset-5 {\n margin-left: 41.66667%; }\n .u-col-sm-6 {\n width: 50%; }\n .u-col-sm-push-6 {\n left: 50%; }\n .u-col-sm-pull-6 {\n right: 50%; }\n .u-col-sm-offset-6 {\n margin-left: 50%; }\n .u-col-sm-7 {\n width: 58.33333%; }\n .u-col-sm-push-7 {\n left: 58.33333%; }\n .u-col-sm-pull-7 {\n right: 58.33333%; }\n .u-col-sm-offset-7 {\n margin-left: 58.33333%; }\n .u-col-sm-8 {\n width: 66.66667%; }\n .u-col-sm-push-8 {\n left: 66.66667%; }\n .u-col-sm-pull-8 {\n right: 66.66667%; }\n .u-col-sm-offset-8 {\n margin-left: 66.66667%; }\n .u-col-sm-9 {\n width: 75%; }\n .u-col-sm-push-9 {\n left: 75%; }\n .u-col-sm-pull-9 {\n right: 75%; }\n .u-col-sm-offset-9 {\n margin-left: 75%; }\n .u-col-sm-10 {\n width: 83.33333%; }\n .u-col-sm-push-10 {\n left: 83.33333%; }\n .u-col-sm-pull-10 {\n right: 83.33333%; }\n .u-col-sm-offset-10 {\n margin-left: 83.33333%; }\n .u-col-sm-11 {\n width: 91.66667%; }\n .u-col-sm-push-11 {\n left: 91.66667%; }\n .u-col-sm-pull-11 {\n right: 91.66667%; }\n .u-col-sm-offset-11 {\n margin-left: 91.66667%; }\n .u-col-sm-12 {\n width: 100%; }\n .u-col-sm-push-12 {\n left: 100%; }\n .u-col-sm-pull-12 {\n right: 100%; }\n .u-col-sm-offset-12 {\n margin-left: 100%; } }\n\n@media (min-width: 992px) {\n .u-col-md-1, .u-col-md-2, .u-col-md-3, .u-col-md-4, .u-col-md-5, .u-col-md-6, .u-col-md-7, .u-col-md-8, .u-col-md-9, .u-col-md-10, .u-col-md-11, .u-col-md-12 {\n float: left; }\n .u-col-1, .u-col-2, .u-col-3, .u-col-4, .u-col-5, .u-col-6, .u-col-7, .u-col-8, .u-col-9, .u-col-10, .u-col-11, .u-col-12 {\n float: left; }\n .u-col-md-push-0 {\n left: auto; }\n .u-col-md-pull-0 {\n right: auto; }\n .u-col-md-1 {\n width: 8.33333%; }\n .u-col-md-push-1 {\n left: 8.33333%; }\n .u-col-md-pull-1 {\n right: 8.33333%; }\n .u-col-md-offset-1 {\n margin-left: 8.33333%; }\n .u-col-md-2 {\n width: 16.66667%; }\n .u-col-md-push-2 {\n left: 16.66667%; }\n .u-col-md-pull-2 {\n right: 16.66667%; }\n .u-col-md-offset-2 {\n margin-left: 16.66667%; }\n .u-col-md-3 {\n width: 25%; }\n .u-col-md-push-3 {\n left: 25%; }\n .u-col-md-pull-3 {\n right: 25%; }\n .u-col-md-offset-3 {\n margin-left: 25%; }\n .u-col-md-4 {\n width: 33.33333%; }\n .u-col-md-push-4 {\n left: 33.33333%; }\n .u-col-md-pull-4 {\n right: 33.33333%; }\n .u-col-md-offset-4 {\n margin-left: 33.33333%; }\n .u-col-md-5 {\n width: 41.66667%; }\n .u-col-md-push-5 {\n left: 41.66667%; }\n .u-col-md-pull-5 {\n right: 41.66667%; }\n .u-col-md-offset-5 {\n margin-left: 41.66667%; }\n .u-col-md-6 {\n width: 50%; }\n .u-col-md-push-6 {\n left: 50%; }\n .u-col-md-pull-6 {\n right: 50%; }\n .u-col-md-offset-6 {\n margin-left: 50%; }\n .u-col-md-7 {\n width: 58.33333%; }\n .u-col-md-push-7 {\n left: 58.33333%; }\n .u-col-md-pull-7 {\n right: 58.33333%; }\n .u-col-md-offset-7 {\n margin-left: 58.33333%; }\n .u-col-md-8 {\n width: 66.66667%; }\n .u-col-md-push-8 {\n left: 66.66667%; }\n .u-col-md-pull-8 {\n right: 66.66667%; }\n .u-col-md-offset-8 {\n margin-left: 66.66667%; }\n .u-col-md-9 {\n width: 75%; }\n .u-col-md-push-9 {\n left: 75%; }\n .u-col-md-pull-9 {\n right: 75%; }\n .u-col-md-offset-9 {\n margin-left: 75%; }\n .u-col-md-10 {\n width: 83.33333%; }\n .u-col-md-push-10 {\n left: 83.33333%; }\n .u-col-md-pull-10 {\n right: 83.33333%; }\n .u-col-md-offset-10 {\n margin-left: 83.33333%; }\n .u-col-md-11 {\n width: 91.66667%; }\n .u-col-md-push-11 {\n left: 91.66667%; }\n .u-col-md-pull-11 {\n right: 91.66667%; }\n .u-col-md-offset-11 {\n margin-left: 91.66667%; }\n .u-col-md-12 {\n width: 100%; }\n .u-col-md-push-12 {\n left: 100%; }\n .u-col-md-pull-12 {\n right: 100%; }\n .u-col-md-offset-12 {\n margin-left: 100%; }\n .u-col-push-0 {\n left: auto; }\n .u-col-pull-0 {\n right: auto; }\n .u-col-1 {\n width: 8.33333%; }\n .u-col-push-1 {\n left: 8.33333%; }\n .u-col-pull-1 {\n right: 8.33333%; }\n .u-col-offset-1 {\n margin-left: 8.33333%; }\n .u-col-2 {\n width: 16.66667%; }\n .u-col-push-2 {\n left: 16.66667%; }\n .u-col-pull-2 {\n right: 16.66667%; }\n .u-col-offset-2 {\n margin-left: 16.66667%; }\n .u-col-3 {\n width: 25%; }\n .u-col-push-3 {\n left: 25%; }\n .u-col-pull-3 {\n right: 25%; }\n .u-col-offset-3 {\n margin-left: 25%; }\n .u-col-4 {\n width: 33.33333%; }\n .u-col-push-4 {\n left: 33.33333%; }\n .u-col-pull-4 {\n right: 33.33333%; }\n .u-col-offset-4 {\n margin-left: 33.33333%; }\n .u-col-5 {\n width: 41.66667%; }\n .u-col-push-5 {\n left: 41.66667%; }\n .u-col-pull-5 {\n right: 41.66667%; }\n .u-col-offset-5 {\n margin-left: 41.66667%; }\n .u-col-6 {\n width: 50%; }\n .u-col-push-6 {\n left: 50%; }\n .u-col-pull-6 {\n right: 50%; }\n .u-col-offset-6 {\n margin-left: 50%; }\n .u-col-7 {\n width: 58.33333%; }\n .u-col-push-7 {\n left: 58.33333%; }\n .u-col-pull-7 {\n right: 58.33333%; }\n .u-col-offset-7 {\n margin-left: 58.33333%; }\n .u-col-8 {\n width: 66.66667%; }\n .u-col-push-8 {\n left: 66.66667%; }\n .u-col-pull-8 {\n right: 66.66667%; }\n .u-col-offset-8 {\n margin-left: 66.66667%; }\n .u-col-9 {\n width: 75%; }\n .u-col-push-9 {\n left: 75%; }\n .u-col-pull-9 {\n right: 75%; }\n .u-col-offset-9 {\n margin-left: 75%; }\n .u-col-10 {\n width: 83.33333%; }\n .u-col-push-10 {\n left: 83.33333%; }\n .u-col-pull-10 {\n right: 83.33333%; }\n .u-col-offset-10 {\n margin-left: 83.33333%; }\n .u-col-11 {\n width: 91.66667%; }\n .u-col-push-11 {\n left: 91.66667%; }\n .u-col-pull-11 {\n right: 91.66667%; }\n .u-col-offset-11 {\n margin-left: 91.66667%; }\n .u-col-12 {\n width: 100%; }\n .u-col-push-12 {\n left: 100%; }\n .u-col-pull-12 {\n right: 100%; }\n .u-col-offset-12 {\n margin-left: 100%; } }\n\n@media (min-width: 1200px) {\n .u-col-lg-1, .u-col-lg-2, .u-col-lg-3, .u-col-lg-4, .u-col-lg-5, .u-col-lg-6, .u-col-lg-7, .u-col-lg-8, .u-col-lg-9, .u-col-lg-10, .u-col-lg-11, .u-col-lg-12 {\n float: left; }\n .u-col-lg-push-0 {\n left: auto; }\n .u-col-lg-pull-0 {\n right: auto; }\n .u-col-lg-1 {\n width: 8.33333%; }\n .u-col-lg-push-1 {\n left: 8.33333%; }\n .u-col-lg-pull-1 {\n right: 8.33333%; }\n .u-col-lg-offset-1 {\n margin-left: 8.33333%; }\n .u-col-lg-2 {\n width: 16.66667%; }\n .u-col-lg-push-2 {\n left: 16.66667%; }\n .u-col-lg-pull-2 {\n right: 16.66667%; }\n .u-col-lg-offset-2 {\n margin-left: 16.66667%; }\n .u-col-lg-3 {\n width: 25%; }\n .u-col-lg-push-3 {\n left: 25%; }\n .u-col-lg-pull-3 {\n right: 25%; }\n .u-col-lg-offset-3 {\n margin-left: 25%; }\n .u-col-lg-4 {\n width: 33.33333%; }\n .u-col-lg-push-4 {\n left: 33.33333%; }\n .u-col-lg-pull-4 {\n right: 33.33333%; }\n .u-col-lg-offset-4 {\n margin-left: 33.33333%; }\n .u-col-lg-5 {\n width: 41.66667%; }\n .u-col-lg-push-5 {\n left: 41.66667%; }\n .u-col-lg-pull-5 {\n right: 41.66667%; }\n .u-col-lg-offset-5 {\n margin-left: 41.66667%; }\n .u-col-lg-6 {\n width: 50%; }\n .u-col-lg-push-6 {\n left: 50%; }\n .u-col-lg-pull-6 {\n right: 50%; }\n .u-col-lg-offset-6 {\n margin-left: 50%; }\n .u-col-lg-7 {\n width: 58.33333%; }\n .u-col-lg-push-7 {\n left: 58.33333%; }\n .u-col-lg-pull-7 {\n right: 58.33333%; }\n .u-col-lg-offset-7 {\n margin-left: 58.33333%; }\n .u-col-lg-8 {\n width: 66.66667%; }\n .u-col-lg-push-8 {\n left: 66.66667%; }\n .u-col-lg-pull-8 {\n right: 66.66667%; }\n .u-col-lg-offset-8 {\n margin-left: 66.66667%; }\n .u-col-lg-9 {\n width: 75%; }\n .u-col-lg-push-9 {\n left: 75%; }\n .u-col-lg-pull-9 {\n right: 75%; }\n .u-col-lg-offset-9 {\n margin-left: 75%; }\n .u-col-lg-10 {\n width: 83.33333%; }\n .u-col-lg-push-10 {\n left: 83.33333%; }\n .u-col-lg-pull-10 {\n right: 83.33333%; }\n .u-col-lg-offset-10 {\n margin-left: 83.33333%; }\n .u-col-lg-11 {\n width: 91.66667%; }\n .u-col-lg-push-11 {\n left: 91.66667%; }\n .u-col-lg-pull-11 {\n right: 91.66667%; }\n .u-col-lg-offset-11 {\n margin-left: 91.66667%; }\n .u-col-lg-12 {\n width: 100%; }\n .u-col-lg-push-12 {\n left: 100%; }\n .u-col-lg-pull-12 {\n right: 100%; }\n .u-col-lg-offset-12 {\n margin-left: 100%; } }\n\n/* FormGroup */\n/* Navlayout */\n.u-button {\n background: rgb(224,224,224);\n border: 1px solid rgb(224,224,224);\n border-radius: 3px;\n color: rgb(0,0,0);\n position: relative;\n min-width: 72px;\n padding: 4px 13px;\n display: inline-block;\n font-family: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n line-height: 1.57143;\n vertical-align: middle; }\n .u-button::-moz-focus-inner {\n border: 0; }\n .u-button:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n .u-button.colored {\n color: rgb(245, 60, 50); }\n .u-button.colored:focus:not(:active) {\n background-color: rgb(238,238,238);\n border-color: rgb(189,189,189); }\n .u-button.disable {\n -webkit-box-shadow: none;\n filter: alpha(opacity=65);\n box-shadow: none;\n cursor: not-allowed;\n opacity: .65; }\n\ninput.u-button[type=\"submit\"] {\n -webkit-appearance: none; }\n\n.u-button-floating {\n border-radius: 50%;\n font-size: 14px;\n height: 38px;\n margin: auto;\n min-width: 38px;\n width: 38px;\n padding: 0;\n line-height: normal;\n border: 1px solid rgb(165, 173, 186); }\n .u-button-floating.colored {\n background: rgb(67,160,71);\n color: rgb(255,255,255);\n background: rgb(255,255,255); }\n .u-button-floating.colored:hover {\n background-color: rgb(102,187,106); }\n .u-button-floating.colored:focus:not(:active) {\n background-color: rgb(67,160,71); }\n .u-button-floating.colored:active {\n background-color: rgb(67,160,71); }\n\n.u-button.disabled, .u-button[disabled] {\n cursor: not-allowed;\n opacity: .65;\n filter: alpha(opacity=65);\n box-shadow: none; }\n\n.u-button-default {\n color: #333;\n background-color: #fff;\n border-color: #ccc; }\n .u-button-default:hover, .u-button-default:focus, .u-button-default:active {\n background-color: #e6e6e6;\n border-color: #adadad; }\n\n.u-button-border {\n color: rgb(0,0,0);\n border: 1px solid rgb(165, 173, 186);\n background: rgb(255,255,255); }\n .u-button-border:hover {\n color: rgb(0,0,0);\n background-color: rgb(238,238,238);\n border-color: rgb(165, 173, 186); }\n .u-button-border:active {\n color: rgb(0,0,0);\n background-color: rgb(189,189,189);\n border-color: rgb(165, 173, 186); }\n .u-button-border:focus:not(:active) {\n color: rgb(0,0,0);\n background-color: rgb(238,238,238);\n border-color: rgb(165, 173, 186); }\n\n.u-button.u-button-primary {\n color: rgb(255,255,255);\n background-color: rgb(245, 60, 50);\n border: 1px rgb(245, 60, 50) solid; }\n .u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {\n background-color: rgb(230, 0, 18);\n border-color: rgb(230, 0, 18); }\n .u-button.u-button-primary.active, .u-button.u-button-primary:active {\n background-color: rgb(230, 0, 18);\n border-color: rgb(230, 0, 18); }\n\n.u-button.u-button-secondary {\n color: rgb(0,0,0);\n background-color: rgb(224,224,224);\n border: 1px rgb(224,224,224) solid; }\n .u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button.u-button-secondary.active, .u-button.u-button-secondary:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button.u-button-danger {\n color: rgb(255,255,255);\n background-color: rgb(244,67,54);\n border: 1px rgb(244,67,54) solid; }\n .u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover {\n background-color: rgb(229,115,115);\n border-color: rgb(229,115,115); }\n .u-button.u-button-danger.active, .u-button.u-button-danger:active {\n background-color: rgb(211,47,47);\n border-color: rgb(211,47,47); }\n\n.u-button.u-button-info {\n color: rgb(255,255,255);\n background-color: rgb(0,188,212);\n border: 1px rgb(0,188,212) solid; }\n .u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover {\n background-color: rgb(77,208,225);\n border-color: rgb(77,208,225); }\n .u-button.u-button-info.active, .u-button.u-button-info:active {\n background-color: rgb(0,151,167);\n border-color: rgb(0,151,167); }\n\n.u-button.u-button-warning {\n color: rgb(255,255,255);\n background-color: rgb(255,152,0);\n border: 1px rgb(255,152,0) solid; }\n .u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover {\n background-color: rgb(255,183,77);\n border-color: rgb(255,183,77); }\n .u-button.u-button-warning.active, .u-button.u-button-warning:active {\n background-color: rgb(245,124,0);\n border-color: rgb(245,124,0); }\n\n.u-button.u-button-success {\n color: rgb(255,255,255);\n background-color: rgb(76,175,80);\n border: 1px rgb(76,175,80) solid; }\n .u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover {\n background-color: rgb(129,199,132);\n border-color: rgb(129,199,132); }\n .u-button.u-button-success.active, .u-button.u-button-success:active {\n background-color: rgb(56,142,60);\n border-color: rgb(56,142,60); }\n\n.u-button.u-button-dark {\n color: rgb(255,255,255);\n background-color: rgb(97,97,97);\n border: 1px rgb(97,97,97) solid; }\n .u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover {\n background-color: rgb(117,117,117);\n border-color: rgb(117,117,117); }\n .u-button.u-button-dark.active, .u-button.u-button-dark:active {\n background-color: rgb(66,66,66);\n border-color: rgb(66,66,66); }\n\n.u-button.u-button-light {\n color: rgb(97,97,97);\n background-color: rgb(255,255,255);\n border: 1px rgb(255,255,255) solid; }\n .u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button.u-button-light.active, .u-button.u-button-light:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-border.u-button-success {\n color: rgb(76,175,80);\n background-color: #fff;\n border: 1px rgb(76,175,80) solid; }\n .u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {\n background-color: rgb(129,199,132);\n border-color: rgb(129,199,132);\n color: #fff; }\n .u-button-border.u-button-success.active, .u-button-border.u-button-success:active {\n color: #fff;\n background-color: rgb(56,142,60);\n border-color: rgb(56,142,60); }\n\n.u-button-border.u-button-warning {\n color: rgb(255,152,0);\n background-color: #fff;\n border: 1px rgb(255,152,0) solid; }\n .u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {\n background-color: rgb(255,183,77);\n border-color: rgb(255,183,77);\n color: #fff; }\n .u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {\n color: #fff;\n background-color: rgb(245,124,0);\n border-color: rgb(245,124,0); }\n\n.u-button-border.u-button-danger {\n color: rgb(244,67,54);\n background-color: #fff;\n border: 1px rgb(244,67,54) solid; }\n .u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {\n background-color: rgb(229,115,115);\n border-color: rgb(229,115,115);\n color: #fff; }\n .u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {\n color: #fff;\n background-color: rgb(211,47,47);\n border-color: rgb(211,47,47); }\n\n.u-button-border.u-button-info {\n color: rgb(0,188,212);\n background-color: #fff;\n border: 1px rgb(0,188,212) solid; }\n .u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {\n background-color: rgb(77,208,225);\n border-color: rgb(77,208,225);\n color: #fff; }\n .u-button-border.u-button-info.active, .u-button-border.u-button-info:active {\n color: #fff;\n background-color: rgb(0,151,167);\n border-color: rgb(0,151,167); }\n\n.u-button-border.u-button-primary {\n color: rgb(245, 60, 50);\n background-color: #fff;\n border: 1px rgb(245, 60, 50) solid; }\n .u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {\n background-color: rgb(230, 0, 18);\n border-color: rgb(230, 0, 18);\n color: #fff; }\n .u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {\n color: #fff;\n background-color: rgb(230, 0, 18);\n border-color: rgb(230, 0, 18); }\n\n.u-button-border.u-button-secondary {\n color: rgb(224,224,224);\n background-color: #fff;\n border: 1px rgb(224,224,224) solid; }\n .u-button-border.u-button-secondary.focus, .u-button-border.u-button-secondary:focus, .u-button-border.u-button-secondary:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238);\n color: #fff; }\n .u-button-border.u-button-secondary.active, .u-button-border.u-button-secondary:active {\n color: #fff;\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-border.u-button-dark {\n color: rgb(97,97,97);\n background-color: #fff;\n border: 1px rgb(97,97,97) solid; }\n .u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {\n background-color: rgb(117,117,117);\n border-color: rgb(117,117,117);\n color: #fff; }\n .u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {\n color: #fff;\n background-color: rgb(66,66,66);\n border-color: rgb(66,66,66); }\n\n.u-button-border.u-button-light {\n color: rgb(97,97,97);\n background-color: #fff;\n border: 1px rgb(255,255,255) solid; }\n .u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238);\n color: #fff; }\n .u-button-border.u-button-light.active, .u-button-border.u-button-light:active {\n color: #fff;\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-icon {\n border-radius: 50%;\n font-size: 14px;\n height: 32px;\n margin: auto;\n min-width: 32px;\n width: 32px;\n padding: 0;\n line-height: normal;\n border: 1px solid rgb(165, 173, 186); }\n\n.u-button-lg {\n padding: 8px 15px;\n font-size: 14px; }\n\n.u-button-xg {\n padding: 10.5px 18px;\n font-size: 16px; }\n\n.u-button-md {\n padding: 4px 13px;\n font-size: 14px; }\n\n.u-button-sm {\n padding: 3px 5px;\n font-size: 12px; }\n\n.u-button-squared {\n border-radius: 0; }\n\n.u-button-round {\n border-radius: 1000px; }\n\n.u-button-block {\n white-space: normal;\n display: block;\n width: 100%; }\n\n.u-button-pill-left {\n border-radius: 500px 0 0 500px; }\n\n.u-button-pill-right {\n border-radius: 0 500px 500px 0; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease; }\n\n.collapse {\n display: none; }\n\n.collapse.in {\n display: block; }\n\n/* FormGroup */\n/* Navlayout */\n.u-popconfirm {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1540;\n display: none;\n max-width: 300px;\n padding: 1px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgb(165, 173, 186);\n border-radius: 6px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }\n .u-popconfirm-dark {\n background-color: rgb(66,66,66);\n color: #fff; }\n\n.u-popconfirm.right {\n margin-left: 10px; }\n\n.u-popconfirm.left {\n margin-left: -10px; }\n\n.u-popconfirm.top {\n margin-top: -10px; }\n\n.u-popconfirm.bottom {\n margin-top: 10px; }\n\n.u-popconfirm.right > .arrow {\n top: 50%;\n left: -10px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: rgb(165, 173, 186); }\n\n.u-popconfirm.left > .arrow {\n top: 50%;\n right: -10px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: rgb(165, 173, 186); }\n\n.u-popconfirm.top > .arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: rgb(165, 173, 186);\n bottom: -10px; }\n\n.u-popconfirm.bottom > .arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: rgb(165, 173, 186);\n top: -11px; }\n\n.u-popconfirm > .arrow {\n border-width: 10px; }\n\n.u-popconfirm > .arrow, .u-popconfirm > .arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid; }\n\n.u-popconfirm > .arrow:after {\n border-width: 10px;\n content: \"\"; }\n\n.u-popconfirm.right > .arrow:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: #fff; }\n\n.u-popconfirm.left > .arrow:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: #fff;\n bottom: -10px; }\n\n.u-popconfirm.top > .arrow:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: #fff; }\n\n.u-popconfirm.bottom > .arrow:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: #fff; }\n\n.u-popconfirm-dark.right > .arrow:after {\n border-right-color: rgb(66,66,66); }\n\n.u-popconfirm-dark.left > .arrow:after {\n border-left-color: rgb(66,66,66); }\n\n.u-popconfirm-dark.top > .arrow:after {\n border-top-color: rgb(66,66,66); }\n\n.u-popconfirm-dark.bottom > .arrow:after {\n border-bottom-color: rgb(66,66,66); }\n\n.u-popconfirm-content {\n padding: 15px; }\n\n.u-popconfirm-confirm {\n text-align: center; }\n .u-popconfirm-confirm button {\n margin-right: 10px; }\n\n.u-popconfirm .u-button {\n margin: 10px; }\n\n/* FormGroup */\n/* Navlayout */\n.u-form-control {\n position: relative;\n display: inline-block;\n padding: 0 12px;\n width: 100%;\n height: 30px;\n cursor: text;\n font-size: 14px;\n line-height: 1.5;\n color: #424242;\n background-color: #fff;\n background-image: none;\n border: 1px solid #bdbdbd;\n border-radius: 3px;\n transition: all .3s; }\n .u-form-control:focus {\n border-color: #66afe9;\n outline: 0; }\n .u-form-control::-ms-clear, .u-form-control ::-ms-reveal {\n display: none; }\n\n.u-form-control[disabled] {\n background: #eee;\n border-color: #e0e0e0;\n color: #BDBDBD;\n cursor: not-allowed; }\n\n.u-form-control.lg {\n height: 38px;\n font-size: 14px; }\n\n.u-form-control.sm {\n font-size: 12px;\n height: 24px; }\n\n.u-form-control-search-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n height: 28px;\n padding: 4px;\n width: 100%; }\n .u-form-control-search-wrapper .u-form-control-search-action {\n color: #ccc;\n position: absolute;\n top: 2px;\n right: 2px;\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 14px;\n text-decoration: none; }\n .u-form-control-search-wrapper .u-form-control-search-action .uf {\n transition: all .3s;\n font-size: 12px;\n color: #ccc; }\n .u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before {\n content: \"\\e603\"; }\n\n.u-form-control-affix-wrapper {\n position: relative;\n display: inline-block;\n width: 100%; }\n .u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n z-index: 2;\n line-height: 0;\n right: 7px;\n color: rgba(0, 0, 0, 0.65); }\n\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n.u-button {\n background: rgb(224,224,224);\n border: 1px solid rgb(224,224,224);\n border-radius: 3px;\n color: rgb(0,0,0);\n position: relative;\n min-width: 72px;\n padding: 4px 13px;\n display: inline-block;\n font-family: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n line-height: 1.57143;\n vertical-align: middle; }\n .u-button::-moz-focus-inner {\n border: 0; }\n .u-button:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n .u-button.colored {\n color: rgb(245, 60, 50); }\n .u-button.colored:focus:not(:active) {\n background-color: rgb(238,238,238);\n border-color: rgb(189,189,189); }\n .u-button.disable {\n -webkit-box-shadow: none;\n filter: alpha(opacity=65);\n box-shadow: none;\n cursor: not-allowed;\n opacity: .65; }\n\ninput.u-button[type=\"submit\"] {\n -webkit-appearance: none; }\n\n.u-button-floating {\n border-radius: 50%;\n font-size: 14px;\n height: 38px;\n margin: auto;\n min-width: 38px;\n width: 38px;\n padding: 0;\n line-height: normal;\n border: 1px solid rgb(224,224,224); }\n .u-button-floating.colored {\n background: rgb(67,160,71);\n color: rgb(255,255,255);\n background: rgb(255,255,255); }\n .u-button-floating.colored:hover {\n background-color: rgb(102,187,106); }\n .u-button-floating.colored:focus:not(:active) {\n background-color: rgb(67,160,71); }\n .u-button-floating.colored:active {\n background-color: rgb(67,160,71); }\n\n.u-button.disabled, .u-button[disabled] {\n cursor: not-allowed;\n opacity: .65;\n filter: alpha(opacity=65);\n box-shadow: none; }\n\n.u-button-default {\n color: #333;\n background-color: #fff;\n border-color: #ccc; }\n .u-button-default:hover, .u-button-default:focus, .u-button-default:active {\n background-color: #e6e6e6;\n border-color: #adadad; }\n\n.u-button-border {\n color: rgb(0,0,0);\n border: 1px solid rgb(224,224,224);\n background: rgb(255,255,255); }\n .u-button-border:hover {\n color: rgb(0,0,0);\n background-color: rgb(238,238,238);\n border-color: rgb(224,224,224); }\n .u-button-border:active {\n color: rgb(0,0,0);\n background-color: rgb(189,189,189);\n border-color: rgb(224,224,224); }\n .u-button-border:focus:not(:active) {\n color: rgb(0,0,0);\n background-color: rgb(238,238,238);\n border-color: rgb(224,224,224); }\n\n.u-button.u-button-primary {\n color: rgb(255,255,255);\n background-color: rgb(245, 60, 50);\n border: 1px rgb(245, 60, 50) solid; }\n .u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover {\n background-color: rgb(230, 0, 18);\n border-color: rgb(230, 0, 18); }\n .u-button.u-button-primary.active, .u-button.u-button-primary:active {\n background-color: rgb(230, 0, 18);\n border-color: rgb(230, 0, 18); }\n\n.u-button.u-button-secondary {\n color: rgb(0,0,0);\n background-color: rgb(224,224,224);\n border: 1px rgb(224,224,224) solid; }\n .u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button.u-button-secondary.active, .u-button.u-button-secondary:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button.u-button-danger {\n color: rgb(255,255,255);\n background-color: rgb(244,67,54);\n border: 1px rgb(244,67,54) solid; }\n .u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover {\n background-color: rgb(229,115,115);\n border-color: rgb(229,115,115); }\n .u-button.u-button-danger.active, .u-button.u-button-danger:active {\n background-color: rgb(211,47,47);\n border-color: rgb(211,47,47); }\n\n.u-button.u-button-info {\n color: rgb(255,255,255);\n background-color: rgb(0,188,212);\n border: 1px rgb(0,188,212) solid; }\n .u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover {\n background-color: rgb(77,208,225);\n border-color: rgb(77,208,225); }\n .u-button.u-button-info.active, .u-button.u-button-info:active {\n background-color: rgb(0,151,167);\n border-color: rgb(0,151,167); }\n\n.u-button.u-button-warning {\n color: rgb(255,255,255);\n background-color: rgb(255,152,0);\n border: 1px rgb(255,152,0) solid; }\n .u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover {\n background-color: rgb(255,183,77);\n border-color: rgb(255,183,77); }\n .u-button.u-button-warning.active, .u-button.u-button-warning:active {\n background-color: rgb(245,124,0);\n border-color: rgb(245,124,0); }\n\n.u-button.u-button-success {\n color: rgb(255,255,255);\n background-color: rgb(76,175,80);\n border: 1px rgb(76,175,80) solid; }\n .u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover {\n background-color: rgb(129,199,132);\n border-color: rgb(129,199,132); }\n .u-button.u-button-success.active, .u-button.u-button-success:active {\n background-color: rgb(56,142,60);\n border-color: rgb(56,142,60); }\n\n.u-button.u-button-dark {\n color: rgb(255,255,255);\n background-color: rgb(97,97,97);\n border: 1px rgb(97,97,97) solid; }\n .u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover {\n background-color: rgb(117,117,117);\n border-color: rgb(117,117,117); }\n .u-button.u-button-dark.active, .u-button.u-button-dark:active {\n background-color: rgb(66,66,66);\n border-color: rgb(66,66,66); }\n\n.u-button.u-button-light {\n color: rgb(97,97,97);\n background-color: rgb(255,255,255);\n border: 1px rgb(255,255,255) solid; }\n .u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238); }\n .u-button.u-button-light.active, .u-button.u-button-light:active {\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-border.u-button-success {\n color: rgb(76,175,80);\n background-color: #fff;\n border: 1px rgb(76,175,80) solid; }\n .u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover {\n background-color: rgb(129,199,132);\n border-color: rgb(129,199,132);\n color: #fff; }\n .u-button-border.u-button-success.active, .u-button-border.u-button-success:active {\n color: #fff;\n background-color: rgb(56,142,60);\n border-color: rgb(56,142,60); }\n\n.u-button-border.u-button-warning {\n color: rgb(255,152,0);\n background-color: #fff;\n border: 1px rgb(255,152,0) solid; }\n .u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover {\n background-color: rgb(255,183,77);\n border-color: rgb(255,183,77);\n color: #fff; }\n .u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {\n color: #fff;\n background-color: rgb(245,124,0);\n border-color: rgb(245,124,0); }\n\n.u-button-border.u-button-danger {\n color: rgb(244,67,54);\n background-color: #fff;\n border: 1px rgb(244,67,54) solid; }\n .u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover {\n background-color: rgb(229,115,115);\n border-color: rgb(229,115,115);\n color: #fff; }\n .u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {\n color: #fff;\n background-color: rgb(211,47,47);\n border-color: rgb(211,47,47); }\n\n.u-button-border.u-button-info {\n color: rgb(0,188,212);\n background-color: #fff;\n border: 1px rgb(0,188,212) solid; }\n .u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover {\n background-color: rgb(77,208,225);\n border-color: rgb(77,208,225);\n color: #fff; }\n .u-button-border.u-button-info.active, .u-button-border.u-button-info:active {\n color: #fff;\n background-color: rgb(0,151,167);\n border-color: rgb(0,151,167); }\n\n.u-button-border.u-button-primary {\n color: rgb(245, 60, 50);\n background-color: #fff;\n border: 1px rgb(245, 60, 50) solid; }\n .u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {\n background-color: rgb(230, 0, 18);\n border-color: rgb(230, 0, 18);\n color: #fff; }\n .u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {\n color: #fff;\n background-color: rgb(230, 0, 18);\n border-color: rgb(230, 0, 18); }\n\n.u-button-border.u-button-secondary {\n color: rgb(224,224,224);\n background-color: #fff;\n border: 1px rgb(224,224,224) solid; }\n .u-button-border.u-button-secondary.focus, .u-button-border.u-button-secondary:focus, .u-button-border.u-button-secondary:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238);\n color: #fff; }\n .u-button-border.u-button-secondary.active, .u-button-border.u-button-secondary:active {\n color: #fff;\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-border.u-button-dark {\n color: rgb(97,97,97);\n background-color: #fff;\n border: 1px rgb(97,97,97) solid; }\n .u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover {\n background-color: rgb(117,117,117);\n border-color: rgb(117,117,117);\n color: #fff; }\n .u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {\n color: #fff;\n background-color: rgb(66,66,66);\n border-color: rgb(66,66,66); }\n\n.u-button-border.u-button-light {\n color: rgb(97,97,97);\n background-color: #fff;\n border: 1px rgb(255,255,255) solid; }\n .u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover {\n background-color: rgb(238,238,238);\n border-color: rgb(238,238,238);\n color: #fff; }\n .u-button-border.u-button-light.active, .u-button-border.u-button-light:active {\n color: #fff;\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n\n.u-button-icon {\n border-radius: 50%;\n font-size: 14px;\n height: 32px;\n margin: auto;\n min-width: 32px;\n width: 32px;\n padding: 0;\n line-height: normal;\n border: 1px solid rgb(224,224,224); }\n\n.u-button-lg {\n padding: 8px 15px;\n font-size: 14px; }\n\n.u-button-xg {\n padding: 10.5px 18px;\n font-size: 16px; }\n\n.u-button-md {\n padding: 4px 13px;\n font-size: 14px; }\n\n.u-button-sm {\n padding: 3px 5px;\n font-size: 12px; }\n\n.u-button-squared {\n border-radius: 0; }\n\n.u-button-round {\n border-radius: 1000px; }\n\n.u-button-block {\n white-space: normal;\n display: block;\n width: 100%; }\n\n.u-button-pill-left {\n border-radius: 500px 0 0 500px; }\n\n.u-button-pill-right {\n border-radius: 0 500px 500px 0; }\n\n.u-pagination {\n font-size: 14px;\n position: relative; }\n .u-pagination-list {\n float: left;\n margin: 5px; }\n .u-pagination-list:after {\n clear: both;\n display: table;\n content: ''; }\n .u-pagination-list > li.iconBtn > a {\n padding: 5px 9px;\n line-height: 1.57142857; }\n .u-pagination-list > li > a, .u-pagination-list > li > span {\n display: inline-block;\n text-decoration: none;\n border-top: 1px solid #d7d7d7;\n border-bottom: 1px solid #d7d7d7;\n border-left: 1px solid #d7d7d7;\n background-color: transparent;\n text-align: center;\n color: #666666;\n padding: 5px 12px;\n line-height: 1.57142857; }\n .u-pagination-list.u-pagination-no-border > li > a, .u-pagination-list > li > span {\n border-radius: 4px; }\n .u-pagination-list > li:first-child > a, .u-pagination-list > li:first-child > span {\n margin-left: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n .u-pagination-list > li:last-child > a, .u-pagination-list > li:last-child > span {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n .u-pagination-list > li[role=\"next\"] > a {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-right: 1px solid #d7d7d7; }\n .u-pagination-list > li {\n float: left;\n list-style-type: none; }\n .u-pagination-list > li > a:hover, .u-pagination-list > li > span:hover, .u-pagination-list > li > a:focus, .u-pagination-list > li > span:focus {\n color: #666;\n background-color: rgba(122, 134, 154, 0.35);\n border-color: #d7d7d7;\n cursor: pointer; }\n .u-pagination-list > li > a > i {\n color: #7a869a; }\n .u-pagination-list > .active > a, .u-pagination-list > .active > span, .u-pagination-list > .active > a:hover, .u-pagination-list > .active > span:hover, .u-pagination-list > .active > a:focus, .u-pagination-list > .active > span:focus {\n z-index: 2;\n color: #fff;\n cursor: default;\n background-color: #7A869A;\n border-color: #7A869A; }\n .u-pagination-list > .disabled > a, .u-pagination-list > .disabled > span, .u-pagination-list > .disabled > a:hover, .u-pagination-list > .disabled > span:hover, .u-pagination-list > .disabled > a:focus, .u-pagination-list > .disabled > span:focus {\n color: #777;\n cursor: not-allowed;\n background-color: transparent;\n border-color: #ddd; }\n .u-pagination-list > .disabled > a > i {\n color: #cccccc; }\n .u-pagination-list > li[role=\"gap\"] > a {\n background-color: transparent;\n border-bottom: 0 solid #d7d7d7;\n border-top: 0 solid #d7d7d7;\n padding: 7px 11px;\n line-height: 1.57142857; }\n .u-pagination-list > li[role=\"gap\"] > a:hover, .u-pagination-list > li[role=\"gap\"] > a:focus {\n background-color: transparent; }\n .u-pagination-list input {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box; }\n .u-pagination-list li, .u-pagination-list a {\n box-sizing: content-box; }\n .u-pagination-list i.uf, .u-pagination-list i.fa {\n padding: 0px;\n font-size: 14px; }\n .u-pagination-list > li:last-child > a, .u-pagination-list > li:last-child > span {\n border-right: 1px solid #d7d7d7; }\n .u-pagination .temp-main {\n width: 100px;\n height: 100px;\n border: 1px solid #000; }\n .u-pagination .enhanced_pagination {\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: nowrap;\n min-width: 700px;\n overflow: auto;\n -webkit-box-pack: center;\n justify-content: center; }\n .u-pagination .enhanced_pagination .u_float_pagination {\n float: left; }\n .u-pagination .data_per_select {\n margin: 5px;\n float: left;\n min-width: 120px; }\n .u-pagination .data_per_select > span {\n display: inline-block;\n line-height: 36px;\n float: left; }\n .u-pagination .data_per_select .u-select {\n width: 50px;\n margin: 0 6px;\n height: 36px;\n float: left; }\n .u-pagination .data_per_select .u-select .u-select-selection {\n height: 36px; }\n .u-pagination .data_per_select .u-select .u-select-selection .u-select-selection-rendered {\n line-height: 36px; }\n .u-pagination .data_select {\n outline: none;\n -webkit-appearance: none;\n height: 36px;\n background: #fff;\n border-color: #d7d7d7;\n border-radius: 4px;\n line-height: 28px;\n padding: 0 15px;\n text-align: center;\n font-size: 14px;\n margin: 0 6px; }\n .u-pagination .page_jump {\n float: left;\n margin: 5px; }\n .u-pagination .page_jump > span {\n display: inline-block;\n line-height: 36px;\n float: left; }\n .u-pagination .page_jump_value {\n outline: none;\n -webkit-appearance: none;\n background: #fff;\n border-radius: 4px;\n width: 50px;\n text-align: center;\n border: 1px solid #d7d7d7; }\n .u-pagination .page_jump_btn,\n .u-pagination .page_jump_value {\n margin: 0 6px;\n padding: 0;\n height: 36px;\n line-height: 34px;\n box-sizing: border-box;\n float: left; }\n .u-pagination-total {\n float: left;\n height: 36px;\n line-height: 36px;\n margin: 5px; }\n .u-pagination-total span {\n padding: 0 5px; }\n .u-pagination.u-pagination-disabled .u-pagination-disabled-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 46px;\n background: rgba(255, 255, 255, 0.6);\n z-index: 2;\n cursor: not-allowed; }\n\n.pagination-state {\n float: left;\n height: 34px;\n line-height: 34px;\n text-align: center;\n font-size: 12px;\n color: #666;\n margin-left: 10px; }\n .pagination-state > .page_j {\n margin: 0 4px;\n width: 40px;\n border: 1px solid #ddd;\n padding-left: 2px;\n height: 35px;\n line-height: 35px;\n color: #333333; }\n .pagination-state > .page_z {\n margin: 0 4px;\n width: 50px;\n border: 1px solid #ddd;\n padding-left: 2px;\n height: 35px;\n line-height: 35px;\n color: #333333; }\n .pagination-state > .pagination-jump {\n margin: 0 10px;\n width: 50px;\n line-height: 30px;\n border: 1px solid #ddd;\n background-color: white;\n font-size: 14px;\n cursor: pointer;\n color: #333333;\n height: 35px; }\n .pagination-state > .pagination-jump:hover {\n background-color: #eee; }\n\n.u-pagination-lg > li > a {\n padding: 9px 15px;\n font-size: 16px;\n line-height: 1.33333; }\n\n.u-pagination-lg > li:first-child > a {\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px; }\n\n.u-pagination-lg > li:last-child > a {\n border-bottom-right-radius: 4px;\n border-top-right-radius: 4px; }\n\n.u-pagination-lg > li[role=\"gap\"] > a {\n padding: 10px 15px;\n font-size: 16px;\n line-height: 1.33333; }\n\n.u-pagination-sm > li > a {\n padding: 5px 9px;\n font-size: 14px;\n line-height: 1.5; }\n\n.u-pagination-sm > li:first-child > a {\n border-bottom-left-radius: 2px;\n border-top-left-radius: 2px; }\n\n.u-pagination-sm > li:last-child > a {\n border-bottom-right-radius: 2px;\n border-top-right-radius: 2px; }\n\n.u-pagination-sm > li[role=\"gap\"] > a {\n padding: 6px 9px;\n font-size: 14px;\n line-height: 1.5; }\n\n.u-pagination-lg > li.iconBtn > a {\n padding: 7px 11.5px; }\n .u-pagination-lg > li.iconBtn > a > i {\n font-size: 16px; }\n\n.u-pagination-sm > li.iconBtn > a {\n padding: 4.5px 6px; }\n\n.u-pagination-no-border:not(.u-pagination-gap) > li > a, .u-pagination-no-border:not(.u-pagination-gap) > li[role=\"next\"] > a {\n border: none; }\n\n.u-pagination-no-border:not(.u-pagination-gap) > li:last-child > a, .u-pagination-no-border:not(.u-pagination-gap) > li:last-child > span {\n border: none; }\n\n.u-pagination-gap > li:first-child > a,\n.u-pagination-gap > li:last-child > a {\n border-radius: 5px; }\n\n.u-pagination-gap > li > a {\n margin: 0 5px;\n border-radius: 5px;\n border: 1px solid #d7d7d7; }\n .u-pagination-gap > li > a:hover {\n background-color: transparent;\n border-color: #7A869A; }\n\n.u-pagination-gap > li:first-child > a, .u-pagination-gap > li:last-child > a {\n border-radius: 5px; }\n\n.u-pagination-gap > li[role=\"gap\"] > a {\n border: 0 solid #d7d7d7; }\n\n/* FormGroup */\n/* Navlayout */\n.u-checkbox {\n display: inline-block;\n position: relative;\n margin: 0 5px;\n height: 18px;\n line-height: 18px;\n font-size: 14px;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n position: relative;\n line-height: 1;\n vertical-align: middle; }\n .u-checkbox.disabled .u-checkbox-label {\n cursor: not-allowed;\n opacity: 0.5; }\n .u-checkbox input[type='checkbox'] {\n position: absolute;\n z-index: 3;\n cursor: pointer;\n opacity: 0;\n box-sizing: border-box;\n padding: 0;\n width: 100%;\n height: 100%; }\n .u-checkbox input[disabled] {\n cursor: not-allowed; }\n .u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(245, 60, 50); }\n .u-checkbox.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);\n -webkit-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);\n box-shadow: inset 0 0 0 10px rgb(245, 60, 50);\n border-color: rgb(245, 60, 50); }\n .u-checkbox.is-checked .u-checkbox-label:after {\n color: #fff;\n content: \"\\e658\";\n line-height: 18px;\n font-size: 14px; }\n .u-checkbox .u-checkbox-label {\n cursor: pointer;\n display: inline-block;\n padding-left: 25px; }\n .u-checkbox .u-checkbox-label:before {\n -moz-border-radius: 3px;\n -webkit-border-radius: 3px;\n border-radius: 3px;\n border: 1px solid;\n background-color: #fff;\n -moz-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n -webkit-transition: all 0.3s ease-in-out;\n transition: all 0.3s ease-in-out;\n content: '';\n font-family: 'uf';\n display: inline-block;\n width: 18px;\n height: 18px;\n left: 0;\n top: 0;\n text-align: center;\n position: absolute; }\n .u-checkbox .u-checkbox-label:after {\n content: '';\n font-family: 'uf';\n display: inline-block;\n width: 18px;\n height: 18px;\n left: 0;\n top: 0;\n text-align: center;\n position: absolute; }\n\n.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {\n color: #fff;\n content: \"\\e6ce\";\n line-height: 18px;\n font-size: 14px; }\n\n.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {\n box-shadow: inset 0 0 0 10px rgb(245, 60, 50);\n border-color: rgb(245, 60, 50); }\n\n.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(76,175,80);\n -webkit-box-shadow: inset 0 0 0 10px rgb(76,175,80);\n box-shadow: inset 0 0 0 10px rgb(76,175,80);\n border-color: rgb(76,175,80); }\n\n.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(76,175,80); }\n\n.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(255,152,0);\n -webkit-box-shadow: inset 0 0 0 10px rgb(255,152,0);\n box-shadow: inset 0 0 0 10px rgb(255,152,0);\n border-color: rgb(255,152,0); }\n\n.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(255,152,0); }\n\n.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(244,67,54);\n -webkit-box-shadow: inset 0 0 0 10px rgb(244,67,54);\n box-shadow: inset 0 0 0 10px rgb(244,67,54);\n border-color: rgb(244,67,54); }\n\n.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(244,67,54); }\n\n.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(97,97,97);\n -webkit-box-shadow: inset 0 0 0 10px rgb(97,97,97);\n box-shadow: inset 0 0 0 10px rgb(97,97,97);\n border-color: rgb(97,97,97); }\n\n.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(97,97,97); }\n\n.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {\n -moz-box-shadow: inset 0 0 0 10px rgb(0,188,212);\n -webkit-box-shadow: inset 0 0 0 10px rgb(0,188,212);\n box-shadow: inset 0 0 0 10px rgb(0,188,212);\n border-color: rgb(0,188,212); }\n\n.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {\n border-color: rgb(0,188,212); }\n\n/* FormGroup */\n/* Navlayout */\n/* keyframes 定义 */\n@-webkit-keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes uSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@keyframes uSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@-webkit-keyframes uSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes uSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes uSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@keyframes uSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); } }\n\n@-webkit-keyframes uSlideLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@keyframes uSlideLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@-webkit-keyframes uSlideLeftOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@keyframes uSlideLeftOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@-webkit-keyframes uSlideRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@keyframes uSlideRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); } }\n\n@-webkit-keyframes uSlideRightOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@keyframes uSlideRightOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(1);\n transform: scaleX(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 0%;\n transform-origin: 100% 0%;\n -webkit-transform: scaleX(0.8);\n transform: scaleX(0.8); } }\n\n@-webkit-keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px); }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px); }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px); }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px); }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px); } }\n\n@keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px); }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px); }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px); }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px); }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px); } }\n\n@-webkit-keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); } }\n\n@keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2); } }\n\n@-webkit-keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomUpOut {\n 0% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomUpOut {\n 0% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomLeftIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomLeftOut {\n 0% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomLeftOut {\n 0% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomRightIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomRightOut {\n 0% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomRightOut {\n 0% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@-webkit-keyframes uZoomDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@keyframes uZoomDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); } }\n\n@-webkit-keyframes uZoomDownOut {\n 0% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes uZoomDownOut {\n 0% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8); } }\n\n@keyframes rcMenuOpenZoomIn {\n 0% {\n opacity: 0;\n transform: scale(0, 0); }\n 100% {\n opacity: 1;\n transform: scale(1, 1); } }\n\n@keyframes rcMenuOpenZoomOut {\n 0% {\n transform: scale(1, 1); }\n 100% {\n opacity: 0;\n transform: scale(0, 0); } }\n\n@keyframes rcMenuOpenSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1); } }\n\n@keyframes rcMenuOpenSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0); } }\n\nul {\n margin: 0;\n padding: 0;\n list-style: none; }\n\n.u-select {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n color: #666;\n width: 100%;\n font-size: 12px; }\n .u-select :root .u-select-arrow {\n -webkit-filter: none;\n filter: none; }\n .u-select :root .u-select-arrow {\n font-size: 12px; }\n .u-select .u-select-arrow * {\n display: none; }\n .u-select .u-select-arrow {\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: absolute;\n top: 50%;\n right: 8px;\n line-height: 1;\n margin-top: -6px;\n display: inline-block;\n font-size: 12px;\n font-size: 9px \\9;\n -webkit-transform: scale(0.75) rotate(0deg);\n -ms-transform: scale(0.75) rotate(0deg);\n transform: scale(0.75) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1; }\n .u-select .u-select-arrow:before {\n display: block;\n font-family: \"uf\";\n content: \"\\e609\";\n -webkit-transition: -webkit-transform 0.2s ease;\n transition: -webkit-transform 0.2s ease;\n transition: transform 0.2s ease;\n transition: transform 0.2s ease, -webkit-transform 0.2s ease; }\n .u-select .u-select-selection {\n outline: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: border-box;\n display: block;\n background-color: #fff;\n border-radius: 4px;\n border: 1px solid #d9d9d9;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }\n .u-select .u-select-selection :hover {\n border-color: #40a5ed; }\n\n.u-select > ul > li > a {\n padding: 0;\n background-color: #fff; }\n\n.u-select-focused .u-select-selection,\n.u-select-selection:focus,\n.u-select-selection:active {\n border-color: #40a5ed;\n outline: 0;\n box-shadow: none; }\n\n.u-select-selection-clear {\n display: inline-block;\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n opacity: 0;\n position: absolute;\n right: 8px;\n z-index: 1;\n background: #fff;\n top: 50%;\n font-size: 12px;\n color: #ccc;\n width: 12px;\n height: 12px;\n margin-top: -6px;\n line-height: 12px;\n cursor: pointer;\n -webkit-transition: color 0.3s ease, opacity 0.15s ease;\n transition: color 0.3s ease, opacity 0.15s ease; }\n\n.u-select-selection-clear:before {\n display: block;\n font-family: 'uf';\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: \"\\E62E\"; }\n\n.u-select-selection-clear:hover {\n color: #999; }\n\n.u-select-selection:hover .u-select-selection-clear {\n opacity: 1; }\n\n.u-select-selection-selected-value {\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n padding-right: 14px; }\n\n.u-select-disabled {\n color: #ccc; }\n .u-select-disabled .u-select-selection {\n background: #f7f7f7;\n cursor: not-allowed; }\n .u-select-disabled .u-select-selection:hover, .u-select-disabled .u-select-selection:focus, .u-select-disabled .u-select-selection:active {\n border-color: #d9d9d9;\n box-shadow: none; }\n .u-select-disabled .u-select-selection-clear {\n display: none;\n visibility: hidden;\n pointer-events: none; }\n .u-select-disabled .u-select-selection--multiple .u-select-selection-choice {\n background: #e9e9e9;\n color: #aaa;\n padding-right: 10px; }\n .u-select-disabled .u-select-selection--multiple .u-select-selection-choice-remove {\n display: none; }\n .u-select-disabled .u-select-selection-choice-remove {\n color: #ccc;\n cursor: default; }\n .u-select-disabled .u-select-selection-choice-remove:hover {\n color: #ccc; }\n\n.u-select-selection--single {\n height: 30px;\n position: relative;\n cursor: pointer; }\n\n.u-select-selection-rendered {\n display: block;\n margin-left: 8px;\n margin-right: 8px;\n position: relative;\n line-height: 28px; }\n .u-select-selection-rendered:after {\n content: '.';\n visibility: hidden;\n pointer-events: none;\n display: inline-block;\n width: 0; }\n\n.u-select-lg .u-select-selection--single {\n height: 38px; }\n\n.u-select-lg .u-select-selection-rendered {\n line-height: 36px; }\n\n.u-select-lg .u-select-selection--multiple {\n min-height: 32px; }\n\n.u-select-lg .u-select-selection--multiple .u-select-selection-rendered li {\n height: 24px;\n line-height: 24px; }\n\n.u-select-sm .u-select-selection {\n border-radius: 2px; }\n\n.u-select-sm .u-select-selection--single {\n height: 24px; }\n\n.u-select-sm .u-select-selection-rendered {\n line-height: 22px; }\n\n.u-select-sm .u-select-selection--multiple {\n min-height: 22px; }\n\n.u-select-sm .u-select-selection--multiple .u-select-selection-rendered li {\n height: 14px;\n line-height: 14px; }\n\n.u-select-search-field-wrap {\n display: inline-block;\n position: relative; }\n\n.u-select-selection-placeholder,\n.u-select-search-field-placeholder {\n position: absolute;\n top: 50%;\n left: 0;\n right: 9px;\n color: #ccc;\n line-height: 20px;\n height: 20px;\n max-width: 100%;\n margin-top: -10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n.u-select-search-field-placeholder {\n left: 8px; }\n\n.u-select-search--inline {\n position: absolute;\n width: 100%;\n height: 100%; }\n .u-select-search--inline .u-select-search-field-wrap {\n width: 100%;\n height: 100%; }\n .u-select-search--inline .u-select-search-field {\n border: 0;\n font-size: 100%;\n height: 100%;\n width: 100%;\n background: transparent;\n outline: 0;\n border-radius: 4px; }\n .u-select-search--inline .u-select-search-field-mirror {\n position: absolute;\n top: 0;\n left: -9999px;\n white-space: pre;\n pointer-events: none; }\n .u-select-search--inline > i {\n float: right; }\n\n.u-select-selection--multiple {\n min-height: 28px;\n cursor: text;\n padding-bottom: 3px;\n zoom: 1; }\n .u-select-selection--multiple:before, .u-select-selection--multiple:after {\n content: \" \";\n display: table; }\n .u-select-selection--multiple:after {\n clear: both;\n visibility: hidden;\n font-size: 0;\n height: 0; }\n .u-select-selection--multiple .u-select-search--inline {\n float: left;\n position: static;\n width: auto;\n padding: 0; }\n .u-select-selection--multiple .u-select-search--inline .u-select-search-field {\n width: 0.75em; }\n .u-select-selection--multiple .u-select-selection-rendered {\n margin-left: 5px;\n margin-bottom: -3px;\n height: auto; }\n .u-select-selection--multiple > ul > li, .u-select-selection--multiple .u-select-selection-rendered > ul > li {\n margin-top: 3px;\n height: 20px;\n line-height: 20px; }\n .u-select-selection--multiple .u-select-selection-choice {\n background-color: #f3f3f3;\n border-radius: 4px;\n cursor: default;\n float: left;\n padding: 0 16px;\n margin-right: 4px;\n max-width: 99%;\n position: relative;\n overflow: hidden;\n -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n padding: 0 20px 0 10px; }\n .u-select-selection--multiple .u-select-selection-choice-disabled {\n padding: 0 10px; }\n .u-select-selection--multiple .u-select-selection-choice-content {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }\n .u-select-selection--multiple .u-select-selection-choice-remove {\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n line-height: 1;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #999;\n line-height: inherit;\n cursor: pointer;\n font-weight: bold;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n display: inline-block;\n font-size: 12px;\n font-size: 8px \\9;\n -webkit-transform: scale(0.66667) rotate(0deg);\n -ms-transform: scale(0.66667) rotate(0deg);\n transform: scale(0.66667) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n position: absolute;\n right: 4px;\n padding: 0 0 0 8px;\n top: -3px; }\n .u-select-selection--multiple .u-select-selection-choice-remove:before {\n display: block;\n font-family: \"uf\"; }\n .u-select-selection--multiple .u-select-selection-choice-remove {\n -webkit-filter: none;\n filter: none; }\n .u-select-selection--multiple .u-select-selection-choice-remove {\n font-size: 12px; }\n .u-select-selection--multiple .u-select-selection-choice-remove:hover {\n color: #404040; }\n .u-select-selection--multiple .u-select-selection-choice-remove:before {\n font-family: 'uf';\n content: \"\\e602\"; }\n\n.u-select-open .u-select-arrow {\n -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";\n -ms-transform: rotate(180deg); }\n\n.u-select-open .u-select-arrow:before {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.u-select-open .u-select-selection {\n border-color: #40a5ed;\n outline: 0;\n border-color: #66afe9;\n outline: 0; }\n\n.u-select-combobox .u-select-arrow {\n display: none; }\n\n.u-select-combobox .u-select-search--inline {\n height: 100%;\n width: 100%;\n float: none; }\n\n.u-select-combobox .u-select-search-field-wrap {\n width: 100%;\n height: 100%; }\n\n.u-select-combobox .u-select-search-field {\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n box-shadow: none; }\n\n.u-select-dropdown {\n background-color: white;\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n box-sizing: border-box;\n z-index: 1800;\n left: -9999px;\n top: -9999px;\n position: absolute;\n outline: none;\n overflow: hidden;\n font-size: 12px; }\n .u-select-dropdown.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-bottomLeft, .u-select-dropdown.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: uSlideUpIn;\n animation-name: uSlideUpIn; }\n .u-select-dropdown.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-topLeft, .u-select-dropdown.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-topLeft {\n -webkit-animation-name: uSlideDownIn;\n animation-name: uSlideDownIn; }\n .u-select-dropdown.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: uSlideUpOut;\n animation-name: uSlideUpOut; }\n .u-select-dropdown.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-topLeft {\n -webkit-animation-name: uSlideDownOut;\n animation-name: uSlideDownOut; }\n .u-select-dropdown.u-select-dropdown-hidden {\n display: none; }\n .u-select-dropdown .u-select-dropdown-menu {\n outline: none;\n margin-bottom: 0;\n padding-left: 0;\n list-style: none;\n max-height: 250px;\n overflow: auto; }\n .u-select-dropdown .u-select-dropdown-menu-item-group-list {\n margin: 0;\n padding: 0; }\n .u-select-dropdown .u-select-dropdown-menu-item-group-list > .u-select-dropdown-menu-item {\n padding-left: 24px; }\n .u-select-dropdown .u-select-dropdown-menu-item-group-title {\n color: #999;\n line-height: 1.5;\n padding: 8px 16px; }\n .u-select-dropdown .u-select-dropdown-menu-item {\n position: relative;\n display: block;\n padding: 7px 16px;\n font-weight: normal;\n color: #666;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n -webkit-transition: background 0.3s ease;\n transition: background 0.3s ease;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .u-select-dropdown .u-select-dropdown-menu-item:hover,\n .u-select-dropdown .u-select-dropdown-menu-item-active {\n background-color: rgb(235, 236, 240); }\n .u-select-dropdown .u-select-dropdown-menu-item-disabled {\n color: #ccc;\n cursor: not-allowed; }\n .u-select-dropdown .u-select-dropdown-menu-item-disabled:hover {\n color: #ccc;\n background-color: #fff;\n cursor: not-allowed; }\n .u-select-dropdown .u-select-dropdown-menu-item-selected,\n .u-select-dropdown .u-select-dropdown-menu-item-selected:hover {\n background-color: rgb(247,247,247);\n font-weight: bold;\n color: #867777; }\n .u-select-dropdown .u-select-dropdown-menu-item-divider {\n height: 1px;\n margin: 1px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n line-height: 0; }\n\n.u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n font-family: 'uf';\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: \"\\e658\";\n color: transparent;\n display: inline-block;\n font-size: 12px;\n font-size: 10px \\9;\n -webkit-transform: scale(0.83333) rotate(0deg);\n -ms-transform: scale(0.83333) rotate(0deg);\n transform: scale(0.83333) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 16px;\n font-weight: bold;\n text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0; }\n\n.u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:hover:after {\n color: #ddd; }\n\n.u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-disabled:after {\n display: none; }\n\n.u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-selected:after, .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-selected:hover:after {\n color: #108ee9;\n display: inline-block; }\n\n:root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n -webkit-filter: none;\n filter: none; }\n\n:root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n font-size: 12px; }\n\n.u-select-dropdown-container-open .u-select-dropdown,\n.u-select-dropdown-open .u-select-dropdown {\n display: block; }\n\n.u-input-search-wrapper {\n display: inline-block;\n position: relative; }\n .u-input-search-wrapper .u-input-search {\n -webkit-transition: all .3s ease;\n transition: all .3s ease; }\n .u-input-search-wrapper .u-input-search-icon {\n position: absolute;\n right: 8px;\n cursor: pointer;\n -webkit-transition: all .3s ease;\n transition: all .3s ease;\n font-size: 14px;\n height: 20px;\n line-height: 20px;\n top: 50%;\n margin-top: -10px; }\n .u-input-search-wrapper .u-input-search-icon:hover {\n color: #108ee9; }\n .u-input-search-wrapper:hover .u-input-search:not[disabled] {\n border: 1px solid #108ee9; }\n\n.u-search-input-wrapper {\n display: inline-block;\n vertical-align: middle; }\n\n.u-search-input.u-input-group .u-input:first-child, .u-search-input.u-input-group .u-select:first-child {\n border-radius: 4px;\n position: absolute;\n top: -1px;\n width: 100%; }\n\n.u-search-input.u-input-group .u-input:first-child {\n padding-right: 36px; }\n\n.u-search-input .u-search-btn {\n color: #666;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n border-radius: 0 3px 3px 0;\n left: -1px;\n position: relative;\n border-width: 0 0 0 1px;\n z-index: 2;\n padding-left: 8px;\n padding-right: 8px; }\n\n.u-search-input .u-search-btn > a:only-child {\n color: currentColor; }\n\n.u-search-input .u-search-btn > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-search-btn:hover > a:only-child, .u-search-input .u-search-btn:focus > a:only-child {\n color: currentColor; }\n\n.u-search-input .u-search-btn:hover > a:only-child:after, .u-search-input .u-search-btn:focus > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-search-btn:active, .u-search-input .u-search-btn.active {\n color: #0f87dd;\n background-color: #f7f7f7;\n border-color: #0f87dd; }\n\n.u-search-input .u-search-btn:active > a:only-child, .u-search-input .u-search-btn.active > a:only-child {\n color: currentColor; }\n\n.u-search-input .u-search-btn:active > a:only-child:after, .u-search-input .u-search-btn.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-search-btn:hover, .u-search-input .u-search-btn:focus {\n color: #40a5ed;\n background-color: #f7f7f7;\n border-color: #40a5ed; }\n\n.u-search-input .u-search-btn:active, .u-search-input .u-search-btn:hover, .u-search-input .u-search-btn:focus {\n background: #fff; }\n\n.u-search-input .u-search-btn:hover {\n border-color: #d9d9d9; }\n\n.u-search-input .u-search-btn[disabled] {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input .u-search-btn[disabled]:hover, .u-search-input .u-search-btn[disabled]:focus, .u-search-input .u-search-btn[disabled]:active, .u-search-input .u-search-btn[disabled].active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input .u-search-btn[disabled] > a:only-child, .u-search-input .u-search-btn[disabled]:hover > a:only-child, .u-search-input .u-search-btn[disabled]:focus > a:only-child, .u-search-input .u-search-btn[disabled]:active > a:only-child, .u-search-input .u-search-btn[disabled].active > a:only-child {\n color: currentColor; }\n .u-search-input .u-search-btn[disabled] > a:only-child:after, .u-search-input .u-search-btn[disabled]:hover > a:only-child:after, .u-search-input .u-search-btn[disabled]:focus > a:only-child:after, .u-search-input .u-search-btn[disabled]:active > a:only-child:after, .u-search-input .u-search-btn[disabled].active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-search-btn.disabled {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input .u-search-btn.disabled:hover, .u-search-input .u-search-btn.disabled:focus, .u-search-input .u-search-btn.disabled:active, .u-search-input .u-search-btn.disabled.active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input .u-search-btn.disabled > a:only-child, .u-search-input .u-search-btn.disabled:hover > a:only-child, .u-search-input .u-search-btn.disabled:focus > a:only-child, .u-search-input .u-search-btn.disabled:active > a:only-child, .u-search-input .u-search-btn.disabled.active > a:only-child {\n color: currentColor; }\n .u-search-input .u-search-btn.disabled > a:only-child:after, .u-search-input .u-search-btn.disabled:hover > a:only-child:after, .u-search-input .u-search-btn.disabled:focus > a:only-child:after, .u-search-input .u-search-btn.disabled:active > a:only-child:after, .u-search-input .u-search-btn.disabled.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty, .u-search-input:hover .u-search-btn-noempty {\n color: #fff;\n background-color: #108ee9;\n border-color: #108ee9; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty > a:only-child, .u-search-input:hover .u-search-btn-noempty > a:only-child {\n color: currentColor; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty > a:only-child:after, .u-search-input:hover .u-search-btn-noempty > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty:hover, .u-search-input:hover .u-search-btn-noempty:focus, .u-search-input:hover .u-search-btn-noempty:hover {\n color: #fff;\n background-color: #40a5ed;\n border-color: #40a5ed; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty:focus > a:only-child {\n color: currentColor; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:focus > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:active, .u-search-input.u-search-input-focus .u-search-btn-noempty.active, .u-search-input:hover .u-search-btn-noempty:active, .u-search-input:hover .u-search-btn-noempty.active {\n color: #fff;\n background-color: #0f87dd;\n border-color: #0f87dd; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.active > a:only-child, .u-search-input:hover .u-search-btn-noempty:active > a:only-child, .u-search-input:hover .u-search-btn-noempty.active > a:only-child {\n color: currentColor; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n.u-search-input .u-select-combobox .u-select-selection-rendered {\n margin-right: 29px; }\n\n.u-search-input.u-search-input-focus .u-search-btn-noempty.disabled, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled], .u-search-input:hover .u-search-btn-noempty.disabled, .u-search-input:hover .u-search-btn-noempty[disabled] {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active, .u-search-input:hover .u-search-btn-noempty.disabled:hover, .u-search-input:hover .u-search-btn-noempty.disabled:focus, .u-search-input:hover .u-search-btn-noempty.disabled:active, .u-search-input:hover .u-search-btn-noempty.disabled.active, .u-search-input:hover .u-search-btn-noempty[disabled]:hover, .u-search-input:hover .u-search-btn-noempty[disabled]:focus, .u-search-input:hover .u-search-btn-noempty[disabled]:active, .u-search-input:hover .u-search-btn-noempty[disabled].active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled] > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:active > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled.active > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled] > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:active > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled].active > a:only-child {\n color: currentColor; }\n .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled] > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled.active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled] > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled].active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent; }\n\n@-webkit-keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n/* FormGroup */\n/* Navlayout */\n.u-form .u-form-group {\n margin-top: 0;\n margin-bottom: 0; }\n\n.u-form .u-form-item {\n padding-top: 5px;\n padding-bottom: 5px; }\n\n.u-form-item {\n min-height: 64px;\n font-size: 14px; }\n\n.u-form-item .u-select {\n min-width: 100px; }\n\n.u-form .u-form-item {\n min-height: 94px; }\n\n.u-form .u-form-item.u-form-inline {\n min-height: 72px; }\n\n.u-form-error {\n display: none;\n margin-top: 5px;\n margin-bottom: 5px;\n color: #F22C1D; }\n\n.u-form-error.show {\n display: block; }\n\n.u-form .u-form-submit {\n margin-top: 10px; }\n\n.u-form .u-form-item.u-form-inline .u-input-group {\n display: inline-block;\n vertical-align: middle;\n width: auto; }\n\n.u-form-inline .u-label {\n display: inline-block; }\n\n.u-form .u-row .u-label {\n line-height: 40px; }\n\n.u-form-item .u-input-group-outer .u-input-group .u-form-control:last-child, .u-form-item .u-input-group-outer .u-input-group .u-form-control:first-child {\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px; }\n\n.u-form-item.u-form-inline .u-input-group-outer {\n display: inline-block; }\n\n.u-form-item .u-input-group-outer .u-input-before, .u-form-item .u-input-group-outer .u-input-after {\n line-height: 28px;\n padding-left: 5px;\n padding-right: 5px;\n border: 1px solid #bdbdbd;\n background: #eee;\n float: left; }\n\n.u-form-item .u-input-group-outer .u-input-inner {\n float: left; }\n\n.u-form-item .u-input-group-outer .u-input-before {\n border-right: none;\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px; }\n\n.u-form-item .u-input-group-outer .u-input-before + .u-form-control {\n border-bottom-left-radius: 0 !important;\n border-top-left-radius: 0 !important; }\n\n.u-form-item .u-input-group-outer .u-input-after {\n border-left: none;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px; }\n\n.u-mast {\n color: #F22C1D;\n position: relative;\n top: 2px;\n margin-right: 2px; }\n\n/* FormGroup */\n/* Navlayout */\n.u-popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1540;\n display: none;\n padding: 1px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border-radius: 6px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }\n .u-popover > .arrow, .u-popover > .arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid; }\n .u-popover > .arrow {\n border-width: 10px; }\n .u-popover > .arrow:after {\n border-width: 10px;\n content: \"\"; }\n .u-popover.top, .u-popover.top-right, .u-popover.top-left {\n margin-top: -10px; }\n .u-popover.top .arrow, .u-popover.top-right .arrow, .u-popover.top-left .arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: #999;\n bottom: -11px; }\n .u-popover.top .arrow:after, .u-popover.top-right .arrow:after, .u-popover.top-left .arrow:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: #fff; }\n .u-popover.top-right .arrow {\n left: auto;\n right: 20px; }\n .u-popover.top-left .arrow {\n left: 20px; }\n .u-popover.right, .u-popover.right-top, .u-popover.right-bottom {\n margin-left: 10px; }\n .u-popover.right .arrow, .u-popover.right-top .arrow, .u-popover.right-bottom .arrow {\n top: 50%;\n left: -11px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: #999; }\n .u-popover.right .arrow:after, .u-popover.right-top .arrow:after, .u-popover.right-bottom .arrow:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: #fff; }\n .u-popover.right-top .arrow {\n top: 20px; }\n .u-popover.right-bottom .arrow {\n top: auto;\n bottom: 10px; }\n .u-popover.left, .u-popover.left-top, .u-popover.left-bottom {\n margin-left: -10px; }\n .u-popover.left .arrow, .u-popover.left-top .arrow, .u-popover.left-bottom .arrow {\n top: 50%;\n right: -11px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: #999; }\n .u-popover.left .arrow:after, .u-popover.left-top .arrow:after, .u-popover.left-bottom .arrow:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: #fff;\n bottom: -10px; }\n .u-popover.left-top .arrow {\n top: 20px; }\n .u-popover.left-bottom .arrow {\n top: auto;\n bottom: 10px; }\n .u-popover.bottom, .u-popover.bottom-right, .u-popover.bottom-left {\n margin-top: 10px; }\n .u-popover.bottom .arrow, .u-popover.bottom-right .arrow, .u-popover.bottom-left .arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: #999;\n top: -11px; }\n .u-popover.bottom .arrow:after, .u-popover.bottom-right .arrow:after, .u-popover.bottom-left .arrow:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: #fff; }\n .u-popover.bottom-right .arrow {\n right: 20px;\n left: auto; }\n .u-popover.bottom-left .arrow {\n left: 20px; }\n .u-popover .u-popover-content {\n padding: 9px 14px; }\n\n/* FormGroup */\n/* Navlayout */\n.u-tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 12px;\n opacity: 0; }\n .u-tooltip.in {\n opacity: 0.9 !important; }\n .u-tooltip .tooltip-arrow {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid; }\n .u-tooltip .tooltip-inner {\n max-width: 200px;\n padding: 3px 8px;\n color: #fff;\n background-color: #000;\n border-radius: 4px;\n word-wrap: break-word; }\n .u-tooltip.right {\n padding: 0 5px; }\n .u-tooltip.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #000; }\n .u-tooltip.top {\n padding: 5px 0; }\n .u-tooltip.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000; }\n .u-tooltip.left {\n padding: 0 5px; }\n .u-tooltip.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #000; }\n .u-tooltip.bottom {\n padding: 5px 0; }\n .u-tooltip.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000; }\n .u-tooltip.inverse-arrow.right .tooltip-arrow {\n top: 50%;\n left: auto;\n right: 0;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #000; }\n .u-tooltip.inverse-arrow.left .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #000; }\n .u-tooltip.inverse-arrow.top .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000; }\n .u-tooltip.inverse-arrow.bottom .tooltip-arrow {\n top: auto;\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000; }\n .u-tooltip.inverse.bottom .tooltip-arrow::after {\n top: 1px;\n margin-left: -5px;\n border-top-width: 0;\n border-bottom-color: #fff; }\n .u-tooltip.inverse.bottom .tooltip-arrow {\n border-bottom-color: #d9d9d9; }\n .u-tooltip.inverse-arrow.inverse.top .tooltip-arrow::after {\n top: 1px;\n margin-left: -5px;\n border-top-width: 0;\n border-bottom-color: #fff;\n border-bottom-width: inherit; }\n .u-tooltip.inverse-arrow.inverse.top .tooltip-arrow {\n border-bottom-color: #d9d9d9; }\n .u-tooltip.inverse.left .tooltip-arrow::after {\n border-right-width: 0;\n top: -5px;\n margin-left: -6px;\n border-left-color: #fff; }\n .u-tooltip.inverse.left .tooltip-arrow {\n border-left-color: #d9d9d9; }\n .u-tooltip.inverse-arrow.inverse.right .tooltip-arrow::after {\n border-right-width: 0;\n top: -5px;\n margin-left: -6px;\n border-left-color: #fff;\n border-left-width: inherit; }\n .u-tooltip.inverse-arrow.inverse.right .tooltip-arrow {\n border-left-color: #d9d9d9; }\n .u-tooltip.inverse.right .tooltip-arrow::after {\n border-left-width: 0;\n top: -5px;\n margin-left: 1px;\n border-right-color: #fff; }\n .u-tooltip.inverse.right .tooltip-arrow {\n border-right-color: #d9d9d9; }\n .u-tooltip.inverse-arrow.inverse.left .tooltip-arrow::after {\n border-left-width: 0;\n top: -5px;\n margin-left: 1px;\n border-right-color: #fff;\n border-right-width: inherit; }\n .u-tooltip.inverse-arrow.inverse.left .tooltip-arrow {\n border-right-color: #d9d9d9; }\n .u-tooltip.inverse.top .tooltip-arrow::after {\n top: -6px;\n margin-left: -5px;\n border-bottom-width: 0;\n border-bottom-color: #d9d9d9;\n border-top-color: #fff; }\n .u-tooltip.inverse.top .tooltip-arrow {\n border-top-color: #d9d9d9; }\n .u-tooltip.inverse-arrow.inverse.bottom .tooltip-arrow::after {\n top: -6px;\n margin-left: -5px;\n border-bottom-width: 0;\n border-bottom-color: #d9d9d9;\n border-top-color: #fff;\n border-top-width: inherit; }\n .u-tooltip.inverse-arrow.inverse.bottom .tooltip-arrow {\n border-top-color: #d9d9d9; }\n .u-tooltip.inverse .tooltip-inner {\n background-color: #fff;\n color: #333333;\n border: 1px solid #d9d9d9; }\n .u-tooltip.inverse .tooltip-arrow::after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border: 5px solid transparent;\n content: \" \"; }\n\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n/**\n * 加载背景\n */\n/**\n * 文字\n */\n.u-loading-desc {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n font-size: 16px;\n color: #000;\n text-align: center; }\n\n/**\n * default样式 单个圆圈加载\n */\n.u-loading.u-loading-rotate > div {\n position: absolute;\n border-radius: 100%;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n border: 2px solid #0084ff;\n border-bottom-color: transparent;\n width: 40px;\n height: 40px;\n top: 50%;\n left: 50%;\n margin-left: -22px;\n margin-top: -22px;\n background: transparent !important;\n display: inline-block;\n -webkit-animation: rotate 0.75s 0s linear infinite;\n animation: rotate 0.75s 0s linear infinite; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-lg > div {\n margin-left: -35px;\n margin-top: -35px;\n width: 60px;\n height: 60px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-sm > div {\n margin-left: -15px;\n margin-top: -15px;\n width: 25px;\n height: 25px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-primary > div {\n border: 2px solid #3f51b5;\n border-bottom-color: transparent; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-success > div {\n border: 2px solid #4caf50;\n border-bottom-color: transparent; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-warning > div {\n border: 2px solid #ff9800;\n border-bottom-color: transparent; }\n\n.u-loading-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1900;\n opacity: .7;\n filter: blur(0.5px);\n background-color: #fff; }\n .u-loading-backdrop.full-screen {\n position: fixed; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(1);\n transform: rotate(0deg) scale(1); }\n 50% {\n -webkit-transform: rotate(180deg) scale(0.6);\n transform: rotate(180deg) scale(0.6); }\n 100% {\n -webkit-transform: rotate(360deg) scale(1);\n transform: rotate(360deg) scale(1); } }\n\n.u-loading.u-loading-line {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -30px;\n margin-left: -25px; }\n .u-loading.u-loading-line > div {\n background-color: #C2C3C5;\n width: 6px;\n height: 50px;\n border-radius: 2px;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block; }\n .u-loading.u-loading-line.u-loading-line-lg {\n margin-top: -50px;\n margin-left: -30px; }\n .u-loading.u-loading-line.u-loading-line-lg > div {\n width: 8px;\n height: 90px; }\n .u-loading.u-loading-line.u-loading-line-sm {\n margin-top: -22px;\n margin-left: -20px; }\n .u-loading.u-loading-line.u-loading-line-sm > div {\n width: 4px;\n height: 35px; }\n .u-loading.u-loading-line div:nth-child(1) {\n -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #F44336; }\n .u-loading.u-loading-line div:nth-child(2) {\n -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #7ED321; }\n .u-loading.u-loading-line div:nth-child(3) {\n -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #0084FF; }\n .u-loading.u-loading-line div:nth-child(4) {\n -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #FF9800; }\n .u-loading.u-loading-line div:nth-child(5) {\n -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #D0021B; }\n .u-loading.u-loading-line.u-loading-line-primary > div {\n background-color: #3f51b5; }\n .u-loading.u-loading-line.u-loading-line-success > div {\n background-color: #4caf50; }\n .u-loading.u-loading-line.u-loading-line-warning > div {\n background-color: #ff9800; }\n\n@keyframes line-scale {\n 0% {\n -webkit-transform: scaley(1);\n transform: scaley(1); }\n 50% {\n -webkit-transform: scaley(0.4);\n transform: scaley(0.4); }\n 100% {\n -webkit-transform: scaley(1);\n transform: scaley(1); } }\n\n.u-table {\n font-size: 12px;\n color: #666;\n position: relative;\n line-height: 1.5;\n overflow: hidden; }\n .u-table-body {\n position: relative; }\n .u-table-hiden-drag {\n position: relative; }\n .u-table-hiden-drag-li {\n position: absolute;\n top: 0px;\n left: 0px; }\n .u-table table {\n width: 100%;\n border-collapse: collapse;\n text-align: left; }\n .u-table th {\n font-weight: bold; }\n .u-table th[colspan] {\n text-align: center; }\n .u-table th ::last-child {\n overflow: hidden; }\n .u-table td {\n border-bottom: 1px solid rgb(233,233,233); }\n .u-table td a {\n color: rgb(245, 60, 50); }\n .u-table td a:hover {\n color: rgb(230, 0, 18); }\n .u-table td a:active {\n color: rgb(230, 0, 18); }\n .u-table tr:hover td .uf-eye {\n visibility: visible !important; }\n .u-table tr tr a {\n color: rgb(245, 60, 50); }\n .u-table tr tr a:hover {\n color: rgb(230, 0, 18); }\n .u-table tr tr a:active {\n color: rgb(230, 0, 18); }\n .u-table tr.tr-row-hover {\n background: rgb(235, 236, 240); }\n .u-table th,\n .u-table td {\n padding: 12px 8px;\n word-break: break-all; }\n .u-table tr.filterable th {\n padding-top: 4px;\n padding-bottom: 4px; }\n .u-table tr.filterable th .filterContext {\n height: 35px; }\n .u-table-row-hover {\n background: rgb(235, 236, 240); }\n .u-table-scroll {\n overflow: auto; }\n .u-table-bordered table {\n border: 1px solid rgb(233,233,233);\n box-sizing: border-box;\n table-layout: fixed; }\n .u-table-bordered th {\n border-bottom: 1px solid rgb(233,233,233);\n box-sizing: border-box; }\n .u-table-bordered th,\n .u-table-bordered td {\n border-right: 1px solid rgb(233,233,233);\n box-sizing: border-box; }\n .u-table-drag-border tr th.th-can-not-drag {\n overflow: hidden; }\n .u-table-header {\n overflow: hidden;\n background: rgb(247,247,247);\n color: rgb(102, 102, 102); }\n .u-table.fixed-height td {\n padding: 0px 8px; }\n .u-table-fixed-header .u-table-body {\n background: #fff;\n position: relative; }\n .u-table-fixed-left .u-table-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-header .u-table-fixed-left .u-table-body-inner {\n padding-right: 0px; }\n .u-table-fixed-header .u-table-body-inner {\n height: 100%;\n overflow: scroll; }\n .u-table-fixed-header .u-table-scroll .u-table-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box; }\n .u-table-title {\n padding: 12px 8px;\n border-top: 1px solid rgb(233,233,233); }\n .u-table-content {\n position: relative; }\n .u-table-footer {\n padding: 12px 8px;\n border-bottom: 1px solid rgb(233,233,233); }\n .u-table-footer .u-table-scroll {\n overflow-x: hidden; }\n .u-table-footer .u-table {\n margin: -12px -8px; }\n .u-table-placeholder {\n padding: 12px 8px;\n background: #fff;\n border-bottom: 1px solid rgb(233,233,233);\n text-align: center;\n position: relative; }\n .u-table-expand-icon-col {\n width: 10px; }\n .u-table-row-expand-icon, .u-table-expanded-row-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: 16px;\n border: 1px solid rgb(233,233,233);\n user-select: none;\n background: #fff;\n margin-right: 10px; }\n .u-table-row-spaced, .u-table-expanded-row-spaced {\n visibility: hidden; }\n .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {\n content: \".\"; }\n .u-table-row-expanded:after, .u-table-expanded-row-expanded:after {\n content: \"-\"; }\n .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {\n content: \"+\"; }\n .u-table-row.selected {\n background: rgb(235, 236, 240); }\n .u-table tr.u-table-expanded-row {\n background: #f7f7f7; }\n .u-table tr.u-table-expanded-row:hover {\n background: #f7f7f7; }\n .u-table tr.u-table-expanded-row .u-table {\n z-index: 1; }\n .u-table-column-hidden {\n display: none; }\n .u-table-prev-columns-page, .u-table-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1; }\n .u-table-prev-columns-page:hover, .u-table-next-columns-page:hover {\n color: #2db7f5; }\n .u-table-prev-columns-page-disabled, .u-table-next-columns-page-disabled {\n cursor: not-allowed;\n color: #999; }\n .u-table-prev-columns-page-disabled:hover, .u-table-next-columns-page-disabled:hover {\n color: #999; }\n .u-table-prev-columns-page {\n margin-right: 8px; }\n .u-table-prev-columns-page:before {\n content: \"<\"; }\n .u-table-next-columns-page {\n float: right; }\n .u-table-next-columns-page:before {\n content: \">\"; }\n .u-table-fixed-left, .u-table-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1; }\n .u-table-fixed-left table, .u-table-fixed-right table {\n width: auto;\n background: #fff; }\n .u-table-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-left-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-left-fixed-header .u-table-fixed-left .u-table-fixed-left-body-inner {\n padding-right: 0; }\n .u-table-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-right-expanded-row {\n color: transparent;\n pointer-events: none; }\n .u-table-scroll-position-left .u-table-fixed-left {\n box-shadow: none; }\n .u-table-scroll-position-right .u-table-fixed-right {\n box-shadow: none; }\n .u-table-thead .filter-text, .u-table-thead .filter-dropdown, .u-table-thead .filter-date {\n font-weight: normal; }\n .u-table-thead .filter-wrap {\n display: flex;\n justify-content: center;\n align-items: center; }\n .u-table-thead .filter-wrap .filter-btns {\n min-width: 58px; }\n .u-table-thead th {\n background: rgb(247,247,247);\n color: rgb(102, 102, 102);\n background-clip: padding-box;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n /*\r\n Introduced in IE 10. \r\n */\n -ms-user-select: none;\n user-select: none; }\n .u-table-thead th .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 1em;\n vertical-align: middle;\n text-align: center;\n display: inline-block; }\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-down,\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-up, .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-flat {\n line-height: 6px;\n display: block;\n width: 34px;\n cursor: pointer; }\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-up,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .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.66667) rotate(0deg);\n -ms-transform: scale(0.66667) rotate(0deg);\n transform: scale(0.66667) 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 .u-table-thead th:hover .bee-table-column-sorter {\n display: inline-block; }\n .u-table-thead .th-drag {\n cursor: move; }\n .u-table-thead .th-drag:hover {\n background: rgb(235, 236, 240); }\n .u-table-thead .th-drag-hover {\n background: #ccc; }\n .u-table-thead-th {\n position: relative; }\n .u-table-thead-th-drag-gap {\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n width: 20px;\n box-sizing: border-box;\n z-index: 1; }\n .u-table-thead-th-drag-gap .online {\n height: 100%;\n width: 1px;\n background: transparent;\n margin: 0 auto; }\n .u-table-thead-th-drag-gap .online-hover {\n background: #000000; }\n .u-table-thead-th-drag-gap:hover {\n cursor: col-resize; }\n .u-table-thead-th-drag-gap:hover .online {\n background: #000000; }\n .u-table-thead-th:last-child-drag-gap {\n border: none; }\n .u-table-filter-column-pop-cont {\n margin: 10px;\n margin-top: 0px;\n height: 300px;\n overflow-y: scroll; }\n .u-table-filter-column-clear-setting {\n border-bottom: 1px solid #ccc;\n cursor: pointer; }\n .u-table-filter-column-cont {\n position: relative; }\n .u-table-filter-column-filter-icon {\n position: absolute;\n top: 3px;\n right: 18px;\n width: 22px;\n height: 25px;\n line-height: 25px;\n z-index: 2;\n background: #f7f7f7; }\n .u-table-filter-column-filter-iconi.uf {\n padding: 0px; }\n .u-table-filter-column-pop-cont-item {\n margin-top: 10px;\n line-height: 30px;\n cursor: pointer; }\n .u-table-filter-column-pop-cont-item > span {\n margin-left: 5px;\n width: 100px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .u-table-filter-column-pop .u-modal-dialog {\n border: 1px solid #ccc;\n background: #fff; }\n .u-table-row-fixed-columns-in-body {\n display: none;\n pointer-events: none; }\n .u-table .u-checkbox {\n height: 16px;\n line-height: 16px; }\n\n.u-table:focus {\n outline: none;\n box-shadow: 0 0 0; }\n\n.u-table-bordered .u-table-drag-gap {\n background: #e9e9e9; }\n\n.u-table.bordered table {\n border-collapse: collapse; }\n\n.u-table.bordered th,\n.u-table.bordered td {\n border: 1px solid rgb(233,233,233); }\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.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.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running; }\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running; }\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: rgb(238,238,238); }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 80% {\n background: rgb(238,238,238); }\n 100% {\n background: transparent;\n opacity: 1; } }\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0; } }\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.editable-cell {\n position: relative; }\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px; }\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px; }\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.editable-cell-icon {\n line-height: 28px;\n display: none; }\n\n.editable-cell-icon-check {\n line-height: 28px; }\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block; }\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5; }\n\n.editable-add-btn {\n margin-bottom: 8px; }\n\n.search-component {\n margin-bottom: 20px; }\n .search-component .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer; }\n .search-component.u-input-group.simple {\n float: right; }\n .search-component.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px; }\n .search-component.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute; }\n\n.col-resize-container {\n height: 0px;\n position: relative; }\n .col-resize-container + .table-col-resizer:first-of-type {\n table-layout: fixed; }\n .col-resize-container .active-drag .icon {\n visibility: visible; }\n .col-resize-container .last-handle {\n display: none; }\n .col-resize-container .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize; }\n .col-resize-container .drag-handle .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden; }\n .col-resize-container .drag-handle .icon:first-child {\n left: -2px; }\n .col-resize-container .drag-handle .icon:last-child {\n left: 6px; }\n .col-resize-container .drag-handle:hover .icon {\n visibility: visible; }\n .col-resize-container .drag-handle:hover .col-resizer {\n border: 1px solid; }\n .col-resize-container .drag-handle.disabled-drag {\n cursor: default;\n display: none; }\n .col-resize-container .drag-handle .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px; }\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800; }\n .u-filter-dropdown-menu-wrap .u-dropdown-menu li.u-dropdown-menu-item {\n line-height: 32px;\n height: 32px;\n padding: 0px 16px 0 16px;\n cursor: pointer; }\n\n.u-row-hover {\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: #E7F2FC; }\n\n.u-row-hover2 {\n position: absolute;\n left: 100; }\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::-webkit-scrollbar-track {\n display: none; }\n\n::-webkit-scrollbar-track-piece {\n display: none; }\n\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n.u-form-control {\n position: relative;\n display: inline-block;\n padding: 0 12px;\n width: 100%;\n height: 30px;\n cursor: text;\n font-size: 14px;\n line-height: 1.5;\n color: #424242;\n background-color: #fff;\n background-image: none;\n border: 1px solid #bdbdbd;\n border-radius: 3px;\n transition: all .3s; }\n .u-form-control:focus {\n border-color: #66afe9;\n outline: 0; }\n .u-form-control::-ms-clear, .u-form-control ::-ms-reveal {\n display: none; }\n\n.u-form-control[disabled] {\n background: #eee;\n border-color: #e0e0e0;\n color: #BDBDBD;\n cursor: not-allowed; }\n\n.u-form-control.lg {\n height: 38px;\n font-size: 14px; }\n\n.u-form-control.sm {\n font-size: 12px;\n height: 24px; }\n\n.u-form-control-search-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n height: 28px;\n padding: 4px;\n width: 100%; }\n .u-form-control-search-wrapper .u-form-control-search-action {\n color: #ccc;\n position: absolute;\n top: 2px;\n right: 2px;\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 14px;\n text-decoration: none; }\n .u-form-control-search-wrapper .u-form-control-search-action .uf {\n transition: all .3s;\n font-size: 12px;\n color: #ccc; }\n .u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before {\n content: \"\\e603\"; }\n\n.u-form-control-affix-wrapper {\n position: relative;\n display: inline-block;\n width: 100%; }\n .u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n z-index: 2;\n line-height: 0;\n right: 7px;\n color: rgba(0, 0, 0, 0.65); }\n\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n.u-input-group-addon {\n padding: 6px 12px;\n font-size: 14px;\n font-weight: 400;\n line-height: 1;\n color: #555;\n text-align: center;\n background-color: #eee;\n border: 1px solid #ccc;\n border-radius: 4px;\n width: 1%;\n white-space: nowrap;\n vertical-align: middle;\n display: table-cell; }\n .u-input-group-addon:last-child {\n border-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n .u-input-group-addon:first-child {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n/* FormGroup */\n/* Navlayout */\n.u-input-group-btn {\n font-size: 0;\n white-space: nowrap;\n position: relative;\n width: 1%;\n vertical-align: middle;\n display: table-cell; }\n .u-input-group-btn .u-button {\n position: relative; }\n\n.u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group > button, .u-input-group-btn:first-child > .dropdown-toggle, .u-input-group-btn:last-child > .btn-group:not(:last-child) > button, .u-input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n.u-input-group-btn:first-child > .btn-group:not(:first-child) > button, .u-input-group-btn:first-child > button:not(:first-child), .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group > button, .u-input-group-btn:last-child > .dropdown-toggle {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n\n.u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group {\n margin-left: -1px; }\n\n.u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group {\n margin-right: -1px; }\n\n.u-input-group {\n position: relative;\n display: table;\n border-collapse: separate; }\n .u-input-group .u-input-group-btn .u-button {\n border: 1px solid #ccc;\n height: 30px;\n line-height: 1.3; }\n .u-input-group .u-form-control {\n position: relative;\n float: left;\n width: 100%;\n margin-bottom: 0;\n display: table-cell; }\n .u-input-group .u-form-control:first-child {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n .u-input-group .u-form-control:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n .u-input-group .u-form-control:not(:first-child):not(:last-child) {\n border-radius: 0; }\n .u-input-group.simple .u-form-control {\n border-radius: 3px; }\n .u-input-group.simple .u-input-group-btn {\n position: absolute;\n top: 2px;\n bottom: 0;\n right: 5px;\n min-width: 20px; }\n .u-input-group.simple .u-form-control:not(:last-child) {\n padding-right: 23px; }\n\n.rc-calendar {\n box-sizing: border-box; }\n\n.rc-calendar * {\n box-sizing: border-box; }\n\n.rc-calendar-hidden {\n display: none; }\n\n.rc-calendar-input-wrap {\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9; }\n\n.rc-calendar-input-wrap:after {\n content: '';\n clear: both; }\n\n.rc-calendar-date-input-wrap {\n overflow: hidden; }\n\n.rc-calendar-time-picker {\n position: absolute;\n width: 100%;\n top: 34px;\n background-color: white;\n height: 217px; }\n\n.rc-calendar-time-picker-panel {\n width: 100%;\n position: relative; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {\n display: none; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {\n border: none;\n box-shadow: none; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select {\n width: 84px; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select ul {\n max-height: 217px; }\n\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {\n text-align: center;\n padding: 0; }\n\n.rc-calendar-time-picker-wrap {\n float: left;\n width: 100%; }\n\n.rc-calendar-time-picker-wrap .rc-time-picker {\n width: 100%; }\n\n.rc-calendar-time-picker-wrap .rc-time-picker-input {\n padding: 0;\n border: 1px solid transparent;\n outline: 0;\n height: 22px; }\n\n.rc-calendar-time-picker-wrap .rc-time-picker-icon {\n display: none; }\n\n.rc-calendar-input {\n border: 1px solid transparent;\n width: 100%;\n color: #666;\n cursor: text;\n line-height: 1.5;\n outline: 0;\n height: 22px; }\n\n.rc-calendar-input-invalid {\n border-color: red; }\n\n.rc-calendar-clear-btn {\n z-index: 9999;\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0; }\n\n.rc-calendar-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease; }\n\n.rc-calendar-clear-btn:hover:after {\n color: #666; }\n\n.rc-calendar-picker {\n position: absolute;\n left: -9999px;\n top: -9999px;\n z-index: 1800; }\n\n.rc-calendar-picker-hidden {\n display: none; }\n\n.rc-calendar-picker-slide-up-enter {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused; }\n\n.rc-calendar-picker-slide-up-appear {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused; }\n\n.rc-calendar-picker-slide-up-leave {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 1;\n -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n -webkit-animation-play-state: paused;\n animation-play-state: paused; }\n\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {\n -webkit-animation-name: rcDropdownSlideUpIn;\n animation-name: rcDropdownSlideUpIn;\n -webkit-animation-play-state: running;\n animation-play-state: running; }\n\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {\n -webkit-animation-name: rcDropdownSlideDownIn;\n animation-name: rcDropdownSlideDownIn;\n -webkit-animation-play-state: running;\n animation-play-state: running; }\n\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {\n -webkit-animation-name: rcDropdownSlideUpOut;\n animation-name: rcDropdownSlideUpOut;\n -webkit-animation-play-state: running;\n animation-play-state: running; }\n\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {\n -webkit-animation-name: rcDropdownSlideDownOut;\n animation-name: rcDropdownSlideDownOut;\n -webkit-animation-play-state: running;\n animation-play-state: running; }\n\n@-webkit-keyframes rcDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes rcDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes rcDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); } }\n\n@keyframes rcDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); } }\n\n@-webkit-keyframes rcDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@keyframes rcDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); } }\n\n@-webkit-keyframes rcDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); } }\n\n@keyframes rcDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1); }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0); } }\n\n.rc-calendar {\n position: relative;\n outline: none;\n font-family: Arial, \"Hiragino Sans GB\", \"Microsoft Yahei\", \"Microsoft Sans Serif\", \"WenQuanYi Micro Hei\", sans-serif;\n width: 253px;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5;\n z-index: 1800; }\n\n.rc-calendar-date-panel,\n.rc-calendar-panel {\n position: relative;\n outline: none; }\n\n.rc-calendar-week-number {\n width: 286px; }\n\n.rc-calendar-week-number-cell {\n text-align: center; }\n\n.rc-calendar-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 0px 5px;\n line-height: 34px;\n text-align: center;\n width: 30px; }\n\n.rc-calendar-header > a:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-header .rc-calendar-prev-month-btn {\n position: absolute;\n left: 25px; }\n\n.rc-calendar-header .rc-calendar-prev-month-btn:after {\n content: '‹'; }\n\n.rc-calendar-header .rc-calendar-next-month-btn {\n position: absolute;\n right: 25px; }\n\n.rc-calendar-header .rc-calendar-next-month-btn:after {\n content: '›'; }\n\n.rc-calendar-year-select,\n.rc-calendar-month-select,\n.rc-calendar-day-select {\n display: inline-block;\n font-size: 12px;\n font-weight: bold;\n color: #666;\n padding: 0 8px;\n line-height: 34px; }\n\n.rc-calendar-year-select:hover,\n.rc-calendar-month-select:hover,\n.rc-calendar-day-select:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-prev-month-btn,\n.rc-calendar-next-month-btn,\n.rc-calendar-prev-year-btn,\n.rc-calendar-next-year-btn {\n position: absolute;\n top: 0;\n cursor: pointer;\n color: #999;\n font-family: Arial, \"Hiragino Sans GB\", \"Microsoft Yahei\", \"Microsoft Sans Serif\", sans-serif;\n padding: 0 5px;\n font-size: 16px;\n display: inline-block;\n line-height: 34px; }\n\n.rc-calendar-prev-month-btn:hover,\n.rc-calendar-next-month-btn:hover,\n.rc-calendar-prev-year-btn:hover,\n.rc-calendar-next-year-btn:hover {\n color: #23c0fa; }\n\n.rc-calendar-next-year-btn {\n right: 0; }\n\n.rc-calendar-next-year-btn:after {\n content: '»'; }\n\n.rc-calendar-prev-year-btn {\n left: 0; }\n\n.rc-calendar-prev-year-btn:after {\n content: '«'; }\n\n.rc-calendar-body {\n padding: 9px 10px 10px;\n height: 217px; }\n\n.rc-calendar table {\n border-collapse: collapse;\n max-width: 100%;\n background-color: transparent;\n width: 100%;\n height: 100%; }\n\n.rc-calendar table,\n.rc-calendar td,\n.rc-calendar th,\n.rc-calendar td {\n border: none; }\n\n.rc-calendar-table {\n border-spacing: 0;\n margin-bottom: 0; }\n\n.rc-calendar-column-header {\n line-height: 18px;\n padding: 6px 0;\n width: 33px;\n text-align: center; }\n\n.rc-calendar-column-header .rc-calendar-column-header-inner {\n display: block;\n font-weight: normal; }\n\n.rc-calendar-week-number-header .rc-calendar-column-header-inner {\n display: none; }\n\n.rc-calendar-cell {\n padding: 1px 0; }\n\n.rc-calendar-date {\n display: block;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n width: 26px;\n height: 26px;\n padding: 0;\n background: transparent;\n line-height: 26px;\n text-align: center; }\n\n.rc-calendar-date:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-selected-day .rc-calendar-date {\n background: #d9f4fe; }\n\n.rc-calendar-selected-date .rc-calendar-date {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-selected-date .rc-calendar-date:hover {\n background: #3fc7fa; }\n\n.rc-calendar-today .rc-calendar-date {\n border: 1px solid #3fc7fa; }\n\n.rc-calendar-disabled-cell .rc-calendar-date {\n cursor: not-allowed;\n color: #bcbcbc;\n background: #f3f3f3;\n border-radius: 0;\n width: auto; }\n\n.rc-calendar-disabled-cell .rc-calendar-date:hover {\n background: #f3f3f3; }\n\n.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n\n.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n\n.rc-calendar-last-month-cell .rc-calendar-date,\n.rc-calendar-next-month-btn-day .rc-calendar-date {\n color: #bbb; }\n\n.rc-calendar-footer {\n border-top: 1px solid #ccc;\n padding: 10px 0;\n text-align: center;\n position: relative; }\n\n.rc-calendar-footer .rc-time-picker {\n width: 90px; }\n\n.rc-calendar-footer .rc-time-picker-input {\n height: 24px; }\n\n.rc-calendar-footer-show-ok {\n text-align: right; }\n\n.rc-calendar-footer-show-ok .rc-calendar-footer-btn {\n padding-right: 12px; }\n\n.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {\n margin-left: 0;\n padding: 0 12px; }\n\n.rc-calendar-footer-show-ok .rc-calendar-today-btn {\n float: left;\n padding-left: 12px; }\n\n.rc-calendar-footer-btn {\n margin-top: 2px; }\n\n.rc-calendar-footer-btn:after {\n content: 'x';\n height: 0;\n font-size: 0;\n overflow: hidden;\n clear: both; }\n\n.rc-calendar-time-picker-btn {\n margin-left: 10px; }\n\n.rc-calendar-today-btn,\n.rc-calendar-ok-btn,\n.rc-calendar-time-picker-btn {\n display: inline-block;\n text-align: center;\n color: #f46830; }\n\n.rc-calendar-today-btn:hover,\n.rc-calendar-ok-btn:hover,\n.rc-calendar-time-picker-btn:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-today-btn-disabled,\n.rc-calendar-ok-btn-disabled,\n.rc-calendar-time-picker-btn-disabled {\n color: #bbb; }\n\n.rc-calendar-today-btn-disabled:hover,\n.rc-calendar-ok-btn-disabled:hover,\n.rc-calendar-time-picker-btn-disabled:hover {\n color: #bbb; }\n\n.rc-calendar-today-btn {\n padding-left: 10px; }\n\n.rc-calendar-time-input {\n height: 25px;\n position: relative;\n display: inline-block;\n margin: 0 0;\n padding: 4px 10px;\n border-radius: 6px 6px;\n border: 1px solid #d9d9d9;\n background-color: #ffffff;\n color: #666;\n line-height: 1.5;\n -webkit-transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n width: 40px; }\n\n.rc-calendar-time-input:hover {\n border-color: #23c0fa; }\n\n.rc-calendar-time-input:focus {\n border-color: #23c0fa;\n box-shadow: 0 0 3px #23c0fa; }\n\n.rc-calendar-time-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none; }\n\n.rc-calendar-time-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-time-panel-body {\n padding: 9px 10px 10px; }\n\n.rc-calendar-time-panel-title {\n width: 180px;\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n height: 30px;\n line-height: 22px;\n border-radius: 4px; }\n\n.rc-calendar-time-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 100%;\n border-collapse: separate; }\n\n.rc-calendar-time-panel-cell {\n text-align: center;\n height: 42px;\n vertical-align: middle; }\n\n.rc-calendar-time-panel-time {\n line-height: 26px;\n display: block;\n border-radius: 4px;\n width: 26px;\n margin: 0 auto; }\n\n.rc-calendar-time-panel-time:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-month-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none; }\n\n.rc-calendar-month-panel-hidden {\n display: none; }\n\n.rc-calendar-month-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-month-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n width: 30px; }\n\n.rc-calendar-month-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-month-panel-prev-year-btn,\n.rc-calendar-month-panel-next-year-btn {\n position: absolute;\n top: 0; }\n\n.rc-calendar-month-panel-next-year-btn:after {\n content: '»'; }\n\n.rc-calendar-month-panel-prev-year-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0; }\n\n.rc-calendar-month-panel-prev-year-btn:after {\n content: '«'; }\n\n.rc-calendar-month-panel .rc-calendar-month-panel-year-select {\n width: 180px; }\n\n.rc-calendar-month-panel-year-select-arrow {\n display: none; }\n\n.rc-calendar-month-panel-next-year-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0; }\n\n.rc-calendar-month-panel-body, .rc-calendar-year-panel-body, .rc-calendar-decade-panel-body {\n padding: 9px 10px 10px;\n height: calc(100% - 30px); }\n\n.rc-calendar-month-panel > div, .rc-calendar-year-panel > div {\n height: 100%; }\n\n.rc-calendar-month-panel-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: separate; }\n\n.rc-calendar-month-panel-cell {\n text-align: center; }\n\n.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {\n display: block;\n width: 46px;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center; }\n\n.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {\n color: #bfbfbf; }\n\n.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {\n background: white;\n cursor: not-allowed; }\n\n.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar > .rc-calendar-year-panel {\n position: relative; }\n\n.rc-calendar-year-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none; }\n\n.rc-calendar-year-panel-hidden {\n display: none; }\n\n.rc-calendar-year-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-year-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n width: 30px; }\n\n.rc-calendar-year-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-year-panel-prev-decade-btn,\n.rc-calendar-year-panel-next-decade-btn {\n position: absolute;\n top: 0; }\n\n.rc-calendar-year-panel-next-decade-btn:after {\n content: '»'; }\n\n.rc-calendar-year-panel-prev-decade-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0; }\n\n.rc-calendar-year-panel-prev-decade-btn:after {\n content: '«'; }\n\n.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {\n width: 180px; }\n\n.rc-calendar-year-panel-decade-select-arrow {\n display: none; }\n\n.rc-calendar-year-panel-next-decade-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0; }\n\n.rc-calendar-year-panel-body {\n padding: 9px 10px 10px; }\n\n.rc-calendar-year-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 255px;\n border-collapse: separate; }\n\n.rc-calendar-year-panel-cell {\n text-align: center; }\n\n.rc-calendar-year-panel-year {\n display: block;\n width: 46px;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center; }\n\n.rc-calendar-year-panel-year:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,\n.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n color: rgba(0, 0, 0, 0.25); }\n\n.rc-calendar-decade-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none; }\n\n.rc-calendar-decade-panel-hidden {\n display: none; }\n\n.rc-calendar-decade-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc; }\n\n.rc-calendar-decade-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 1px 5px;\n text-align: center;\n width: 30px; }\n\n.rc-calendar-decade-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa; }\n\n.rc-calendar-decade-panel-prev-century-btn,\n.rc-calendar-decade-panel-next-century-btn {\n position: absolute;\n top: 0; }\n\n.rc-calendar-decade-panel-next-century-btn:after {\n content: '»'; }\n\n.rc-calendar-decade-panel-prev-century-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0; }\n\n.rc-calendar-decade-panel-prev-century-btn:after {\n content: '«'; }\n\n.rc-calendar-decade-panel-next-century-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0; }\n\n.rc-calendar-decade-panel-body {\n padding: 9px 10px 10px; }\n\n.rc-calendar-decade-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 255px;\n border-collapse: separate; }\n\n.rc-calendar-decade-panel-cell {\n text-align: center; }\n\n.rc-calendar-decade-panel-decade {\n display: block;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center; }\n\n.rc-calendar-decade-panel-decade:hover {\n background: #ebfaff;\n cursor: pointer; }\n\n.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {\n background: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,\n.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n color: rgba(0, 0, 0, 0.25); }\n\n.rc-calendar-range {\n width: 502px;\n overflow: hidden; }\n\n.rc-calendar-range-part {\n width: 250px;\n position: relative; }\n\n.rc-calendar-range-part .rc-calendar-time-picker {\n top: 69px; }\n\n.rc-calendar-range-part .rc-calendar-time-picker-panel-select {\n width: 77px; }\n\n.rc-calendar-range-left {\n float: left; }\n\n.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {\n border-right: 1px solid #e9e9e9; }\n\n.rc-calendar-range-right {\n float: right; }\n\n.rc-calendar-range-right .rc-calendar-time-picker-panel {\n left: 21px; }\n\n.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {\n border-left: 1px solid #e9e9e9; }\n\n.rc-calendar-range-middle {\n position: absolute;\n margin-left: -10px;\n text-align: center;\n height: 35px;\n line-height: 35px; }\n\n.rc-calendar-range .rc-calendar-date-panel::after {\n content: \".\";\n display: block;\n height: 0;\n clear: both;\n visibility: hidden; }\n\n.rc-calendar-range .rc-calendar-input-wrap {\n height: 35px; }\n\n.rc-calendar-range .rc-calendar-input,\n.rc-calendar-range .rc-time-picker-input {\n padding: 1px 7px;\n height: 22px; }\n\n.rc-calendar-range .rc-calendar-body,\n.rc-calendar-range .rc-calendar-decade-panel-body,\n.rc-calendar-range .rc-calendar-year-panel-body,\n.rc-calendar-range .rc-calendar-month-panel-body {\n border-bottom: 1px solid #e9e9e9; }\n\n.rc-calendar-range.rc-calendar-week-number {\n width: 574px; }\n\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {\n width: 286px; }\n\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {\n top: 69px; }\n\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {\n width: 89px; }\n\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {\n left: 36px; }\n\n.rc-calendar-range .rc-calendar-year-panel,\n.rc-calendar-range .rc-calendar-month-panel,\n.rc-calendar-range .rc-calendar-decade-panel {\n top: 35px; }\n\n.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {\n top: 0; }\n\n.rc-calendar-range .rc-calendar-decade-panel-table,\n.rc-calendar-range .rc-calendar-year-panel-table,\n.rc-calendar-range .rc-calendar-month-panel-table {\n height: 198px; }\n\n.rc-calendar-range .rc-calendar-in-range-cell {\n background: #ebf4f8;\n border-radius: 0; }\n\n.rc-calendar-range-bottom {\n text-align: right; }\n\n.rc-calendar-range .rc-calendar-footer {\n border-top: none;\n padding: 0; }\n\n.rc-calendar-range .rc-calendar-footer-btn {\n padding: 10px 12px 10px 0; }\n\n.rc-calendar-range .rc-calendar-ok-btn {\n position: static; }\n\n.rc-calendar-range .rc-calendar-today-btn {\n float: left; }\n\n.rc-calendar-full {\n width: 275px; }\n\n.rc-calendar-full-header {\n padding: 5px 10px;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n overflow: hidden; }\n\n.rc-calendar-full-header-month-select,\n.rc-calendar-full-header-year-select {\n width: 70px;\n float: right;\n margin-right: 5px; }\n\n.rc-calendar-full-header-switcher {\n float: right;\n display: inline-block; }\n\n.rc-calendar-full-header-switcher-normal:hover {\n border-color: #23c0fa;\n box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);\n cursor: pointer; }\n\n.rc-calendar-full-header-switcher-focus {\n border-color: #3fc7fa;\n background-color: #3fc7fa;\n color: #fff; }\n\n.rc-calendar-full-header-switcher > span {\n float: left;\n height: 28px;\n line-height: 24px;\n border: 1px solid #d9d9d9;\n padding: 0 10px;\n color: #666; }\n\n.rc-calendar-full-header-switcher > span:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n border-right: none; }\n\n.rc-calendar-full-header-switcher > span:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left: none; }\n\n.rc-calendar-fullscreen {\n width: auto; }\n\n.rc-calendar-fullscreen .rc-calendar-full-header {\n border-bottom: none; }\n\n.rc-calendar-fullscreen .rc-calendar-column-header {\n text-align: right;\n padding-right: 12px; }\n\n.rc-calendar-fullscreen .rc-calendar-cell {\n padding: 0; }\n\n.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {\n display: block;\n height: 116px;\n width: auto;\n border-radius: 0;\n margin: 0 4px;\n border: none;\n border-top: 2px solid #eee;\n text-align: right;\n padding-right: 8px; }\n\n.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n background-color: #ebfaff;\n color: #666; }\n\n.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n border-top-color: #3FC7FA;\n color: #3FC7FA; }\n\n.week-calendar-sidebar-button {\n padding: 3px 5px;\n font-size: 1.2rem;\n color: white;\n background-color: #1e88e5;\n border: 1px #1e88e5 solid;\n border-radius: 0.4rem;\n position: relative;\n min-width: 7.2rem;\n display: inline-block;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n vertical-align: middle; }\n\n.rc-time-picker {\n display: inline-block;\n box-sizing: border-box; }\n\n.rc-time-picker * {\n box-sizing: border-box; }\n\n.rc-time-picker-input {\n width: 100%;\n position: relative;\n display: inline-block;\n padding: 4px 7px;\n height: 28px;\n cursor: text;\n font-size: 12px;\n line-height: 1.5;\n color: #666;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }\n\n.rc-time-picker-input[disabled] {\n color: #ccc;\n background: #f7f7f7;\n cursor: not-allowed; }\n\n.rc-time-picker-panel {\n z-index: 1070;\n width: 170px;\n position: absolute;\n box-sizing: border-box; }\n\n.rc-time-picker-panel * {\n box-sizing: border-box; }\n\n.rc-time-picker-panel-inner {\n display: inline-block;\n position: relative;\n outline: none;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5; }\n\n.rc-time-picker-panel-narrow {\n max-width: 113px; }\n\n.rc-time-picker-panel-input {\n margin: 0;\n padding: 0;\n width: 100%;\n cursor: auto;\n line-height: 1.5;\n outline: 0;\n border: 1px solid transparent; }\n\n.rc-time-picker-panel-input-wrap {\n box-sizing: border-box;\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9; }\n\n.rc-time-picker-panel-input-invalid {\n border-color: red; }\n\n.rc-time-picker-panel-clear-btn {\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0; }\n\n.rc-time-picker-panel-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease; }\n\n.rc-time-picker-panel-clear-btn:hover:after {\n color: #666; }\n\n.rc-time-picker-panel-select {\n float: left;\n font-size: 12px;\n border: 1px solid #e9e9e9;\n border-width: 0 1px;\n margin-left: -1px;\n box-sizing: border-box;\n width: 56px;\n max-height: 144px;\n overflow-y: auto;\n position: relative; }\n\n.rc-time-picker-panel-select-active {\n overflow-y: auto; }\n\n.rc-time-picker-panel-select:first-child {\n border-left: 0;\n margin-left: 0; }\n\n.rc-time-picker-panel-select:last-child {\n border-right: 0; }\n\n.rc-time-picker-panel-select ul {\n list-style: none;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 100%; }\n\n.rc-time-picker-panel-select li {\n list-style: none;\n box-sizing: content-box;\n margin: 0;\n padding: 0 0 0 16px;\n width: 100%;\n height: 24px;\n line-height: 24px;\n text-align: left;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.rc-time-picker-panel-select li:hover {\n background: #edfaff; }\n\nli.rc-time-picker-panel-select-option-selected {\n background: #f7f7f7;\n font-weight: bold; }\n\nli.rc-time-picker-panel-select-option-disabled {\n color: #ccc; }\n\nli.rc-time-picker-panel-select-option-disabled:hover {\n background: transparent;\n cursor: not-allowed; }\n\n.calendar-picker {\n width: 300px; }\n\n.icon-container {\n position: relative; }\n\n.datepicker-input-group.u-input-group {\n display: block; }\n\n.selected {\n background: #e3f2fd; }\n\n.demo25 {\n width: 700px;\n height: 100%; }\n .demo25 .u-table-filter-column-filter-icon {\n right: 15px; }\n\nth .drop-menu .uf {\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px; }\n\nth:hover .uf {\n visibility: visible; }\n\n.demo3 .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px; }\n\n\n.opt-btns button {\n background: #505F79;\n height: 26px;\n color: #FFFFFF;\n line-height: 26px; }\n","\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\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: $gray-light;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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: #000;\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: .9;\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:#EBECF0;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\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: #666;\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: #ccc;\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: #999;\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/index.scss\";\r\n@import \"../node_modules/bee-panel/src/Panel.scss\";\r\n@import \"../node_modules/bee-layout/src/Layout.scss\";\r\n@import \"../node_modules/bee-button/src/Button.scss\";\r\n@import \"../node_modules/bee-transition/src/Transition.scss\";\r\n@import \"../node_modules/bee-popconfirm/src/Popconfirm.scss\";\r\n@import \"../node_modules/bee-form-control/src/FormControl.scss\";\r\n@import \"../node_modules/bee-pagination/src/Pagination.scss\";\r\n@import \"../node_modules/bee-checkbox/src/Checkbox.scss\";\r\n@import \"../node_modules/bee-select/src/Select.scss\";\r\n@import \"../node_modules/bee-form/src/Form.scss\";\r\n@import \"../node_modules/bee-popover/src/Popover.scss\";\r\n@import \"../node_modules/bee-tooltip/src/Tooltip.scss\";\r\n@import \"../node_modules/bee-message/build/Message.css\";\r\n@import \"../node_modules/bee-dropdown/build/Dropdown.css\";\r\n@import \"../node_modules/bee-input-number/build/InputNumber.css\";\r\n@import \"../node_modules/bee-modal/build/Modal.css\";\r\n@import \"../src/Table.scss\";\r\n\r\n\r\n//引入日期控件样式文件\r\n@import \"../node_modules/bee-datepicker/src/datepicker.scss\";\r\n\r\n.selected{\r\n background: rgb(227,242,253);\r\n}\r\n\r\n.demo25{\r\n width: 700px;\r\n height: 100%;\r\n\r\n .u-table-filter-column-filter-icon{\r\n right: 15px;\r\n }\r\n\r\n}\r\n","@import \"minxin-variables\";\r\n\r\n@if $trim-color-classes == false {\r\n // Red\r\n\r\n .red {\r\n color: unquote(\"rgb(#{$palette-red-500})\") !important;\r\n }\r\n\r\n .bg-red {\r\n background-color: unquote(\"rgb(#{$palette-red-500})\") !important;\r\n }\r\n\r\n .red-50 {\r\n color: unquote(\"rgb(#{$palette-red-50})\") !important;\r\n }\r\n\r\n .bg-red-50 {\r\n background-color: unquote(\"rgb(#{$palette-red-50})\") !important;\r\n }\r\n\r\n .red-100 {\r\n color: unquote(\"rgb(#{$palette-red-100})\") !important;\r\n }\r\n\r\n .bg-red-100 {\r\n background-color: unquote(\"rgb(#{$palette-red-100})\") !important;\r\n }\r\n\r\n .red-200 {\r\n color: unquote(\"rgb(#{$palette-red-200})\") !important;\r\n }\r\n\r\n .bg-red-200 {\r\n background-color: unquote(\"rgb(#{$palette-red-200})\") !important;\r\n }\r\n\r\n .red-300 {\r\n color: unquote(\"rgb(#{$palette-red-300})\") !important;\r\n }\r\n\r\n .bg-red-300 {\r\n background-color: unquote(\"rgb(#{$palette-red-300})\") !important;\r\n }\r\n\r\n .red-400 {\r\n color: unquote(\"rgb(#{$palette-red-400})\") !important;\r\n }\r\n\r\n .bg-red-400 {\r\n background-color: unquote(\"rgb(#{$palette-red-400})\") !important;\r\n }\r\n\r\n .red-500 {\r\n color: unquote(\"rgb(#{$palette-red-500})\") !important;\r\n }\r\n\r\n .bg-red-500 {\r\n background-color: unquote(\"rgb(#{$palette-red-500})\") !important;\r\n }\r\n\r\n .red-600 {\r\n color: unquote(\"rgb(#{$palette-red-600})\") !important;\r\n }\r\n\r\n .bg-red-600 {\r\n background-color: unquote(\"rgb(#{$palette-red-600})\") !important;\r\n }\r\n\r\n .red-700 {\r\n color: unquote(\"rgb(#{$palette-red-700})\") !important;\r\n }\r\n\r\n .bg-red-700 {\r\n background-color: unquote(\"rgb(#{$palette-red-700})\") !important;\r\n }\r\n\r\n .red-800 {\r\n color: unquote(\"rgb(#{$palette-red-800})\") !important;\r\n }\r\n\r\n .bg-red-800 {\r\n background-color: unquote(\"rgb(#{$palette-red-800})\") !important;\r\n }\r\n\r\n .red-900 {\r\n color: unquote(\"rgb(#{$palette-red-900})\") !important;\r\n }\r\n\r\n .bg-red-900 {\r\n background-color: unquote(\"rgb(#{$palette-red-900})\") !important;\r\n }\r\n\r\n .red-A100 {\r\n color: unquote(\"rgb(#{$palette-red-A100})\") !important;\r\n }\r\n\r\n .bg-red-A100 {\r\n background-color: unquote(\"rgb(#{$palette-red-A100})\") !important;\r\n }\r\n\r\n .red-A200 {\r\n color: unquote(\"rgb(#{$palette-red-A200})\") !important;\r\n }\r\n\r\n .bg-red-A200 {\r\n background-color: unquote(\"rgb(#{$palette-red-A200})\") !important;\r\n }\r\n\r\n .red-A400 {\r\n color: unquote(\"rgb(#{$palette-red-A400})\") !important;\r\n }\r\n\r\n .bg-red-A400 {\r\n background-color: unquote(\"rgb(#{$palette-red-A400})\") !important;\r\n }\r\n\r\n .red-A700 {\r\n color: unquote(\"rgb(#{$palette-red-A700})\") !important;\r\n }\r\n\r\n .bg-red-A700 {\r\n background-color: unquote(\"rgb(#{$palette-red-A700})\") !important;\r\n }\r\n\r\n // Pink\r\n\r\n .pink {\r\n color: unquote(\"rgb(#{$palette-pink-500})\") !important;\r\n }\r\n\r\n .bg-pink {\r\n background-color: unquote(\"rgb(#{$palette-pink-500})\") !important;\r\n }\r\n\r\n .pink-50 {\r\n color: unquote(\"rgb(#{$palette-pink-50})\") !important;\r\n }\r\n\r\n .bg-pink-50 {\r\n background-color: unquote(\"rgb(#{$palette-pink-50})\") !important;\r\n }\r\n\r\n .pink-100 {\r\n color: unquote(\"rgb(#{$palette-pink-100})\") !important;\r\n }\r\n\r\n .bg-pink-100 {\r\n background-color: unquote(\"rgb(#{$palette-pink-100})\") !important;\r\n }\r\n\r\n .pink-200 {\r\n color: unquote(\"rgb(#{$palette-pink-200})\") !important;\r\n }\r\n\r\n .bg-pink-200 {\r\n background-color: unquote(\"rgb(#{$palette-pink-200})\") !important;\r\n }\r\n\r\n .pink-300 {\r\n color: unquote(\"rgb(#{$palette-pink-300})\") !important;\r\n }\r\n\r\n .bg-pink-300 {\r\n background-color: unquote(\"rgb(#{$palette-pink-300})\") !important;\r\n }\r\n\r\n .pink-400 {\r\n color: unquote(\"rgb(#{$palette-pink-400})\") !important;\r\n }\r\n\r\n .bg-pink-400 {\r\n background-color: unquote(\"rgb(#{$palette-pink-400})\") !important;\r\n }\r\n\r\n .pink-500 {\r\n color: unquote(\"rgb(#{$palette-pink-500})\") !important;\r\n }\r\n\r\n .bg-pink-500 {\r\n background-color: unquote(\"rgb(#{$palette-pink-500})\") !important;\r\n }\r\n\r\n .pink-600 {\r\n color: unquote(\"rgb(#{$palette-pink-600})\") !important;\r\n }\r\n\r\n .bg-pink-600 {\r\n background-color: unquote(\"rgb(#{$palette-pink-600})\") !important;\r\n }\r\n\r\n .pink-700 {\r\n color: unquote(\"rgb(#{$palette-pink-700})\") !important;\r\n }\r\n\r\n .bg-pink-700 {\r\n background-color: unquote(\"rgb(#{$palette-pink-700})\") !important;\r\n }\r\n\r\n .pink-800 {\r\n color: unquote(\"rgb(#{$palette-pink-800})\") !important;\r\n }\r\n\r\n .bg-pink-800 {\r\n background-color: unquote(\"rgb(#{$palette-pink-800})\") !important;\r\n }\r\n\r\n .pink-900 {\r\n color: unquote(\"rgb(#{$palette-pink-900})\") !important;\r\n }\r\n\r\n .bg-pink-900 {\r\n background-color: unquote(\"rgb(#{$palette-pink-900})\") !important;\r\n }\r\n\r\n .pink-A100 {\r\n color: unquote(\"rgb(#{$palette-pink-A100})\") !important;\r\n }\r\n\r\n .bg-pink-A100 {\r\n background-color: unquote(\"rgb(#{$palette-pink-A100})\") !important;\r\n }\r\n\r\n .pink-A200 {\r\n color: unquote(\"rgb(#{$palette-pink-A200})\") !important;\r\n }\r\n\r\n .bg-pink-A200 {\r\n background-color: unquote(\"rgb(#{$palette-pink-A200})\") !important;\r\n }\r\n\r\n .pink-A400 {\r\n color: unquote(\"rgb(#{$palette-pink-A400})\") !important;\r\n }\r\n\r\n .bg-pink-A400 {\r\n background-color: unquote(\"rgb(#{$palette-pink-A400})\") !important;\r\n }\r\n\r\n .pink-A700 {\r\n color: unquote(\"rgb(#{$palette-pink-A700})\") !important;\r\n }\r\n\r\n .bg-pink-A700 {\r\n background-color: unquote(\"rgb(#{$palette-pink-A700})\") !important;\r\n }\r\n\r\n // Purple\r\n\r\n .purple {\r\n color: unquote(\"rgb(#{$palette-purple-500})\") !important;\r\n }\r\n\r\n .bg-purple {\r\n background-color: unquote(\"rgb(#{$palette-purple-500})\") !important;\r\n }\r\n\r\n .purple-50 {\r\n color: unquote(\"rgb(#{$palette-purple-50})\") !important;\r\n }\r\n\r\n .bg-purple-50 {\r\n background-color: unquote(\"rgb(#{$palette-purple-50})\") !important;\r\n }\r\n\r\n .purple-100 {\r\n color: unquote(\"rgb(#{$palette-purple-100})\") !important;\r\n }\r\n\r\n .bg-purple-100 {\r\n background-color: unquote(\"rgb(#{$palette-purple-100})\") !important;\r\n }\r\n\r\n .purple-200 {\r\n color: unquote(\"rgb(#{$palette-purple-200})\") !important;\r\n }\r\n\r\n .bg-purple-200 {\r\n background-color: unquote(\"rgb(#{$palette-purple-200})\") !important;\r\n }\r\n\r\n .purple-300 {\r\n color: unquote(\"rgb(#{$palette-purple-300})\") !important;\r\n }\r\n\r\n .bg-purple-300 {\r\n background-color: unquote(\"rgb(#{$palette-purple-300})\") !important;\r\n }\r\n\r\n .purple-400 {\r\n color: unquote(\"rgb(#{$palette-purple-400})\") !important;\r\n }\r\n\r\n .bg-purple-400 {\r\n background-color: unquote(\"rgb(#{$palette-purple-400})\") !important;\r\n }\r\n\r\n .purple-500 {\r\n color: unquote(\"rgb(#{$palette-purple-500})\") !important;\r\n }\r\n\r\n .bg-purple-500 {\r\n background-color: unquote(\"rgb(#{$palette-purple-500})\") !important;\r\n }\r\n\r\n .purple-600 {\r\n color: unquote(\"rgb(#{$palette-purple-600})\") !important;\r\n }\r\n\r\n .bg-purple-600 {\r\n background-color: unquote(\"rgb(#{$palette-purple-600})\") !important;\r\n }\r\n\r\n .purple-700 {\r\n color: unquote(\"rgb(#{$palette-purple-700})\") !important;\r\n }\r\n\r\n .bg-purple-700 {\r\n background-color: unquote(\"rgb(#{$palette-purple-700})\") !important;\r\n }\r\n\r\n .purple-800 {\r\n color: unquote(\"rgb(#{$palette-purple-800})\") !important;\r\n }\r\n\r\n .bg-purple-800 {\r\n background-color: unquote(\"rgb(#{$palette-purple-800})\") !important;\r\n }\r\n\r\n .purple-900 {\r\n color: unquote(\"rgb(#{$palette-purple-900})\") !important;\r\n }\r\n\r\n .bg-purple-900 {\r\n background-color: unquote(\"rgb(#{$palette-purple-900})\") !important;\r\n }\r\n\r\n .purple-A100 {\r\n color: unquote(\"rgb(#{$palette-purple-A100})\") !important;\r\n }\r\n\r\n .bg-purple-A100 {\r\n background-color: unquote(\"rgb(#{$palette-purple-A100})\") !important;\r\n }\r\n\r\n .purple-A200 {\r\n color: unquote(\"rgb(#{$palette-purple-A200})\") !important;\r\n }\r\n\r\n .bg-purple-A200 {\r\n background-color: unquote(\"rgb(#{$palette-purple-A200})\") !important;\r\n }\r\n\r\n .purple-A400 {\r\n color: unquote(\"rgb(#{$palette-purple-A400})\") !important;\r\n }\r\n\r\n .bg-purple-A400 {\r\n background-color: unquote(\"rgb(#{$palette-purple-A400})\") !important;\r\n }\r\n\r\n .purple-A700 {\r\n color: unquote(\"rgb(#{$palette-purple-A700})\") !important;\r\n }\r\n\r\n .bg-purple-A700 {\r\n background-color: unquote(\"rgb(#{$palette-purple-A700})\") !important;\r\n }\r\n\r\n // Deep Purple.\r\n\r\n .deep-purple {\r\n color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\r\n }\r\n\r\n .bg-deep-purple {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\r\n }\r\n\r\n .deep-purple-50 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-50})\") !important;\r\n }\r\n\r\n .bg-deep-purple-50 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-50})\") !important;\r\n }\r\n\r\n .deep-purple-100 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-100})\") !important;\r\n }\r\n\r\n .bg-deep-purple-100 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-100})\") !important;\r\n }\r\n\r\n .deep-purple-200 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-200})\") !important;\r\n }\r\n\r\n .bg-deep-purple-200 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-200})\") !important;\r\n }\r\n\r\n .deep-purple-300 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-300})\") !important;\r\n }\r\n\r\n .bg-deep-purple-300 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-300})\") !important;\r\n }\r\n\r\n .deep-purple-400 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-400})\") !important;\r\n }\r\n\r\n .bg-deep-purple-400 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-400})\") !important;\r\n }\r\n\r\n .deep-purple-500 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\r\n }\r\n\r\n .bg-deep-purple-500 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\r\n }\r\n\r\n .deep-purple-600 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-600})\") !important;\r\n }\r\n\r\n .bg-deep-purple-600 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-600})\") !important;\r\n }\r\n\r\n .deep-purple-700 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-700})\") !important;\r\n }\r\n\r\n .bg-deep-purple-700 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-700})\") !important;\r\n }\r\n\r\n .deep-purple-800 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-800})\") !important;\r\n }\r\n\r\n .bg-deep-purple-800 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-800})\") !important;\r\n }\r\n\r\n .deep-purple-900 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-900})\") !important;\r\n }\r\n\r\n .bg-deep-purple-900 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-900})\") !important;\r\n }\r\n\r\n .deep-purple-A100 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-A100})\") !important;\r\n }\r\n\r\n .bg-deep-purple-A100 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-A100})\") !important;\r\n }\r\n\r\n .deep-purple-A200 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-A200})\") !important;\r\n }\r\n\r\n .bg-deep-purple-A200 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-A200})\") !important;\r\n }\r\n\r\n .deep-purple-A400 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-A400})\") !important;\r\n }\r\n\r\n .bg-deep-purple-A400 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-A400})\") !important;\r\n }\r\n\r\n .deep-purple-A700 {\r\n color: unquote(\"rgb(#{$palette-deep-purple-A700})\") !important;\r\n }\r\n\r\n .bg-deep-purple-A700 {\r\n background-color: unquote(\"rgb(#{$palette-deep-purple-A700})\") !important;\r\n }\r\n\r\n // Indigo\r\n\r\n .indigo {\r\n color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\r\n }\r\n\r\n .bg-indigo {\r\n background-color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\r\n }\r\n\r\n .indigo-50 {\r\n color: unquote(\"rgb(#{$palette-indigo-50})\") !important;\r\n }\r\n\r\n .bg-indigo-50 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-50})\") !important;\r\n }\r\n\r\n .indigo-100 {\r\n color: unquote(\"rgb(#{$palette-indigo-100})\") !important;\r\n }\r\n\r\n .bg-indigo-100 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-100})\") !important;\r\n }\r\n\r\n .indigo-200 {\r\n color: unquote(\"rgb(#{$palette-indigo-200})\") !important;\r\n }\r\n\r\n .bg-indigo-200 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-200})\") !important;\r\n }\r\n\r\n .indigo-300 {\r\n color: unquote(\"rgb(#{$palette-indigo-300})\") !important;\r\n }\r\n\r\n .bg-indigo-300 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-300})\") !important;\r\n }\r\n\r\n .indigo-400 {\r\n color: unquote(\"rgb(#{$palette-indigo-400})\") !important;\r\n }\r\n\r\n .bg-indigo-400 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-400})\") !important;\r\n }\r\n\r\n .indigo-500 {\r\n color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\r\n }\r\n\r\n .bg-indigo-500 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\r\n }\r\n\r\n .indigo-600 {\r\n color: unquote(\"rgb(#{$palette-indigo-600})\") !important;\r\n }\r\n\r\n .bg-indigo-600 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-600})\") !important;\r\n }\r\n\r\n .indigo-700 {\r\n color: unquote(\"rgb(#{$palette-indigo-700})\") !important;\r\n }\r\n\r\n .bg-indigo-700 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-700})\") !important;\r\n }\r\n\r\n .indigo-800 {\r\n color: unquote(\"rgb(#{$palette-indigo-800})\") !important;\r\n }\r\n\r\n .bg-indigo-800 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-800})\") !important;\r\n }\r\n\r\n .indigo-900 {\r\n color: unquote(\"rgb(#{$palette-indigo-900})\") !important;\r\n }\r\n\r\n .bg-indigo-900 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-900})\") !important;\r\n }\r\n\r\n .indigo-A100 {\r\n color: unquote(\"rgb(#{$palette-indigo-A100})\") !important;\r\n }\r\n\r\n .bg-indigo-A100 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-A100})\") !important;\r\n }\r\n\r\n .indigo-A200 {\r\n color: unquote(\"rgb(#{$palette-indigo-A200})\") !important;\r\n }\r\n\r\n .bg-indigo-A200 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-A200})\") !important;\r\n }\r\n\r\n .indigo-A400 {\r\n color: unquote(\"rgb(#{$palette-indigo-A400})\") !important;\r\n }\r\n\r\n .bg-indigo-A400 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-A400})\") !important;\r\n }\r\n\r\n .indigo-A700 {\r\n color: unquote(\"rgb(#{$palette-indigo-A700})\") !important;\r\n }\r\n\r\n .bg-indigo-A700 {\r\n background-color: unquote(\"rgb(#{$palette-indigo-A700})\") !important;\r\n }\r\n\r\n // Blue\r\n\r\n .blue {\r\n color: unquote(\"rgb(#{$palette-blue-500})\") !important;\r\n }\r\n\r\n .bg-blue {\r\n background-color: unquote(\"rgb(#{$palette-blue-500})\") !important;\r\n }\r\n\r\n .blue-50 {\r\n color: unquote(\"rgb(#{$palette-blue-50})\") !important;\r\n }\r\n\r\n .bg-blue-50 {\r\n background-color: unquote(\"rgb(#{$palette-blue-50})\") !important;\r\n }\r\n\r\n .blue-100 {\r\n color: unquote(\"rgb(#{$palette-blue-100})\") !important;\r\n }\r\n\r\n .bg-blue-100 {\r\n background-color: unquote(\"rgb(#{$palette-blue-100})\") !important;\r\n }\r\n\r\n .blue-200 {\r\n color: unquote(\"rgb(#{$palette-blue-200})\") !important;\r\n }\r\n\r\n .bg-blue-200 {\r\n background-color: unquote(\"rgb(#{$palette-blue-200})\") !important;\r\n }\r\n\r\n .blue-300 {\r\n color: unquote(\"rgb(#{$palette-blue-300})\") !important;\r\n }\r\n\r\n .bg-blue-300 {\r\n background-color: unquote(\"rgb(#{$palette-blue-300})\") !important;\r\n }\r\n\r\n .blue-400 {\r\n color: unquote(\"rgb(#{$palette-blue-400})\") !important;\r\n }\r\n\r\n .bg-blue-400 {\r\n background-color: unquote(\"rgb(#{$palette-blue-400})\") !important;\r\n }\r\n\r\n .blue-500 {\r\n color: unquote(\"rgb(#{$palette-blue-500})\") !important;\r\n }\r\n\r\n .bg-blue-500 {\r\n background-color: unquote(\"rgb(#{$palette-blue-500})\") !important;\r\n }\r\n\r\n .blue-600 {\r\n color: unquote(\"rgb(#{$palette-blue-600})\") !important;\r\n }\r\n\r\n .bg-blue-600 {\r\n background-color: unquote(\"rgb(#{$palette-blue-600})\") !important;\r\n }\r\n\r\n .blue-700 {\r\n color: unquote(\"rgb(#{$palette-blue-700})\") !important;\r\n }\r\n\r\n .bg-blue-700 {\r\n background-color: unquote(\"rgb(#{$palette-blue-700})\") !important;\r\n }\r\n\r\n .blue-800 {\r\n color: unquote(\"rgb(#{$palette-blue-800})\") !important;\r\n }\r\n\r\n .bg-blue-800 {\r\n background-color: unquote(\"rgb(#{$palette-blue-800})\") !important;\r\n }\r\n\r\n .blue-900 {\r\n color: unquote(\"rgb(#{$palette-blue-900})\") !important;\r\n }\r\n\r\n .bg-blue-900 {\r\n background-color: unquote(\"rgb(#{$palette-blue-900})\") !important;\r\n }\r\n\r\n .blue-A100 {\r\n color: unquote(\"rgb(#{$palette-blue-A100})\") !important;\r\n }\r\n\r\n .bg-blue-A100 {\r\n background-color: unquote(\"rgb(#{$palette-blue-A100})\") !important;\r\n }\r\n\r\n .blue-A200 {\r\n color: unquote(\"rgb(#{$palette-blue-A200})\") !important;\r\n }\r\n\r\n .bg-blue-A200 {\r\n background-color: unquote(\"rgb(#{$palette-blue-A200})\") !important;\r\n }\r\n\r\n .blue-A400 {\r\n color: unquote(\"rgb(#{$palette-blue-A400})\") !important;\r\n }\r\n\r\n .bg-blue-A400 {\r\n background-color: unquote(\"rgb(#{$palette-blue-A400})\") !important;\r\n }\r\n\r\n .blue-A700 {\r\n color: unquote(\"rgb(#{$palette-blue-A700})\") !important;\r\n }\r\n\r\n .bg-blue-A700 {\r\n background-color: unquote(\"rgb(#{$palette-blue-A700})\") !important;\r\n }\r\n\r\n // Light Blue\r\n\r\n .light-blue {\r\n color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\r\n }\r\n\r\n .bg-light-blue {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\r\n }\r\n\r\n .light-blue-50 {\r\n color: unquote(\"rgb(#{$palette-light-blue-50})\") !important;\r\n }\r\n\r\n .bg-light-blue-50 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-50})\") !important;\r\n }\r\n\r\n .light-blue-100 {\r\n color: unquote(\"rgb(#{$palette-light-blue-100})\") !important;\r\n }\r\n\r\n .bg-light-blue-100 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-100})\") !important;\r\n }\r\n\r\n .light-blue-200 {\r\n color: unquote(\"rgb(#{$palette-light-blue-200})\") !important;\r\n }\r\n\r\n .bg-light-blue-200 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-200})\") !important;\r\n }\r\n\r\n .light-blue-300 {\r\n color: unquote(\"rgb(#{$palette-light-blue-300})\") !important;\r\n }\r\n\r\n .bg-light-blue-300 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-300})\") !important;\r\n }\r\n\r\n .light-blue-400 {\r\n color: unquote(\"rgb(#{$palette-light-blue-400})\") !important;\r\n }\r\n\r\n .bg-light-blue-400 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-400})\") !important;\r\n }\r\n\r\n .light-blue-500 {\r\n color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\r\n }\r\n\r\n .bg-light-blue-500 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\r\n }\r\n\r\n .light-blue-600 {\r\n color: unquote(\"rgb(#{$palette-light-blue-600})\") !important;\r\n }\r\n\r\n .bg-light-blue-600 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-600})\") !important;\r\n }\r\n\r\n .light-blue-700 {\r\n color: unquote(\"rgb(#{$palette-light-blue-700})\") !important;\r\n }\r\n\r\n .bg-light-blue-700 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-700})\") !important;\r\n }\r\n\r\n .light-blue-800 {\r\n color: unquote(\"rgb(#{$palette-light-blue-800})\") !important;\r\n }\r\n\r\n .bg-light-blue-800 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-800})\") !important;\r\n }\r\n\r\n .light-blue-900 {\r\n color: unquote(\"rgb(#{$palette-light-blue-900})\") !important;\r\n }\r\n\r\n .bg-light-blue-900 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-900})\") !important;\r\n }\r\n\r\n .light-blue-A100 {\r\n color: unquote(\"rgb(#{$palette-light-blue-A100})\") !important;\r\n }\r\n\r\n .bg-light-blue-A100 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-A100})\") !important;\r\n }\r\n\r\n .light-blue-A200 {\r\n color: unquote(\"rgb(#{$palette-light-blue-A200})\") !important;\r\n }\r\n\r\n .bg-light-blue-A200 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-A200})\") !important;\r\n }\r\n\r\n .light-blue-A400 {\r\n color: unquote(\"rgb(#{$palette-light-blue-A400})\") !important;\r\n }\r\n\r\n .bg-light-blue-A400 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-A400})\") !important;\r\n }\r\n\r\n .light-blue-A700 {\r\n color: unquote(\"rgb(#{$palette-light-blue-A700})\") !important;\r\n }\r\n\r\n .bg-light-blue-A700 {\r\n background-color: unquote(\"rgb(#{$palette-light-blue-A700})\") !important;\r\n }\r\n\r\n // Cyan\r\n\r\n .cyan {\r\n color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\r\n }\r\n\r\n .bg-cyan {\r\n background-color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\r\n }\r\n\r\n .cyan-50 {\r\n color: unquote(\"rgb(#{$palette-cyan-50})\") !important;\r\n }\r\n\r\n .bg-cyan-50 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-50})\") !important;\r\n }\r\n\r\n .cyan-100 {\r\n color: unquote(\"rgb(#{$palette-cyan-100})\") !important;\r\n }\r\n\r\n .bg-cyan-100 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-100})\") !important;\r\n }\r\n\r\n .cyan-200 {\r\n color: unquote(\"rgb(#{$palette-cyan-200})\") !important;\r\n }\r\n\r\n .bg-cyan-200 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-200})\") !important;\r\n }\r\n\r\n .cyan-300 {\r\n color: unquote(\"rgb(#{$palette-cyan-300})\") !important;\r\n }\r\n\r\n .bg-cyan-300 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-300})\") !important;\r\n }\r\n\r\n .cyan-400 {\r\n color: unquote(\"rgb(#{$palette-cyan-400})\") !important;\r\n }\r\n\r\n .bg-cyan-400 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-400})\") !important;\r\n }\r\n\r\n .cyan-500 {\r\n color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\r\n }\r\n\r\n .bg-cyan-500 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\r\n }\r\n\r\n .cyan-600 {\r\n color: unquote(\"rgb(#{$palette-cyan-600})\") !important;\r\n }\r\n\r\n .bg-cyan-600 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-600})\") !important;\r\n }\r\n\r\n .cyan-700 {\r\n color: unquote(\"rgb(#{$palette-cyan-700})\") !important;\r\n }\r\n\r\n .bg-cyan-700 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-700})\") !important;\r\n }\r\n\r\n .cyan-800 {\r\n color: unquote(\"rgb(#{$palette-cyan-800})\") !important;\r\n }\r\n\r\n .bg-cyan-800 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-800})\") !important;\r\n }\r\n\r\n .cyan-900 {\r\n color: unquote(\"rgb(#{$palette-cyan-900})\") !important;\r\n }\r\n\r\n .bg-cyan-900 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-900})\") !important;\r\n }\r\n\r\n .cyan-A100 {\r\n color: unquote(\"rgb(#{$palette-cyan-A100})\") !important;\r\n }\r\n\r\n .bg-cyan-A100 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-A100})\") !important;\r\n }\r\n\r\n .cyan-A200 {\r\n color: unquote(\"rgb(#{$palette-cyan-A200})\") !important;\r\n }\r\n\r\n .bg-cyan-A200 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-A200})\") !important;\r\n }\r\n\r\n .cyan-A400 {\r\n color: unquote(\"rgb(#{$palette-cyan-A400})\") !important;\r\n }\r\n\r\n .bg-cyan-A400 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-A400})\") !important;\r\n }\r\n\r\n .cyan-A700 {\r\n color: unquote(\"rgb(#{$palette-cyan-A700})\") !important;\r\n }\r\n\r\n .bg-cyan-A700 {\r\n background-color: unquote(\"rgb(#{$palette-cyan-A700})\") !important;\r\n }\r\n\r\n // Teal\r\n\r\n .teal {\r\n color: unquote(\"rgb(#{$palette-teal-500})\") !important;\r\n }\r\n\r\n .bg-teal {\r\n background-color: unquote(\"rgb(#{$palette-teal-500})\") !important;\r\n }\r\n\r\n .teal-50 {\r\n color: unquote(\"rgb(#{$palette-teal-50})\") !important;\r\n }\r\n\r\n .bg-teal-50 {\r\n background-color: unquote(\"rgb(#{$palette-teal-50})\") !important;\r\n }\r\n\r\n .teal-100 {\r\n color: unquote(\"rgb(#{$palette-teal-100})\") !important;\r\n }\r\n\r\n .bg-teal-100 {\r\n background-color: unquote(\"rgb(#{$palette-teal-100})\") !important;\r\n }\r\n\r\n .teal-200 {\r\n color: unquote(\"rgb(#{$palette-teal-200})\") !important;\r\n }\r\n\r\n .bg-teal-200 {\r\n background-color: unquote(\"rgb(#{$palette-teal-200})\") !important;\r\n }\r\n\r\n .teal-300 {\r\n color: unquote(\"rgb(#{$palette-teal-300})\") !important;\r\n }\r\n\r\n .bg-teal-300 {\r\n background-color: unquote(\"rgb(#{$palette-teal-300})\") !important;\r\n }\r\n\r\n .teal-400 {\r\n color: unquote(\"rgb(#{$palette-teal-400})\") !important;\r\n }\r\n\r\n .bg-teal-400 {\r\n background-color: unquote(\"rgb(#{$palette-teal-400})\") !important;\r\n }\r\n\r\n .teal-500 {\r\n color: unquote(\"rgb(#{$palette-teal-500})\") !important;\r\n }\r\n\r\n .bg-teal-500 {\r\n background-color: unquote(\"rgb(#{$palette-teal-500})\") !important;\r\n }\r\n\r\n .teal-600 {\r\n color: unquote(\"rgb(#{$palette-teal-600})\") !important;\r\n }\r\n\r\n .bg-teal-600 {\r\n background-color: unquote(\"rgb(#{$palette-teal-600})\") !important;\r\n }\r\n\r\n .teal-700 {\r\n color: unquote(\"rgb(#{$palette-teal-700})\") !important;\r\n }\r\n\r\n .bg-teal-700 {\r\n background-color: unquote(\"rgb(#{$palette-teal-700})\") !important;\r\n }\r\n\r\n .teal-800 {\r\n color: unquote(\"rgb(#{$palette-teal-800})\") !important;\r\n }\r\n\r\n .bg-teal-800 {\r\n background-color: unquote(\"rgb(#{$palette-teal-800})\") !important;\r\n }\r\n\r\n .teal-900 {\r\n color: unquote(\"rgb(#{$palette-teal-900})\") !important;\r\n }\r\n\r\n .bg-teal-900 {\r\n background-color: unquote(\"rgb(#{$palette-teal-900})\") !important;\r\n }\r\n\r\n .teal-A100 {\r\n color: unquote(\"rgb(#{$palette-teal-A100})\") !important;\r\n }\r\n\r\n .bg-teal-A100 {\r\n background-color: unquote(\"rgb(#{$palette-teal-A100})\") !important;\r\n }\r\n\r\n .teal-A200 {\r\n color: unquote(\"rgb(#{$palette-teal-A200})\") !important;\r\n }\r\n\r\n .bg-teal-A200 {\r\n background-color: unquote(\"rgb(#{$palette-teal-A200})\") !important;\r\n }\r\n\r\n .teal-A400 {\r\n color: unquote(\"rgb(#{$palette-teal-A400})\") !important;\r\n }\r\n\r\n .bg-teal-A400 {\r\n background-color: unquote(\"rgb(#{$palette-teal-A400})\") !important;\r\n }\r\n\r\n .teal-A700 {\r\n color: unquote(\"rgb(#{$palette-teal-A700})\") !important;\r\n }\r\n\r\n .bg-teal-A700 {\r\n background-color: unquote(\"rgb(#{$palette-teal-A700})\") !important;\r\n }\r\n\r\n // Green\r\n\r\n .green {\r\n color: unquote(\"rgb(#{$palette-green-500})\") !important;\r\n }\r\n\r\n .bg-green {\r\n background-color: unquote(\"rgb(#{$palette-green-500})\") !important;\r\n }\r\n\r\n .green-50 {\r\n color: unquote(\"rgb(#{$palette-green-50})\") !important;\r\n }\r\n\r\n .bg-green-50 {\r\n background-color: unquote(\"rgb(#{$palette-green-50})\") !important;\r\n }\r\n\r\n .green-100 {\r\n color: unquote(\"rgb(#{$palette-green-100})\") !important;\r\n }\r\n\r\n .bg-green-100 {\r\n background-color: unquote(\"rgb(#{$palette-green-100})\") !important;\r\n }\r\n\r\n .green-200 {\r\n color: unquote(\"rgb(#{$palette-green-200})\") !important;\r\n }\r\n\r\n .bg-green-200 {\r\n background-color: unquote(\"rgb(#{$palette-green-200})\") !important;\r\n }\r\n\r\n .green-300 {\r\n color: unquote(\"rgb(#{$palette-green-300})\") !important;\r\n }\r\n\r\n .bg-green-300 {\r\n background-color: unquote(\"rgb(#{$palette-green-300})\") !important;\r\n }\r\n\r\n .green-400 {\r\n color: unquote(\"rgb(#{$palette-green-400})\") !important;\r\n }\r\n\r\n .bg-green-400 {\r\n background-color: unquote(\"rgb(#{$palette-green-400})\") !important;\r\n }\r\n\r\n .green-500 {\r\n color: unquote(\"rgb(#{$palette-green-500})\") !important;\r\n }\r\n\r\n .bg-green-500 {\r\n background-color: unquote(\"rgb(#{$palette-green-500})\") !important;\r\n }\r\n\r\n .green-600 {\r\n color: unquote(\"rgb(#{$palette-green-600})\") !important;\r\n }\r\n\r\n .bg-green-600 {\r\n background-color: unquote(\"rgb(#{$palette-green-600})\") !important;\r\n }\r\n\r\n .green-700 {\r\n color: unquote(\"rgb(#{$palette-green-700})\") !important;\r\n }\r\n\r\n .bg-green-700 {\r\n background-color: unquote(\"rgb(#{$palette-green-700})\") !important;\r\n }\r\n\r\n .green-800 {\r\n color: unquote(\"rgb(#{$palette-green-800})\") !important;\r\n }\r\n\r\n .bg-green-800 {\r\n background-color: unquote(\"rgb(#{$palette-green-800})\") !important;\r\n }\r\n\r\n .green-900 {\r\n color: unquote(\"rgb(#{$palette-green-900})\") !important;\r\n }\r\n\r\n .bg-green-900 {\r\n background-color: unquote(\"rgb(#{$palette-green-900})\") !important;\r\n }\r\n\r\n .green-A100 {\r\n color: unquote(\"rgb(#{$palette-green-A100})\") !important;\r\n }\r\n\r\n .bg-green-A100 {\r\n background-color: unquote(\"rgb(#{$palette-green-A100})\") !important;\r\n }\r\n\r\n .green-A200 {\r\n color: unquote(\"rgb(#{$palette-green-A200})\") !important;\r\n }\r\n\r\n .bg-green-A200 {\r\n background-color: unquote(\"rgb(#{$palette-green-A200})\") !important;\r\n }\r\n\r\n .green-A400 {\r\n color: unquote(\"rgb(#{$palette-green-A400})\") !important;\r\n }\r\n\r\n .bg-green-A400 {\r\n background-color: unquote(\"rgb(#{$palette-green-A400})\") !important;\r\n }\r\n\r\n .green-A700 {\r\n color: unquote(\"rgb(#{$palette-green-A700})\") !important;\r\n }\r\n\r\n .bg-green-A700 {\r\n background-color: unquote(\"rgb(#{$palette-green-A700})\") !important;\r\n }\r\n\r\n // Light Green\r\n\r\n .light-green {\r\n color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\r\n }\r\n\r\n .bg-light-green {\r\n background-color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\r\n }\r\n\r\n .light-green-50 {\r\n color: unquote(\"rgb(#{$palette-light-green-50})\") !important;\r\n }\r\n\r\n .bg-light-green-50 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-50})\") !important;\r\n }\r\n\r\n .light-green-100 {\r\n color: unquote(\"rgb(#{$palette-light-green-100})\") !important;\r\n }\r\n\r\n .bg-light-green-100 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-100})\") !important;\r\n }\r\n\r\n .light-green-200 {\r\n color: unquote(\"rgb(#{$palette-light-green-200})\") !important;\r\n }\r\n\r\n .bg-light-green-200 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-200})\") !important;\r\n }\r\n\r\n .light-green-300 {\r\n color: unquote(\"rgb(#{$palette-light-green-300})\") !important;\r\n }\r\n\r\n .bg-light-green-300 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-300})\") !important;\r\n }\r\n\r\n .light-green-400 {\r\n color: unquote(\"rgb(#{$palette-light-green-400})\") !important;\r\n }\r\n\r\n .bg-light-green-400 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-400})\") !important;\r\n }\r\n\r\n .light-green-500 {\r\n color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\r\n }\r\n\r\n .bg-light-green-500 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\r\n }\r\n\r\n .light-green-600 {\r\n color: unquote(\"rgb(#{$palette-light-green-600})\") !important;\r\n }\r\n\r\n .bg-light-green-600 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-600})\") !important;\r\n }\r\n\r\n .light-green-700 {\r\n color: unquote(\"rgb(#{$palette-light-green-700})\") !important;\r\n }\r\n\r\n .bg-light-green-700 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-700})\") !important;\r\n }\r\n\r\n .light-green-800 {\r\n color: unquote(\"rgb(#{$palette-light-green-800})\") !important;\r\n }\r\n\r\n .bg-light-green-800 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-800})\") !important;\r\n }\r\n\r\n .light-green-900 {\r\n color: unquote(\"rgb(#{$palette-light-green-900})\") !important;\r\n }\r\n\r\n .bg-light-green-900 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-900})\") !important;\r\n }\r\n\r\n .light-green-A100 {\r\n color: unquote(\"rgb(#{$palette-light-green-A100})\") !important;\r\n }\r\n\r\n .bg-light-green-A100 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-A100})\") !important;\r\n }\r\n\r\n .light-green-A200 {\r\n color: unquote(\"rgb(#{$palette-light-green-A200})\") !important;\r\n }\r\n\r\n .bg-light-green-A200 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-A200})\") !important;\r\n }\r\n\r\n .light-green-A400 {\r\n color: unquote(\"rgb(#{$palette-light-green-A400})\") !important;\r\n }\r\n\r\n .bg-light-green-A400 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-A400})\") !important;\r\n }\r\n\r\n .light-green-A700 {\r\n color: unquote(\"rgb(#{$palette-light-green-A700})\") !important;\r\n }\r\n\r\n .bg-light-green-A700 {\r\n background-color: unquote(\"rgb(#{$palette-light-green-A700})\") !important;\r\n }\r\n\r\n // Lime\r\n\r\n .lime {\r\n color: unquote(\"rgb(#{$palette-lime-500})\") !important;\r\n }\r\n\r\n .bg-lime {\r\n background-color: unquote(\"rgb(#{$palette-lime-500})\") !important;\r\n }\r\n\r\n .lime-50 {\r\n color: unquote(\"rgb(#{$palette-lime-50})\") !important;\r\n }\r\n\r\n .bg-lime-50 {\r\n background-color: unquote(\"rgb(#{$palette-lime-50})\") !important;\r\n }\r\n\r\n .lime-100 {\r\n color: unquote(\"rgb(#{$palette-lime-100})\") !important;\r\n }\r\n\r\n .bg-lime-100 {\r\n background-color: unquote(\"rgb(#{$palette-lime-100})\") !important;\r\n }\r\n\r\n .lime-200 {\r\n color: unquote(\"rgb(#{$palette-lime-200})\") !important;\r\n }\r\n\r\n .bg-lime-200 {\r\n background-color: unquote(\"rgb(#{$palette-lime-200})\") !important;\r\n }\r\n\r\n .lime-300 {\r\n color: unquote(\"rgb(#{$palette-lime-300})\") !important;\r\n }\r\n\r\n .bg-lime-300 {\r\n background-color: unquote(\"rgb(#{$palette-lime-300})\") !important;\r\n }\r\n\r\n .lime-400 {\r\n color: unquote(\"rgb(#{$palette-lime-400})\") !important;\r\n }\r\n\r\n .bg-lime-400 {\r\n background-color: unquote(\"rgb(#{$palette-lime-400})\") !important;\r\n }\r\n\r\n .lime-500 {\r\n color: unquote(\"rgb(#{$palette-lime-500})\") !important;\r\n }\r\n\r\n .bg-lime-500 {\r\n background-color: unquote(\"rgb(#{$palette-lime-500})\") !important;\r\n }\r\n\r\n .lime-600 {\r\n color: unquote(\"rgb(#{$palette-lime-600})\") !important;\r\n }\r\n\r\n .bg-lime-600 {\r\n background-color: unquote(\"rgb(#{$palette-lime-600})\") !important;\r\n }\r\n\r\n .lime-700 {\r\n color: unquote(\"rgb(#{$palette-lime-700})\") !important;\r\n }\r\n\r\n .bg-lime-700 {\r\n background-color: unquote(\"rgb(#{$palette-lime-700})\") !important;\r\n }\r\n\r\n .lime-800 {\r\n color: unquote(\"rgb(#{$palette-lime-800})\") !important;\r\n }\r\n\r\n .bg-lime-800 {\r\n background-color: unquote(\"rgb(#{$palette-lime-800})\") !important;\r\n }\r\n\r\n .lime-900 {\r\n color: unquote(\"rgb(#{$palette-lime-900})\") !important;\r\n }\r\n\r\n .bg-lime-900 {\r\n background-color: unquote(\"rgb(#{$palette-lime-900})\") !important;\r\n }\r\n\r\n .lime-A100 {\r\n color: unquote(\"rgb(#{$palette-lime-A100})\") !important;\r\n }\r\n\r\n .bg-lime-A100 {\r\n background-color: unquote(\"rgb(#{$palette-lime-A100})\") !important;\r\n }\r\n\r\n .lime-A200 {\r\n color: unquote(\"rgb(#{$palette-lime-A200})\") !important;\r\n }\r\n\r\n .bg-lime-A200 {\r\n background-color: unquote(\"rgb(#{$palette-lime-A200})\") !important;\r\n }\r\n\r\n .lime-A400 {\r\n color: unquote(\"rgb(#{$palette-lime-A400})\") !important;\r\n }\r\n\r\n .bg-lime-A400 {\r\n background-color: unquote(\"rgb(#{$palette-lime-A400})\") !important;\r\n }\r\n\r\n .lime-A700 {\r\n color: unquote(\"rgb(#{$palette-lime-A700})\") !important;\r\n }\r\n\r\n .bg-lime-A700 {\r\n background-color: unquote(\"rgb(#{$palette-lime-A700})\") !important;\r\n }\r\n\r\n // Yellow\r\n\r\n .yellow {\r\n color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\r\n }\r\n\r\n .bg-yellow {\r\n background-color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\r\n }\r\n\r\n .yellow-50 {\r\n color: unquote(\"rgb(#{$palette-yellow-50})\") !important;\r\n }\r\n\r\n .bg-yellow-50 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-50})\") !important;\r\n }\r\n\r\n .yellow-100 {\r\n color: unquote(\"rgb(#{$palette-yellow-100})\") !important;\r\n }\r\n\r\n .bg-yellow-100 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-100})\") !important;\r\n }\r\n\r\n .yellow-200 {\r\n color: unquote(\"rgb(#{$palette-yellow-200})\") !important;\r\n }\r\n\r\n .bg-yellow-200 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-200})\") !important;\r\n }\r\n\r\n .yellow-300 {\r\n color: unquote(\"rgb(#{$palette-yellow-300})\") !important;\r\n }\r\n\r\n .bg-yellow-300 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-300})\") !important;\r\n }\r\n\r\n .yellow-400 {\r\n color: unquote(\"rgb(#{$palette-yellow-400})\") !important;\r\n }\r\n\r\n .bg-yellow-400 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-400})\") !important;\r\n }\r\n\r\n .yellow-500 {\r\n color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\r\n }\r\n\r\n .bg-yellow-500 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\r\n }\r\n\r\n .yellow-600 {\r\n color: unquote(\"rgb(#{$palette-yellow-600})\") !important;\r\n }\r\n\r\n .bg-yellow-600 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-600})\") !important;\r\n }\r\n\r\n .yellow-700 {\r\n color: unquote(\"rgb(#{$palette-yellow-700})\") !important;\r\n }\r\n\r\n .bg-yellow-700 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-700})\") !important;\r\n }\r\n\r\n .yellow-800 {\r\n color: unquote(\"rgb(#{$palette-yellow-800})\") !important;\r\n }\r\n\r\n .bg-yellow-800 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-800})\") !important;\r\n }\r\n\r\n .yellow-900 {\r\n color: unquote(\"rgb(#{$palette-yellow-900})\") !important;\r\n }\r\n\r\n .bg-yellow-900 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-900})\") !important;\r\n }\r\n\r\n .yellow-A100 {\r\n color: unquote(\"rgb(#{$palette-yellow-A100})\") !important;\r\n }\r\n\r\n .bg-yellow-A100 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-A100})\") !important;\r\n }\r\n\r\n .yellow-A200 {\r\n color: unquote(\"rgb(#{$palette-yellow-A200})\") !important;\r\n }\r\n\r\n .bg-yellow-A200 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-A200})\") !important;\r\n }\r\n\r\n .yellow-A400 {\r\n color: unquote(\"rgb(#{$palette-yellow-A400})\") !important;\r\n }\r\n\r\n .bg-yellow-A400 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-A400})\") !important;\r\n }\r\n\r\n .yellow-A700 {\r\n color: unquote(\"rgb(#{$palette-yellow-A700})\") !important;\r\n }\r\n\r\n .bg-yellow-A700 {\r\n background-color: unquote(\"rgb(#{$palette-yellow-A700})\") !important;\r\n }\r\n\r\n // Amber\r\n\r\n .amber {\r\n color: unquote(\"rgb(#{$palette-amber-500})\") !important;\r\n }\r\n\r\n .bg-amber {\r\n background-color: unquote(\"rgb(#{$palette-amber-500})\") !important;\r\n }\r\n\r\n .amber-50 {\r\n color: unquote(\"rgb(#{$palette-amber-50})\") !important;\r\n }\r\n\r\n .bg-amber-50 {\r\n background-color: unquote(\"rgb(#{$palette-amber-50})\") !important;\r\n }\r\n\r\n .amber-100 {\r\n color: unquote(\"rgb(#{$palette-amber-100})\") !important;\r\n }\r\n\r\n .bg-amber-100 {\r\n background-color: unquote(\"rgb(#{$palette-amber-100})\") !important;\r\n }\r\n\r\n .amber-200 {\r\n color: unquote(\"rgb(#{$palette-amber-200})\") !important;\r\n }\r\n\r\n .bg-amber-200 {\r\n background-color: unquote(\"rgb(#{$palette-amber-200})\") !important;\r\n }\r\n\r\n .amber-300 {\r\n color: unquote(\"rgb(#{$palette-amber-300})\") !important;\r\n }\r\n\r\n .bg-amber-300 {\r\n background-color: unquote(\"rgb(#{$palette-amber-300})\") !important;\r\n }\r\n\r\n .amber-400 {\r\n color: unquote(\"rgb(#{$palette-amber-400})\") !important;\r\n }\r\n\r\n .bg-amber-400 {\r\n background-color: unquote(\"rgb(#{$palette-amber-400})\") !important;\r\n }\r\n\r\n .amber-500 {\r\n color: unquote(\"rgb(#{$palette-amber-500})\") !important;\r\n }\r\n\r\n .bg-amber-500 {\r\n background-color: unquote(\"rgb(#{$palette-amber-500})\") !important;\r\n }\r\n\r\n .amber-600 {\r\n color: unquote(\"rgb(#{$palette-amber-600})\") !important;\r\n }\r\n\r\n .bg-amber-600 {\r\n background-color: unquote(\"rgb(#{$palette-amber-600})\") !important;\r\n }\r\n\r\n .amber-700 {\r\n color: unquote(\"rgb(#{$palette-amber-700})\") !important;\r\n }\r\n\r\n .bg-amber-700 {\r\n background-color: unquote(\"rgb(#{$palette-amber-700})\") !important;\r\n }\r\n\r\n .amber-800 {\r\n color: unquote(\"rgb(#{$palette-amber-800})\") !important;\r\n }\r\n\r\n .bg-amber-800 {\r\n background-color: unquote(\"rgb(#{$palette-amber-800})\") !important;\r\n }\r\n\r\n .amber-900 {\r\n color: unquote(\"rgb(#{$palette-amber-900})\") !important;\r\n }\r\n\r\n .bg-amber-900 {\r\n background-color: unquote(\"rgb(#{$palette-amber-900})\") !important;\r\n }\r\n\r\n .amber-A100 {\r\n color: unquote(\"rgb(#{$palette-amber-A100})\") !important;\r\n }\r\n\r\n .bg-amber-A100 {\r\n background-color: unquote(\"rgb(#{$palette-amber-A100})\") !important;\r\n }\r\n\r\n .amber-A200 {\r\n color: unquote(\"rgb(#{$palette-amber-A200})\") !important;\r\n }\r\n\r\n .bg-amber-A200 {\r\n background-color: unquote(\"rgb(#{$palette-amber-A200})\") !important;\r\n }\r\n\r\n .amber-A400 {\r\n color: unquote(\"rgb(#{$palette-amber-A400})\") !important;\r\n }\r\n\r\n .bg-amber-A400 {\r\n background-color: unquote(\"rgb(#{$palette-amber-A400})\") !important;\r\n }\r\n\r\n .amber-A700 {\r\n color: unquote(\"rgb(#{$palette-amber-A700})\") !important;\r\n }\r\n\r\n .bg-amber-A700 {\r\n background-color: unquote(\"rgb(#{$palette-amber-A700})\") !important;\r\n }\r\n\r\n // Orange\r\n\r\n .orange {\r\n color: unquote(\"rgb(#{$palette-orange-500})\") !important;\r\n }\r\n\r\n .bg-orange {\r\n background-color: unquote(\"rgb(#{$palette-orange-500})\") !important;\r\n }\r\n\r\n .orange-50 {\r\n color: unquote(\"rgb(#{$palette-orange-50})\") !important;\r\n }\r\n\r\n .bg-orange-50 {\r\n background-color: unquote(\"rgb(#{$palette-orange-50})\") !important;\r\n }\r\n\r\n .orange-100 {\r\n color: unquote(\"rgb(#{$palette-orange-100})\") !important;\r\n }\r\n\r\n .bg-orange-100 {\r\n background-color: unquote(\"rgb(#{$palette-orange-100})\") !important;\r\n }\r\n\r\n .orange-200 {\r\n color: unquote(\"rgb(#{$palette-orange-200})\") !important;\r\n }\r\n\r\n .bg-orange-200 {\r\n background-color: unquote(\"rgb(#{$palette-orange-200})\") !important;\r\n }\r\n\r\n .orange-300 {\r\n color: unquote(\"rgb(#{$palette-orange-300})\") !important;\r\n }\r\n\r\n .bg-orange-300 {\r\n background-color: unquote(\"rgb(#{$palette-orange-300})\") !important;\r\n }\r\n\r\n .orange-400 {\r\n color: unquote(\"rgb(#{$palette-orange-400})\") !important;\r\n }\r\n\r\n .bg-orange-400 {\r\n background-color: unquote(\"rgb(#{$palette-orange-400})\") !important;\r\n }\r\n\r\n .orange-500 {\r\n color: unquote(\"rgb(#{$palette-orange-500})\") !important;\r\n }\r\n\r\n .bg-orange-500 {\r\n background-color: unquote(\"rgb(#{$palette-orange-500})\") !important;\r\n }\r\n\r\n .orange-600 {\r\n color: unquote(\"rgb(#{$palette-orange-600})\") !important;\r\n }\r\n\r\n .bg-orange-600 {\r\n background-color: unquote(\"rgb(#{$palette-orange-600})\") !important;\r\n }\r\n\r\n .orange-700 {\r\n color: unquote(\"rgb(#{$palette-orange-700})\") !important;\r\n }\r\n\r\n .bg-orange-700 {\r\n background-color: unquote(\"rgb(#{$palette-orange-700})\") !important;\r\n }\r\n\r\n .orange-800 {\r\n color: unquote(\"rgb(#{$palette-orange-800})\") !important;\r\n }\r\n\r\n .bg-orange-800 {\r\n background-color: unquote(\"rgb(#{$palette-orange-800})\") !important;\r\n }\r\n\r\n .orange-900 {\r\n color: unquote(\"rgb(#{$palette-orange-900})\") !important;\r\n }\r\n\r\n .bg-orange-900 {\r\n background-color: unquote(\"rgb(#{$palette-orange-900})\") !important;\r\n }\r\n\r\n .orange-A100 {\r\n color: unquote(\"rgb(#{$palette-orange-A100})\") !important;\r\n }\r\n\r\n .bg-orange-A100 {\r\n background-color: unquote(\"rgb(#{$palette-orange-A100})\") !important;\r\n }\r\n\r\n .orange-A200 {\r\n color: unquote(\"rgb(#{$palette-orange-A200})\") !important;\r\n }\r\n\r\n .bg-orange-A200 {\r\n background-color: unquote(\"rgb(#{$palette-orange-A200})\") !important;\r\n }\r\n\r\n .orange-A400 {\r\n color: unquote(\"rgb(#{$palette-orange-A400})\") !important;\r\n }\r\n\r\n .bg-orange-A400 {\r\n background-color: unquote(\"rgb(#{$palette-orange-A400})\") !important;\r\n }\r\n\r\n .orange-A700 {\r\n color: unquote(\"rgb(#{$palette-orange-A700})\") !important;\r\n }\r\n\r\n .bg-orange-A700 {\r\n background-color: unquote(\"rgb(#{$palette-orange-A700})\") !important;\r\n }\r\n\r\n // Deep Orange\r\n\r\n .deep-orange {\r\n color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\r\n }\r\n\r\n .bg-deep-orange {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\r\n }\r\n\r\n .deep-orange-50 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-50})\") !important;\r\n }\r\n\r\n .bg-deep-orange-50 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-50})\") !important;\r\n }\r\n\r\n .deep-orange-100 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-100})\") !important;\r\n }\r\n\r\n .bg-deep-orange-100 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-100})\") !important;\r\n }\r\n\r\n .deep-orange-200 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-200})\") !important;\r\n }\r\n\r\n .bg-deep-orange-200 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-200})\") !important;\r\n }\r\n\r\n .deep-orange-300 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-300})\") !important;\r\n }\r\n\r\n .bg-deep-orange-300 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-300})\") !important;\r\n }\r\n\r\n .deep-orange-400 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-400})\") !important;\r\n }\r\n\r\n .bg-deep-orange-400 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-400})\") !important;\r\n }\r\n\r\n .deep-orange-500 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\r\n }\r\n\r\n .bg-deep-orange-500 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\r\n }\r\n\r\n .deep-orange-600 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-600})\") !important;\r\n }\r\n\r\n .bg-deep-orange-600 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-600})\") !important;\r\n }\r\n\r\n .deep-orange-700 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-700})\") !important;\r\n }\r\n\r\n .bg-deep-orange-700 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-700})\") !important;\r\n }\r\n\r\n .deep-orange-800 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-800})\") !important;\r\n }\r\n\r\n .bg-deep-orange-800 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-800})\") !important;\r\n }\r\n\r\n .deep-orange-900 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-900})\") !important;\r\n }\r\n\r\n .bg-deep-orange-900 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-900})\") !important;\r\n }\r\n\r\n .deep-orange-A100 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-A100})\") !important;\r\n }\r\n\r\n .bg-deep-orange-A100 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-A100})\") !important;\r\n }\r\n\r\n .deep-orange-A200 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-A200})\") !important;\r\n }\r\n\r\n .bg-deep-orange-A200 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-A200})\") !important;\r\n }\r\n\r\n .deep-orange-A400 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-A400})\") !important;\r\n }\r\n\r\n .bg-deep-orange-A400 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-A400})\") !important;\r\n }\r\n\r\n .deep-orange-A700 {\r\n color: unquote(\"rgb(#{$palette-deep-orange-A700})\") !important;\r\n }\r\n\r\n .bg-deep-orange-A700 {\r\n background-color: unquote(\"rgb(#{$palette-deep-orange-A700})\") !important;\r\n }\r\n\r\n // Brown\r\n\r\n .brown {\r\n color: unquote(\"rgb(#{$palette-brown-500})\") !important;\r\n }\r\n\r\n .bg-brown {\r\n background-color: unquote(\"rgb(#{$palette-brown-500})\") !important;\r\n }\r\n\r\n .brown-50 {\r\n color: unquote(\"rgb(#{$palette-brown-50})\") !important;\r\n }\r\n\r\n .bg-brown-50 {\r\n background-color: unquote(\"rgb(#{$palette-brown-50})\") !important;\r\n }\r\n\r\n .brown-100 {\r\n color: unquote(\"rgb(#{$palette-brown-100})\") !important;\r\n }\r\n\r\n .bg-brown-100 {\r\n background-color: unquote(\"rgb(#{$palette-brown-100})\") !important;\r\n }\r\n\r\n .brown-200 {\r\n color: unquote(\"rgb(#{$palette-brown-200})\") !important;\r\n }\r\n\r\n .bg-brown-200 {\r\n background-color: unquote(\"rgb(#{$palette-brown-200})\") !important;\r\n }\r\n\r\n .brown-300 {\r\n color: unquote(\"rgb(#{$palette-brown-300})\") !important;\r\n }\r\n\r\n .bg-brown-300 {\r\n background-color: unquote(\"rgb(#{$palette-brown-300})\") !important;\r\n }\r\n\r\n .brown-400 {\r\n color: unquote(\"rgb(#{$palette-brown-400})\") !important;\r\n }\r\n\r\n .bg-brown-400 {\r\n background-color: unquote(\"rgb(#{$palette-brown-400})\") !important;\r\n }\r\n\r\n .brown-500 {\r\n color: unquote(\"rgb(#{$palette-brown-500})\") !important;\r\n }\r\n\r\n .bg-brown-500 {\r\n background-color: unquote(\"rgb(#{$palette-brown-500})\") !important;\r\n }\r\n\r\n .brown-600 {\r\n color: unquote(\"rgb(#{$palette-brown-600})\") !important;\r\n }\r\n\r\n .bg-brown-600 {\r\n background-color: unquote(\"rgb(#{$palette-brown-600})\") !important;\r\n }\r\n\r\n .brown-700 {\r\n color: unquote(\"rgb(#{$palette-brown-700})\") !important;\r\n }\r\n\r\n .bg-brown-700 {\r\n background-color: unquote(\"rgb(#{$palette-brown-700})\") !important;\r\n }\r\n\r\n .brown-800 {\r\n color: unquote(\"rgb(#{$palette-brown-800})\") !important;\r\n }\r\n\r\n .bg-brown-800 {\r\n background-color: unquote(\"rgb(#{$palette-brown-800})\") !important;\r\n }\r\n\r\n .brown-900 {\r\n color: unquote(\"rgb(#{$palette-brown-900})\") !important;\r\n }\r\n\r\n .bg-brown-900 {\r\n background-color: unquote(\"rgb(#{$palette-brown-900})\") !important;\r\n }\r\n\r\n // Grey\r\n\r\n .grey {\r\n color: unquote(\"rgb(#{$palette-grey-500})\") !important;\r\n }\r\n\r\n .bg-grey {\r\n background-color: unquote(\"rgb(#{$palette-grey-500})\") !important;\r\n }\r\n\r\n .grey-50 {\r\n color: unquote(\"rgb(#{$palette-grey-50})\") !important;\r\n }\r\n\r\n .bg-grey-50 {\r\n background-color: unquote(\"rgb(#{$palette-grey-50})\") !important;\r\n }\r\n\r\n .grey-100 {\r\n color: unquote(\"rgb(#{$palette-grey-100})\") !important;\r\n }\r\n\r\n .bg-grey-100 {\r\n background-color: unquote(\"rgb(#{$palette-grey-100})\") !important;\r\n }\r\n\r\n .grey-200 {\r\n color: unquote(\"rgb(#{$palette-grey-200})\") !important;\r\n }\r\n\r\n .bg-grey-200 {\r\n background-color: unquote(\"rgb(#{$palette-grey-200})\") !important;\r\n }\r\n\r\n .grey-300 {\r\n color: unquote(\"rgb(#{$palette-grey-300})\") !important;\r\n }\r\n\r\n .bg-grey-300 {\r\n background-color: unquote(\"rgb(#{$palette-grey-300})\") !important;\r\n }\r\n\r\n .grey-400 {\r\n color: unquote(\"rgb(#{$palette-grey-400})\") !important;\r\n }\r\n\r\n .bg-grey-400 {\r\n background-color: unquote(\"rgb(#{$palette-grey-400})\") !important;\r\n }\r\n\r\n .grey-500 {\r\n color: unquote(\"rgb(#{$palette-grey-500})\") !important;\r\n }\r\n\r\n .bg-grey-500 {\r\n background-color: unquote(\"rgb(#{$palette-grey-500})\") !important;\r\n }\r\n\r\n .grey-600 {\r\n color: unquote(\"rgb(#{$palette-grey-600})\") !important;\r\n }\r\n\r\n .bg-grey-600 {\r\n background-color: unquote(\"rgb(#{$palette-grey-600})\") !important;\r\n }\r\n\r\n .grey-700 {\r\n color: unquote(\"rgb(#{$palette-grey-700})\") !important;\r\n }\r\n\r\n .bg-grey-700 {\r\n background-color: unquote(\"rgb(#{$palette-grey-700})\") !important;\r\n }\r\n\r\n .grey-800 {\r\n color: unquote(\"rgb(#{$palette-grey-800})\") !important;\r\n }\r\n\r\n .bg-grey-800 {\r\n background-color: unquote(\"rgb(#{$palette-grey-800})\") !important;\r\n }\r\n\r\n .grey-900 {\r\n color: unquote(\"rgb(#{$palette-grey-900})\") !important;\r\n }\r\n\r\n .bg-grey-900 {\r\n background-color: unquote(\"rgb(#{$palette-grey-900})\") !important;\r\n }\r\n\r\n // Blue Grey\r\n\r\n .blue-grey {\r\n color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\r\n }\r\n\r\n .bg-blue-grey {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\r\n }\r\n\r\n .blue-grey-50 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-50})\") !important;\r\n }\r\n\r\n .bg-blue-grey-50 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-50})\") !important;\r\n }\r\n\r\n .blue-grey-100 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-100})\") !important;\r\n }\r\n\r\n .bg-blue-grey-100 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-100})\") !important;\r\n }\r\n\r\n .blue-grey-200 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-200})\") !important;\r\n }\r\n\r\n .bg-blue-grey-200 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-200})\") !important;\r\n }\r\n\r\n .blue-grey-300 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-300})\") !important;\r\n }\r\n\r\n .bg-blue-grey-300 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-300})\") !important;\r\n }\r\n\r\n .blue-grey-400 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-400})\") !important;\r\n }\r\n\r\n .bg-blue-grey-400 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-400})\") !important;\r\n }\r\n\r\n .blue-grey-500 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\r\n }\r\n\r\n .bg-blue-grey-500 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\r\n }\r\n\r\n .blue-grey-600 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-600})\") !important;\r\n }\r\n\r\n .bg-blue-grey-600 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-600})\") !important;\r\n }\r\n\r\n .blue-grey-700 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-700})\") !important;\r\n }\r\n\r\n .bg-blue-grey-700 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-700})\") !important;\r\n }\r\n\r\n .blue-grey-800 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-800})\") !important;\r\n }\r\n\r\n .bg-blue-grey-800 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-800})\") !important;\r\n }\r\n\r\n .blue-grey-900 {\r\n color: unquote(\"rgb(#{$palette-blue-grey-900})\") !important;\r\n }\r\n\r\n .bg-blue-grey-900 {\r\n background-color: unquote(\"rgb(#{$palette-blue-grey-900})\") !important;\r\n }\r\n\r\n\r\n\r\n //用友UE定制色系\r\n\r\n\r\n .u-red {\r\n color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\r\n }\r\n\r\n .u-bg-red {\r\n background-color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\r\n }\r\n .u-red-100 {\r\n color: unquote(\"rgb(#{$palette-u-red-100})\") !important;\r\n }\r\n\r\n .u-bg-red-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-100})\") !important;\r\n }\r\n .u-red-200 {\r\n color: unquote(\"rgb(#{$palette-u-red-200})\") !important;\r\n }\r\n\r\n .u-bg-red-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-200})\") !important;\r\n }\r\n .u-red-300 {\r\n color: unquote(\"rgb(#{$palette-u-red-300})\") !important;\r\n }\r\n\r\n .u-bg-red-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-300})\") !important;\r\n }\r\n .u-red-400 {\r\n color: unquote(\"rgb(#{$palette-u-red-400})\") !important;\r\n }\r\n\r\n .u-bg-red-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-400})\") !important;\r\n }\r\n .u-red-500 {\r\n color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\r\n }\r\n\r\n .u-bg-red-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\r\n }\r\n .u-red-600 {\r\n color: unquote(\"rgb(#{$palette-u-red-600})\") !important;\r\n }\r\n\r\n .u-bg-red-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-600})\") !important;\r\n }\r\n .u-red-700 {\r\n color: unquote(\"rgb(#{$palette-u-red-700})\") !important;\r\n }\r\n\r\n .u-bg-red-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-700})\") !important;\r\n }\r\n .u-red-800 {\r\n color: unquote(\"rgb(#{$palette-u-red-800})\") !important;\r\n }\r\n\r\n .u-bg-red-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-800})\") !important;\r\n }\r\n .u-red-900 {\r\n color: unquote(\"rgb(#{$palette-u-red-900})\") !important;\r\n }\r\n\r\n .u-bg-red-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-red-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n .u-orange {\r\n color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\r\n }\r\n\r\n .u-bg-orange {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\r\n }\r\n .u-orange-100 {\r\n color: unquote(\"rgb(#{$palette-u-orange-100})\") !important;\r\n }\r\n\r\n .u-bg-orange-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-100})\") !important;\r\n }\r\n .u-orange-200 {\r\n color: unquote(\"rgb(#{$palette-u-orange-200})\") !important;\r\n }\r\n\r\n .u-bg-orange-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-200})\") !important;\r\n }\r\n .u-orange-300 {\r\n color: unquote(\"rgb(#{$palette-u-orange-300})\") !important;\r\n }\r\n\r\n .u-bg-orange-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-300})\") !important;\r\n }\r\n .u-orange-400 {\r\n color: unquote(\"rgb(#{$palette-u-orange-400})\") !important;\r\n }\r\n\r\n .u-bg-orange-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-400})\") !important;\r\n }\r\n .u-orange-500 {\r\n color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\r\n }\r\n\r\n .u-bg-orange-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\r\n }\r\n .u-orange-600 {\r\n color: unquote(\"rgb(#{$palette-u-orange-600})\") !important;\r\n }\r\n\r\n .u-bg-orange-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-600})\") !important;\r\n }\r\n .u-orange-700 {\r\n color: unquote(\"rgb(#{$palette-u-orange-700})\") !important;\r\n }\r\n\r\n .u-bg-orange-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-700})\") !important;\r\n }\r\n .u-orange-800 {\r\n color: unquote(\"rgb(#{$palette-u-orange-800})\") !important;\r\n }\r\n\r\n .u-bg-orange-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-800})\") !important;\r\n }\r\n .u-orange-900 {\r\n color: unquote(\"rgb(#{$palette-u-orange-900})\") !important;\r\n }\r\n\r\n .u-bg-orange-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-orange-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n .u-yellow {\r\n color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\r\n }\r\n\r\n .u-bg-yellow {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\r\n }\r\n .u-yellow-100 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-100})\") !important;\r\n }\r\n\r\n .u-bg-yellow-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-100})\") !important;\r\n }\r\n .u-yellow-200 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-200})\") !important;\r\n }\r\n\r\n .u-bg-yellow-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-200})\") !important;\r\n }\r\n .u-yellow-300 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-300})\") !important;\r\n }\r\n\r\n .u-bg-yellow-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-300})\") !important;\r\n }\r\n .u-yellow-400 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-400})\") !important;\r\n }\r\n\r\n .u-bg-yellow-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-400})\") !important;\r\n }\r\n .u-yellow-500 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\r\n }\r\n\r\n .u-bg-yellow-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\r\n }\r\n .u-yellow-600 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-600})\") !important;\r\n }\r\n\r\n .u-bg-yellow-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-600})\") !important;\r\n }\r\n .u-yellow-700 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-700})\") !important;\r\n }\r\n\r\n .u-bg-yellow-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-700})\") !important;\r\n }\r\n .u-yellow-800 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-800})\") !important;\r\n }\r\n\r\n .u-bg-yellow-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-800})\") !important;\r\n }\r\n .u-yellow-900 {\r\n color: unquote(\"rgb(#{$palette-u-yellow-900})\") !important;\r\n }\r\n\r\n .u-bg-yellow-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-yellow-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n .u-green {\r\n color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\r\n }\r\n\r\n .u-bg-green {\r\n background-color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\r\n }\r\n .u-green-100 {\r\n color: unquote(\"rgb(#{$palette-u-green-100})\") !important;\r\n }\r\n\r\n .u-bg-green-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-100})\") !important;\r\n }\r\n .u-green-200 {\r\n color: unquote(\"rgb(#{$palette-u-green-200})\") !important;\r\n }\r\n\r\n .u-bg-green-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-200})\") !important;\r\n }\r\n .u-green-300 {\r\n color: unquote(\"rgb(#{$palette-u-green-300})\") !important;\r\n }\r\n\r\n .u-bg-green-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-300})\") !important;\r\n }\r\n .u-green-400 {\r\n color: unquote(\"rgb(#{$palette-u-green-400})\") !important;\r\n }\r\n\r\n .u-bg-green-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-400})\") !important;\r\n }\r\n .u-green-500 {\r\n color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\r\n }\r\n\r\n .u-bg-green-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\r\n }\r\n .u-green-600 {\r\n color: unquote(\"rgb(#{$palette-u-green-600})\") !important;\r\n }\r\n\r\n .u-bg-green-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-600})\") !important;\r\n }\r\n .u-green-700 {\r\n color: unquote(\"rgb(#{$palette-u-green-700})\") !important;\r\n }\r\n\r\n .u-bg-green-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-700})\") !important;\r\n }\r\n .u-green-800 {\r\n color: unquote(\"rgb(#{$palette-u-green-800})\") !important;\r\n }\r\n\r\n .u-bg-green-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-800})\") !important;\r\n }\r\n .u-green-900 {\r\n color: unquote(\"rgb(#{$palette-u-green-900})\") !important;\r\n }\r\n\r\n .u-bg-green-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-green-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n .u-blue {\r\n color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\r\n }\r\n\r\n .u-bg-blue {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\r\n }\r\n .u-blue-100 {\r\n color: unquote(\"rgb(#{$palette-u-blue-100})\") !important;\r\n }\r\n\r\n .u-bg-blue-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-100})\") !important;\r\n }\r\n .u-blue-200 {\r\n color: unquote(\"rgb(#{$palette-u-blue-200})\") !important;\r\n }\r\n\r\n .u-bg-blue-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-200})\") !important;\r\n }\r\n .u-blue-300 {\r\n color: unquote(\"rgb(#{$palette-u-blue-300})\") !important;\r\n }\r\n\r\n .u-bg-blue-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-300})\") !important;\r\n }\r\n .u-blue-400 {\r\n color: unquote(\"rgb(#{$palette-u-blue-400})\") !important;\r\n }\r\n\r\n .u-bg-blue-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-400})\") !important;\r\n }\r\n .u-blue-500 {\r\n color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\r\n }\r\n\r\n .u-bg-blue-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\r\n }\r\n .u-blue-600 {\r\n color: unquote(\"rgb(#{$palette-u-blue-600})\") !important;\r\n }\r\n\r\n .u-bg-blue-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-600})\") !important;\r\n }\r\n .u-blue-700 {\r\n color: unquote(\"rgb(#{$palette-u-blue-700})\") !important;\r\n }\r\n\r\n .u-bg-blue-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-700})\") !important;\r\n }\r\n .u-blue-800 {\r\n color: unquote(\"rgb(#{$palette-u-blue-800})\") !important;\r\n }\r\n\r\n .u-bg-blue-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-800})\") !important;\r\n }\r\n .u-blue-900 {\r\n color: unquote(\"rgb(#{$palette-u-blue-900})\") !important;\r\n }\r\n\r\n .u-bg-blue-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-blue-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n .u-cyan {\r\n color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\r\n }\r\n\r\n .u-bg-cyan {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\r\n }\r\n .u-cyan-100 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-100})\") !important;\r\n }\r\n\r\n .u-bg-cyan-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-100})\") !important;\r\n }\r\n .u-cyan-200 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-200})\") !important;\r\n }\r\n\r\n .u-bg-cyan-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-200})\") !important;\r\n }\r\n .u-cyan-300 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-300})\") !important;\r\n }\r\n\r\n .u-bg-cyan-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-300})\") !important;\r\n }\r\n .u-cyan-400 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-400})\") !important;\r\n }\r\n\r\n .u-bg-cyan-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-400})\") !important;\r\n }\r\n .u-cyan-500 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\r\n }\r\n\r\n .u-bg-cyan-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\r\n }\r\n .u-cyan-600 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-600})\") !important;\r\n }\r\n\r\n .u-bg-cyan-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-600})\") !important;\r\n }\r\n .u-cyan-700 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-700})\") !important;\r\n }\r\n\r\n .u-bg-cyan-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-700})\") !important;\r\n }\r\n .u-cyan-800 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-800})\") !important;\r\n }\r\n\r\n .u-bg-cyan-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-800})\") !important;\r\n }\r\n .u-cyan-900 {\r\n color: unquote(\"rgb(#{$palette-u-cyan-900})\") !important;\r\n }\r\n\r\n .u-bg-cyan-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-cyan-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n .u-purple {\r\n color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\r\n }\r\n\r\n .u-bg-purple {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\r\n }\r\n .u-purple-100 {\r\n color: unquote(\"rgb(#{$palette-u-purple-100})\") !important;\r\n }\r\n\r\n .u-bg-purple-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-100})\") !important;\r\n }\r\n .u-purple-200 {\r\n color: unquote(\"rgb(#{$palette-u-purple-200})\") !important;\r\n }\r\n\r\n .u-bg-purple-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-200})\") !important;\r\n }\r\n .u-purple-300 {\r\n color: unquote(\"rgb(#{$palette-u-purple-300})\") !important;\r\n }\r\n\r\n .u-bg-purple-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-300})\") !important;\r\n }\r\n .u-purple-400 {\r\n color: unquote(\"rgb(#{$palette-u-purple-400})\") !important;\r\n }\r\n\r\n .u-bg-purple-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-400})\") !important;\r\n }\r\n .u-purple-500 {\r\n color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\r\n }\r\n\r\n .u-bg-purple-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\r\n }\r\n .u-purple-600 {\r\n color: unquote(\"rgb(#{$palette-u-purple-600})\") !important;\r\n }\r\n\r\n .u-bg-purple-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-600})\") !important;\r\n }\r\n .u-purple-700 {\r\n color: unquote(\"rgb(#{$palette-u-purple-700})\") !important;\r\n }\r\n\r\n .u-bg-purple-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-700})\") !important;\r\n }\r\n .u-purple-800 {\r\n color: unquote(\"rgb(#{$palette-u-purple-800})\") !important;\r\n }\r\n\r\n .u-bg-purple-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-800})\") !important;\r\n }\r\n .u-purple-900 {\r\n color: unquote(\"rgb(#{$palette-u-purple-900})\") !important;\r\n }\r\n\r\n .u-bg-purple-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-purple-900})\") !important;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n .u-gray {\r\n color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\r\n }\r\n\r\n .u-bg-gray {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\r\n }\r\n\r\n .u-gray-50 {\r\n color: unquote(\"rgb(#{$palette-u-gray-50})\") !important;\r\n }\r\n\r\n .u-bg-gray-50 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-50})\") !important;\r\n }\r\n .u-gray-100 {\r\n color: unquote(\"rgb(#{$palette-u-gray-100})\") !important;\r\n }\r\n\r\n .u-bg-gray-100 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-100})\") !important;\r\n }\r\n .u-gray-200 {\r\n color: unquote(\"rgb(#{$palette-u-gray-200})\") !important;\r\n }\r\n\r\n .u-bg-gray-200 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-200})\") !important;\r\n }\r\n .u-gray-300 {\r\n color: unquote(\"rgb(#{$palette-u-gray-300})\") !important;\r\n }\r\n\r\n .u-bg-gray-300 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-300})\") !important;\r\n }\r\n .u-gray-400 {\r\n color: unquote(\"rgb(#{$palette-u-gray-400})\") !important;\r\n }\r\n\r\n .u-bg-gray-400 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-400})\") !important;\r\n }\r\n .u-gray-500 {\r\n color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\r\n }\r\n\r\n .u-bg-gray-500 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\r\n }\r\n .u-gray-600 {\r\n color: unquote(\"rgb(#{$palette-u-gray-600})\") !important;\r\n }\r\n\r\n .u-bg-gray-600 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-600})\") !important;\r\n }\r\n .u-gray-700 {\r\n color: unquote(\"rgb(#{$palette-u-gray-700})\") !important;\r\n }\r\n\r\n .u-bg-gray-700 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-700})\") !important;\r\n }\r\n .u-gray-800 {\r\n color: unquote(\"rgb(#{$palette-u-gray-800})\") !important;\r\n }\r\n\r\n .u-bg-gray-800 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-800})\") !important;\r\n }\r\n .u-gray-900 {\r\n color: unquote(\"rgb(#{$palette-u-gray-900})\") !important;\r\n }\r\n .u-bg-gray-900 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-900})\") !important;\r\n }\r\n .u-bg-gray-A100 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-A100})\") !important;\r\n }\r\n .u-gray-A100 {\r\n color: unquote(\"rgb(#{$palette-u-gray-A100})\") !important;\r\n }\r\n .u-bg-gray-A200 {\r\n background-color: unquote(\"rgb(#{$palette-u-gray-A200})\") !important;\r\n } .u-gray-A200 {\r\n color: unquote(\"rgb(#{$palette-u-gray-A200})\") !important;\r\n }\r\n\r\n\r\n // Black\r\n\r\n .bg-black {\r\n background-color: unquote(\"rgb(#{$color-black})\") !important;\r\n }\r\n\r\n .black {\r\n color: unquote(\"rgb(#{$color-black})\") !important;\r\n }\r\n\r\n // White\r\n\r\n .bg-white {\r\n background-color: unquote(\"rgb(#{$color-white})\") !important;\r\n }\r\n\r\n .white {\r\n color: unquote(\"rgb(#{$color-white})\") !important;\r\n }\r\n}\r\n\r\n// Primary and accent\r\n\r\n.bg-primary {\r\n background-color: unquote(\"rgb(#{$primary-color})\") !important;\r\n}\r\n\r\n.bg-primary-contrast {\r\n background-color: unquote(\"rgb(#{$color-primary-contrast})\") !important;\r\n}\r\n\r\n.bg-primary-dark {\r\n background-color: unquote(\"rgb(#{$primary-color-dark})\") !important;\r\n}\r\n\r\n.bg-accent {\r\n background-color: unquote(\"rgb(#{$color-accent})\") !important;\r\n}\r\n\r\n.bg-accent-contrast {\r\n background-color: unquote(\"rgb(#{$color-accent-contrast})\") !important;\r\n}\r\n\r\n.text-primary {\r\n color: unquote(\"rgb(#{$primary-color})\") !important;\r\n}\r\n\r\n.text-primary-contrast {\r\n color: unquote(\"rgb(#{$color-primary-contrast})\") !important;\r\n}\r\n\r\n.text-primary-dark {\r\n color: unquote(\"rgb(#{$primary-color-dark})\") !important;\r\n}\r\n\r\n.text-accent {\r\n color: unquote(\"rgb(#{$color-accent})\") !important;\r\n}\r\n\r\n.text-accent-contrast {\r\n color: unquote(\"rgb(#{$color-accent-contrast})\") !important;\r\n}\r\n","/*\r\n * 保护有用的浏览器默认样式而不是完全去掉它们\r\n * 一般化的样式:为大部分HTML元素提供\r\n * 修复浏览器自身的bug并保证各浏览器的一致性\r\n * 优化CSS可用性:用一些小技巧\r\n * 解释代码:用注释和详细的文档来\r\n*/\r\n\r\n\r\n//使html占用整个屏幕然后设置触摸操作,以避免触摸延迟在移动IE\r\n//2、在IE和iOS中,在方向更改后,防止调整字体大小。\r\n\r\nhtml {\r\n width: 100%;\r\n height: 100%;\r\n -ms-touch-action: manipulation;\r\n touch-action: manipulation;\r\n -ms-text-size-adjust: 100%; // 2\r\n -webkit-text-size-adjust: 100%; // 2\r\n}\r\n\r\n/*\r\n* 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。\r\n* 去掉默认的margin\r\n*/\r\n\r\n\r\nbody {\r\n margin: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n\r\n/*\r\n * 主显示屏复位为IE支持\r\n * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011\r\n */\r\nmain {\r\n display: block;\r\n}\r\n\r\n/*\r\n* 对具有hidden属性的元素不应用显示。\r\n* IE 9 and 10 support.\r\n*/\r\n*[hidden] {\r\n display: none !important;\r\n}\r\n\r\n*, :after, :before {\r\n box-sizing: border-box;\r\n}\r\n\r\n// HTML5 display definitions\r\n// ==========================================================================\r\n\r\n//\r\n// Add the correct display in IE 9-.\r\n// 1. Add the correct display in Edge, IE, and Firefox.\r\n// 2. Add the correct display in IE.\r\n//\r\n\r\narticle,\r\naside,\r\ndetails, // 1\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nmain, // 2\r\nmenu,\r\nnav,\r\nsection,\r\nsummary { // 1\r\n display: block;\r\n}\r\n\r\n//\r\n// Add the correct display in IE 9-.\r\n//\r\n\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n display: inline-block;\r\n}\r\n\r\n//\r\n// Add the correct display in iOS 4-7.\r\n//\r\n\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n//\r\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n//\r\n\r\nprogress {\r\n vertical-align: baseline;\r\n}\r\n\r\n//\r\n// Add the correct display in IE 10-.\r\n// 1. Add the correct display in IE.\r\n//\r\n\r\ntemplate, // 2\r\n[hidden] {\r\n display: none;\r\n}\r\n\r\n// Links\r\n// ==========================================================================\r\n\r\n//\r\n// Remove the gray background on active links in IE 10.\r\n//\r\n\r\na {\r\n background-color: transparent;\r\n}\r\n\r\n//\r\n// Remove the outline on focused links when they are also active or hovered\r\n// in all browsers (opinionated).\r\n//\r\n\r\na:active,\r\na:hover {\r\n outline-width: 0;\r\n}\r\n\r\n// Text-level semantics\r\n// ==========================================================================\r\n\r\n//\r\n// 1. Remove the bottom border in Firefox 39-.\r\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n//\r\n\r\nabbr[title] {\r\n border-bottom: none; // 1\r\n text-decoration: underline; // 2\r\n text-decoration: underline dotted; // 2\r\n}\r\n\r\n//\r\n// Prevent the duplicate application of `bolder` by the next rule in Safari 6.\r\n//\r\n\r\nb,\r\nstrong {\r\n font-weight: inherit;\r\n}\r\n\r\n//\r\n// Add the correct font weight in Chrome, Edge, and Safari.\r\n//\r\n\r\nb,\r\nstrong {\r\n font-weight: bolder;\r\n}\r\n\r\n//\r\n// Add the correct font style in Android 4.3-.\r\n//\r\n\r\ndfn {\r\n font-style: italic;\r\n}\r\n\r\n//\r\n// Correct the font size and margin on `h1` elements within `section` and\r\n// `article` contexts in Chrome, Firefox, and Safari.\r\n//\r\n\r\nh1 {\r\n font-size: 2em;\r\n margin: 0.67em 0;\r\n}\r\n\r\n//\r\n// Add the correct background and color in IE 9-.\r\n//\r\n\r\nmark {\r\n background-color: #ff0;\r\n color: #000;\r\n}\r\n\r\n//\r\n// Add the correct font size in all browsers.\r\n//\r\n\r\nsmall {\r\n font-size: 80%;\r\n}\r\n\r\n//\r\n// Prevent `sub` and `sup` elements from affecting the line height in\r\n// all browsers.\r\n//\r\n\r\nsub,\r\nsup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline;\r\n}\r\n\r\nsub {\r\n bottom: -0.25em;\r\n}\r\n\r\nsup {\r\n top: -0.5em;\r\n}\r\n\r\n// Embedded content\r\n// ==========================================================================\r\n\r\n//\r\n// Remove the border on images inside links in IE 10-.\r\n//\r\n\r\nimg {\r\n border-style: none;\r\n}\r\n\r\n//\r\n// Hide the overflow in IE.\r\n//\r\n\r\nsvg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\n// Grouping content\r\n// ==========================================================================\r\n\r\n//\r\n// 1. Correct the inheritance and scaling of font size in all browsers.\r\n// 2. Correct the odd `em` font sizing in all browsers.\r\n//\r\n\r\ncode,\r\nkbd,\r\npre,\r\nsamp {\r\n font-family: monospace, monospace; // 1\r\n font-size: 1em; // 2\r\n}\r\n\r\n//\r\n// Add the correct margin in IE 8.\r\n//\r\n\r\nfigure {\r\n margin: 1em 40px;\r\n}\r\n\r\n//\r\n// 1. Add the correct box sizing in Firefox.\r\n// 2. Show the overflow in Edge and IE.\r\n//\r\n\r\nhr {\r\n box-sizing: content-box; // 1\r\n height: 0; // 1\r\n overflow: visible; // 2\r\n}\r\n\r\n// Forms\r\n// ==========================================================================\r\n\r\n//\r\n// Change font properties to `inherit` in all browsers (opinionated).\r\n//\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea {\r\n font: inherit;\r\n}\r\n\r\n//\r\n// Restore the font weight unset by the previous rule.\r\n//\r\n\r\noptgroup {\r\n font-weight: bold;\r\n}\r\n\r\n//\r\n// Show the overflow in IE.\r\n// 1. Show the overflow in Edge.\r\n// 2. Show the overflow in Edge, Firefox, and IE.\r\n//\r\n\r\nbutton,\r\ninput, // 1\r\nselect { // 2\r\n overflow: visible;\r\n}\r\n\r\n//\r\n// Remove the margin in Safari.\r\n// 1. Remove the margin in Firefox and Safari.\r\n//\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea { // 1\r\n margin: 0;\r\n}\r\n\r\n//\r\n// Remove the inheritence of text transform in Edge, Firefox, and IE.\r\n// 1. Remove the inheritence of text transform in Firefox.\r\n//\r\n\r\nbutton,\r\nselect { // 1\r\n text-transform: none;\r\n}\r\n\r\n//\r\n// Change the cursor in all browsers (opinionated).\r\n//\r\n\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n cursor: pointer;\r\n}\r\n\r\n//\r\n// Restore the default cursor to disabled elements unset by the previous rule.\r\n//\r\n\r\n[disabled] {\r\n cursor: default;\r\n}\r\n\r\n//\r\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n// controls in Android 4.\r\n// 2. Correct the inability to style clickable types in iOS.\r\n//\r\n\r\nbutton,\r\nhtml [type=\"button\"], // 1\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button; // 2\r\n}\r\n\r\n//\r\n// Remove the inner border and padding in Firefox.\r\n//\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\n//\r\n// Restore the focus styles unset by the previous rule.\r\n//\r\n\r\nbutton:-moz-focusring,\r\ninput:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n}\r\n\r\n//\r\n// Change the border, margin, and padding in all browsers (opinionated).\r\n//\r\n\r\nfieldset {\r\n border: 1px solid #c0c0c0;\r\n margin: 0 2px;\r\n padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n//\r\n// 1. Correct the text wrapping in Edge and IE.\r\n// 2. Correct the color inheritance from `fieldset` elements in IE.\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers.\r\n//\r\n\r\nlegend {\r\n box-sizing: border-box; // 1\r\n color: inherit; // 2\r\n display: table; // 1\r\n max-width: 100%; // 1\r\n padding: 0; // 3\r\n white-space: normal; // 1\r\n}\r\n\r\n//\r\n// Remove the default vertical scrollbar in IE.\r\n//\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\n//\r\n// 1. Add the correct box sizing in IE 10-.\r\n// 2. Remove the padding in IE 10-.\r\n//\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n box-sizing: border-box; // 1\r\n padding: 0; // 2\r\n}\r\n\r\n//\r\n// Correct the cursor style of increment and decrement buttons in Chrome.\r\n//\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n//\r\n// Correct the odd appearance of search inputs in Chrome and Safari.\r\n//\r\n\r\n[type=\"search\"] {\r\n -webkit-appearance: textfield;\r\n}\r\n\r\n//\r\n// Remove the inner padding and cancel buttons in Chrome on OS X and\r\n// Safari on OS X.\r\n//\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n","\r\n@import \"minxin-colors\";\r\n\r\n@import \"minxin-variables\";\r\n\r\n//主要颜色,次要颜色值与ui中保持一致\r\n@import \"minxin-themeColors\";\r\n\r\nhtml{\r\n font-size: 10px;\r\n}\r\n\r\nbody {\r\n font-family: $preferred-font;\r\n font-color:$font-color;\r\n font-size: 1.4rem;\r\n line-height: 1.4;\r\n}\r\n\r\n\r\n//图标 左右内间距为5px;\r\ni.uf{\r\n padding: 0 5px;\r\n}\r\n\r\n\r\n/*\r\n * 选择时删除文本阴影,及设置默认选中颜色\r\n */\r\n\r\n::selection {\r\n background: $global-selected-color;\r\n text-shadow: none;\r\n}\r\n\r\n/*\r\n * 默认水平规则\r\n */\r\n\r\nhr {\r\n display: block;\r\n height: 1px;\r\n border: 0;\r\n border-top: 1px solid #ccc;\r\n margin: 1em 0;\r\n padding: 0;\r\n}\r\n\r\n/*\r\n * 删除音频,画布,iframes,图像,视频和其容器底部之间的差距\r\n */\r\n\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n vertical-align: middle;\r\n}\r\n\r\n\r\n\r\n/*\r\n * 仅允许垂直调整textareas的大小\r\n */\r\n\r\ntextarea {\r\n resize: vertical;\r\n}\r\n\r\n/* ==========================================================================\r\n 浏览器升级提示\r\n ========================================================================== */\r\n\r\n.browserupgrade {\r\n margin: 0.2em 0;\r\n background: #ccc;\r\n color: #000;\r\n padding: 0.2em 0;\r\n}\r\n\r\n\r\n\r\n/*\r\n * 适用于屏幕阅读器的隐藏\r\n */\r\n\r\n.visuallyhidden {\r\n border: 0;\r\n clip: rect(0 0 0 0);\r\n height: 1px;\r\n margin: -1px;\r\n overflow: hidden;\r\n padding: 0;\r\n position: absolute;\r\n width: 1px;\r\n}\r\n\r\n/*\r\n * 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的:\r\n * https://www.drupal.org/node/897638\r\n */\r\n\r\n.visuallyhidden.focusable:active,\r\n.visuallyhidden.focusable:focus {\r\n clip: auto;\r\n height: auto;\r\n margin: 0;\r\n overflow: visible;\r\n position: static;\r\n width: auto;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n/* ==========================================================================\r\n 打印样式。内联以避免额外的HTTP请求\r\n\r\n ========================================================================== */\r\n\r\n@media print {\r\n *,\r\n *:before,\r\n *:after,\r\n *:first-letter,\r\n *:first-line {\r\n background: transparent !important;\r\n color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */\r\n box-shadow: none !important;\r\n text-shadow: none !important;\r\n }\r\n\r\n a,\r\n a:visited {\r\n text-decoration: underline;\r\n }\r\n\r\n a[href]:after {\r\n content: \" (\" attr(href) \")\";\r\n }\r\n\r\n abbr[title]:after {\r\n content: \" (\" attr(title) \")\";\r\n }\r\n\r\n /*\r\n * 不显示片段标识符的链接,\r\n * 或使用`javascript:`伪协议\r\n */\r\n\r\n a[href^=\"#\"]:after,\r\n a[href^=\"javascript:\"]:after {\r\n content: \"\";\r\n }\r\n\r\n pre,\r\n blockquote {\r\n border: 1px solid #999;\r\n page-break-inside: avoid;\r\n }\r\n\r\n /*\r\n * 打印表格:\r\n * http://css-discuss.incutio.com/wiki/Printing_Tables\r\n */\r\n\r\n thead {\r\n display: table-header-group;\r\n }\r\n\r\n tr,\r\n img {\r\n page-break-inside: avoid;\r\n }\r\n\r\n img {\r\n max-width: 100% !important;\r\n }\r\n\r\n p,\r\n h2,\r\n h3 {\r\n orphans: 3;\r\n widows: 3;\r\n }\r\n\r\n h2,\r\n h3 {\r\n page-break-after: avoid;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n/*\r\n*删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android\r\n**/\r\na, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,\r\n.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {\r\n\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\r\n}\r\n","@font-face {font-family: \"uf\";\r\n src: url('../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920'); /* IE9*/\r\n src: url('../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920#iefix') format('embedded-opentype'), /* IE6-IE8 */\r\n url('../node_modules/tinper-bee-core/scss/iconfont.woff?t=1483429573920') format('woff'), /* chrome, firefox */\r\n url('../node_modules/tinper-bee-core/scss/iconfont.ttf?t=1483429573920') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/\r\n url('../node_modules/tinper-bee-core/scss/iconfont.svg?t=1483429573920#uf') format('svg'); /* iOS 4.1- */\r\n}\r\n\r\n\r\n.uf {\r\n font-family: \"uf\" !important;\r\n font-size: 16px;\r\n font-style: normal;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.uf-wechat:before {\r\n content: \"\\3488\";\r\n}\r\n\r\n.uf-add-c-o:before {\r\n content: \"\\e601\";\r\n}\r\n\r\n.uf-search:before {\r\n content: \"\\e603\";\r\n}\r\n\r\n.uf-histogram-arrow-up:before {\r\n content: \"\\e633\";\r\n}\r\n\r\n.uf-close-bold:before {\r\n content: \"\\e602\";\r\n}\r\n\r\n.uf-umbrella:before {\r\n content: \"\\e63b\";\r\n}\r\n\r\n.uf-qq:before {\r\n content: \"\\e694\";\r\n}\r\n\r\n.uf-4square-3:before {\r\n content: \"\\e63d\";\r\n}\r\n\r\n.uf-send:before {\r\n content: \"\\e63f\";\r\n}\r\n\r\n.uf-map:before {\r\n content: \"\\e66c\";\r\n}\r\n\r\n.uf-9square-2:before {\r\n content: \"\\e63e\";\r\n}\r\n\r\n.uf-navmenu:before {\r\n content: \"\\e614\";\r\n}\r\n\r\n.uf-pc-2:before {\r\n content: \"\\e644\";\r\n}\r\n\r\n.uf-search-light-2:before {\r\n content: \"\\e627\";\r\n}\r\n\r\n.uf-check-s-2:before {\r\n content: \"\\e66e\";\r\n}\r\n\r\n.uf-pencil:before {\r\n content: \"\\e69b\";\r\n}\r\n\r\n.uf-repeat:before {\r\n content: \"\\e634\";\r\n}\r\n\r\n.uf-security-2:before {\r\n content: \"\\e6a5\";\r\n}\r\n\r\n.uf-lexi:before {\r\n content: \"\\e643\";\r\n}\r\n\r\n.uf-pencil-s:before {\r\n content: \"\\e77d\";\r\n}\r\n\r\n.uf-del:before {\r\n content: \"\\e654\";\r\n}\r\n\r\n.uf-bi-o:before {\r\n content: \"\\e641\";\r\n}\r\n\r\n.uf-pencil-c:before {\r\n content: \"\\e6e6\";\r\n}\r\n\r\n.uf-qrcode:before {\r\n content: \"\\e661\";\r\n}\r\n\r\n.uf-rmb-c-o:before {\r\n content: \"\\e645\";\r\n}\r\n\r\n.uf-search-c-o:before {\r\n content: \"\\e659\";\r\n}\r\n\r\n.uf-bell:before {\r\n content: \"\\e60c\";\r\n}\r\n\r\n.uf-pass-3:before {\r\n content: \"\\e649\";\r\n}\r\n\r\n.uf-treearrow-down:before {\r\n content: \"\\e608\";\r\n}\r\n\r\n.uf-training:before {\r\n content: \"\\e617\";\r\n}\r\n\r\n.uf-group-2:before {\r\n content: \"\\e64c\";\r\n}\r\n\r\n.uf-zoom-in:before {\r\n content: \"\\e906\";\r\n}\r\n\r\n.uf-security-o:before {\r\n content: \"\\e7ac\";\r\n}\r\n\r\n.uf-baojia-c:before {\r\n content: \"\\e64d\";\r\n}\r\n\r\n.uf-rulerpen:before {\r\n content: \"\\e623\";\r\n}\r\n\r\n.uf-erpsearch:before {\r\n content: \"\\e64e\";\r\n}\r\n\r\n.uf-group-o:before {\r\n content: \"\\e6a8\";\r\n}\r\n\r\n.uf-cloud-o-updown:before {\r\n content: \"\\e725\";\r\n}\r\n\r\n.uf-close-c-o:before {\r\n content: \"\\e625\";\r\n}\r\n\r\n.uf-add-s:before {\r\n content: \"\\e620\";\r\n}\r\n\r\n.uf-pc:before {\r\n content: \"\\e6e8\";\r\n}\r\n\r\n.uf-rain:before {\r\n content: \"\\e771\";\r\n}\r\n\r\n.uf-nodata:before {\r\n content: \"\\e64f\";\r\n}\r\n\r\n.uf-close-c:before {\r\n content: \"\\e66b\";\r\n}\r\n\r\n.uf-bohui-s-o:before {\r\n content: \"\\e65f\";\r\n}\r\n\r\n.uf-cloud:before {\r\n content: \"\\e772\";\r\n}\r\n\r\n.uf-bag-s:before {\r\n content: \"\\e650\";\r\n}\r\n\r\n.uf-table-2:before {\r\n content: \"\\e95f\";\r\n}\r\n\r\n.uf-anglearrowpointingtoright:before {\r\n content: \"\\e61e\";\r\n}\r\n\r\n.uf-exc-c-o:before {\r\n content: \"\\e615\";\r\n}\r\n\r\n.uf-group:before {\r\n content: \"\\e651\";\r\n}\r\n\r\n.uf-personin-o:before {\r\n content: \"\\e8d3\";\r\n}\r\n\r\n.uf-calendar:before {\r\n content: \"\\e646\";\r\n}\r\n\r\n.uf-add-s-o:before {\r\n content: \"\\e604\";\r\n}\r\n\r\n.uf-sync-c-o:before {\r\n content: \"\\e655\";\r\n}\r\n\r\n.uf-grid:before {\r\n content: \"\\e657\";\r\n}\r\n\r\n.uf-anglepointingtoleft:before {\r\n content: \"\\e624\";\r\n}\r\n\r\n.uf-activate-3:before {\r\n content: \"\\e65b\";\r\n}\r\n\r\n.uf-caven:before {\r\n content: \"\\e663\";\r\n}\r\n\r\n.uf-back:before {\r\n content: \"\\e6e3\";\r\n}\r\n\r\n.uf-pass-2:before {\r\n content: \"\\e65d\";\r\n}\r\n\r\n.uf-reduce-s-o:before {\r\n content: \"\\e719\";\r\n}\r\n\r\n.uf-area:before {\r\n content: \"\\e6ea\";\r\n}\r\n\r\n.uf-flag:before {\r\n content: \"\\e65e\";\r\n}\r\n\r\n.uf-box-o-2:before {\r\n content: \"\\e610\";\r\n}\r\n\r\n.uf-arrow-s-o-down:before {\r\n content: \"\\e660\";\r\n}\r\n\r\n.uf-arrow-s-o-up:before {\r\n content: \"\\e662\";\r\n}\r\n\r\n.uf-building:before {\r\n content: \"\\e6ee\";\r\n}\r\n\r\n.uf-tapp:before {\r\n content: \"\\e773\";\r\n}\r\n\r\n.uf-treefolder:before {\r\n content: \"\\e628\";\r\n}\r\n\r\n.uf-advice:before {\r\n content: \"\\e6cf\";\r\n}\r\n\r\n.uf-2collayout:before {\r\n content: \"\\e618\";\r\n}\r\n\r\n.uf-check-s:before {\r\n content: \"\\e672\";\r\n}\r\n\r\n.uf-sign:before {\r\n content: \"\\e67a\";\r\n}\r\n\r\n.uf-listsearch:before {\r\n content: \"\\e67c\";\r\n}\r\n\r\n.uf-gridcaretarrowup:before {\r\n content: \"\\e636\";\r\n}\r\n\r\n.uf-eye-c-o:before {\r\n content: \"\\e67e\";\r\n}\r\n\r\n.uf-check-c-o:before {\r\n content: \"\\e6ef\";\r\n}\r\n\r\n.uf-seal:before {\r\n content: \"\\e67f\";\r\n}\r\n\r\n.uf-erpbox:before {\r\n content: \"\\e6ae\";\r\n}\r\n\r\n.uf-rulerpen-o:before {\r\n content: \"\\e62e\";\r\n}\r\n\r\n.uf-role:before {\r\n content: \"\\e7c2\";\r\n}\r\n\r\n.uf-exc-c-2:before {\r\n content: \"\\e675\";\r\n}\r\n\r\n.uf-pad:before {\r\n content: \"\\e6bd\";\r\n}\r\n\r\n.uf-treefolder-closed:before {\r\n content: \"\\e688\";\r\n}\r\n\r\n.uf-reduce-c-o:before {\r\n content: \"\\e635\";\r\n}\r\n\r\n.uf-pass-s-o:before {\r\n content: \"\\e682\";\r\n}\r\n\r\n.uf-setting:before {\r\n content: \"\\e683\";\r\n}\r\n\r\n.uf-close-s:before {\r\n content: \"\\e76a\";\r\n}\r\n\r\n.uf-map-o:before {\r\n content: \"\\e665\";\r\n}\r\n\r\n.uf-move:before {\r\n content: \"\\e68b\";\r\n}\r\n\r\n.uf-2arrow-down:before {\r\n content: \"\\e606\";\r\n}\r\n\r\n.uf-2arrow-right:before {\r\n content: \"\\e60b\";\r\n}\r\n\r\n.uf-arrow-c-o-left:before {\r\n content: \"\\e684\";\r\n}\r\n\r\n.uf-plus:before {\r\n content: \"\\e763\";\r\n}\r\n\r\n.uf-arrow-c-o-right:before {\r\n content: \"\\e685\";\r\n}\r\n\r\n.uf-arrow-c-o-down:before {\r\n content: \"\\e687\";\r\n}\r\n\r\n.uf-list-s-o:before {\r\n content: \"\\e746\";\r\n}\r\n\r\n.uf-cloud-o-down:before {\r\n content: \"\\e673\";\r\n}\r\n\r\n.uf-nodata-2:before {\r\n content: \"\\e68c\";\r\n}\r\n\r\n.uf-file-s:before {\r\n content: \"\\e642\";\r\n}\r\n\r\n.uf-2arrow-up:before {\r\n content: \"\\e607\";\r\n}\r\n\r\n.uf-notification:before {\r\n content: \"\\e9cc\";\r\n}\r\n\r\n.uf-piechart:before {\r\n content: \"\\e6f0\";\r\n}\r\n\r\n.uf-cloud-o-up:before {\r\n content: \"\\e6ac\";\r\n}\r\n\r\n.uf-close:before {\r\n content: \"\\e76b\";\r\n}\r\n\r\n.uf-correct:before {\r\n content: \"\\e677\";\r\n}\r\n\r\n.uf-histogram-s-o-2:before {\r\n content: \"\\e6fa\";\r\n}\r\n\r\n.uf-4square-2:before {\r\n content: \"\\e691\";\r\n}\r\n\r\n.uf-sunny:before {\r\n content: \"\\e774\";\r\n}\r\n\r\n.uf-link:before {\r\n content: \"\\e6fe\";\r\n}\r\n\r\n.uf-eye:before {\r\n content: \"\\e692\";\r\n}\r\n\r\n.uf-eye-o:before {\r\n content: \"\\e69c\";\r\n}\r\n\r\n.uf-qian:before {\r\n content: \"\\e69e\";\r\n}\r\n\r\n.uf-widgetab:before {\r\n content: \"\\e6f2\";\r\n}\r\n\r\n.uf-rmb-s:before {\r\n content: \"\\e6a0\";\r\n}\r\n\r\n.uf-link-off:before {\r\n content: \"\\e6ff\";\r\n}\r\n\r\n.uf-shang-s:before {\r\n content: \"\\e6a1\";\r\n}\r\n\r\n.uf-xia-s:before {\r\n content: \"\\e6a6\";\r\n}\r\n\r\n.uf-box-2:before {\r\n content: \"\\e616\";\r\n}\r\n\r\n.uf-pass-o:before {\r\n content: \"\\e6a7\";\r\n}\r\n\r\n.uf-arrow-down:before {\r\n content: \"\\e609\";\r\n}\r\n\r\n.uf-arrow-right:before {\r\n content: \"\\e611\";\r\n}\r\n\r\n.uf-arrow-left:before {\r\n content: \"\\e612\";\r\n}\r\n\r\n.uf-box:before {\r\n content: \"\\e613\";\r\n}\r\n\r\n.uf-triangle-right:before {\r\n content: \"\\e61c\";\r\n}\r\n\r\n.uf-histogram-s-o:before {\r\n content: \"\\e626\";\r\n}\r\n\r\n.uf-book:before {\r\n content: \"\\e62a\";\r\n}\r\n\r\n.uf-bookmark-o:before {\r\n content: \"\\e631\";\r\n}\r\n\r\n.uf-leaf:before {\r\n content: \"\\e62d\";\r\n}\r\n\r\n.uf-bullseye:before {\r\n content: \"\\e632\";\r\n}\r\n\r\n.uf-gridcaretdown:before {\r\n content: \"\\e637\";\r\n}\r\n\r\n.uf-triangle-up:before {\r\n content: \"\\e638\";\r\n}\r\n\r\n.uf-triangle-down:before {\r\n content: \"\\e639\";\r\n}\r\n\r\n.uf-cloud-down:before {\r\n content: \"\\e64a\";\r\n}\r\n\r\n.uf-cloud-up:before {\r\n content: \"\\e64b\";\r\n}\r\n\r\n.uf-bubble:before {\r\n content: \"\\e652\";\r\n}\r\n\r\n.uf-bubble-o:before {\r\n content: \"\\e653\";\r\n}\r\n\r\n.uf-copy:before {\r\n content: \"\\e65a\";\r\n}\r\n\r\n.uf-correct-2:before {\r\n content: \"\\e658\";\r\n}\r\n\r\n.uf-2arrow-left:before {\r\n content: \"\\e664\";\r\n}\r\n\r\n.uf-arrow-down-2:before {\r\n content: \"\\e667\";\r\n}\r\n\r\n.uf-download:before {\r\n content: \"\\e669\";\r\n}\r\n\r\n.uf-earth:before {\r\n content: \"\\e66d\";\r\n}\r\n\r\n.uf-mail-o:before {\r\n content: \"\\e66f\";\r\n}\r\n\r\n.uf-mail:before {\r\n content: \"\\e670\";\r\n}\r\n\r\n.uf-exc:before {\r\n content: \"\\e674\";\r\n}\r\n\r\n.uf-externallink:before {\r\n content: \"\\e676\";\r\n}\r\n\r\n.uf-video:before {\r\n content: \"\\e67b\";\r\n}\r\n\r\n.uf-films:before {\r\n content: \"\\e680\";\r\n}\r\n\r\n.uf-folder:before {\r\n content: \"\\e689\";\r\n}\r\n\r\n.uf-folder-o:before {\r\n content: \"\\e68a\";\r\n}\r\n\r\n.uf-4square:before {\r\n content: \"\\e68e\";\r\n}\r\n\r\n.uf-gift:before {\r\n content: \"\\e693\";\r\n}\r\n\r\n.uf-github-c:before {\r\n content: \"\\e695\";\r\n}\r\n\r\n.uf-github-s:before {\r\n content: \"\\e696\";\r\n}\r\n\r\n.uf-heart-o:before {\r\n content: \"\\e6a3\";\r\n}\r\n\r\n.uf-heart:before {\r\n content: \"\\e6a4\";\r\n}\r\n\r\n.uf-home:before {\r\n content: \"\\e6a2\";\r\n}\r\n\r\n.uf-i-c-2:before {\r\n content: \"\\e6aa\";\r\n}\r\n\r\n.uf-i:before {\r\n content: \"\\e6ab\";\r\n}\r\n\r\n.uf-triangle-left:before {\r\n content: \"\\e6b0\";\r\n}\r\n\r\n.uf-symlist:before {\r\n content: \"\\e6be\";\r\n}\r\n\r\n.uf-arrow-left-2:before {\r\n content: \"\\e6bf\";\r\n}\r\n\r\n.uf-arrow-right-2:before {\r\n content: \"\\e6c0\";\r\n}\r\n\r\n.uf-arrow-up-2:before {\r\n content: \"\\e6c1\";\r\n}\r\n\r\n.uf-reduce-c:before {\r\n content: \"\\e6cb\";\r\n}\r\n\r\n.uf-reduce-s:before {\r\n content: \"\\e6cc\";\r\n}\r\n\r\n.uf-minus:before {\r\n content: \"\\e6ce\";\r\n}\r\n\r\n.uf-mobile:before {\r\n content: \"\\e6e0\";\r\n}\r\n\r\n.uf-bell-o:before {\r\n content: \"\\e6d4\";\r\n}\r\n\r\n.uf-9square:before {\r\n content: \"\\e6d5\";\r\n}\r\n\r\n.uf-numlist:before {\r\n content: \"\\e6dd\";\r\n}\r\n\r\n.uf-folderopen-o:before {\r\n content: \"\\e6d7\";\r\n}\r\n\r\n.uf-treefolderopen:before {\r\n content: \"\\e6d8\";\r\n}\r\n\r\n.uf-mac:before {\r\n content: \"\\e6ed\";\r\n}\r\n\r\n.uf-camera:before {\r\n content: \"\\e6e4\";\r\n}\r\n\r\n.uf-picture:before {\r\n content: \"\\e6e5\";\r\n}\r\n\r\n.uf-play:before {\r\n content: \"\\e6eb\";\r\n}\r\n\r\n.uf-play-o:before {\r\n content: \"\\e6ec\";\r\n}\r\n\r\n.uf-qm-c:before {\r\n content: \"\\e6f4\";\r\n}\r\n\r\n.uf-qm:before {\r\n content: \"\\e6f5\";\r\n}\r\n\r\n.uf-navmenu-light:before {\r\n content: \"\\e6fd\";\r\n}\r\n\r\n.uf-settings:before {\r\n content: \"\\e70c\";\r\n}\r\n\r\n.uf-cart:before {\r\n content: \"\\e711\";\r\n}\r\n\r\n.uf-histogram:before {\r\n content: \"\\e714\";\r\n}\r\n\r\n.uf-finetune:before {\r\n content: \"\\e71a\";\r\n}\r\n\r\n.uf-sortup:before {\r\n content: \"\\e71b\";\r\n}\r\n\r\n.uf-sortdown:before {\r\n content: \"\\e71c\";\r\n}\r\n\r\n.uf-sort19:before {\r\n content: \"\\e71d\";\r\n}\r\n\r\n.uf-sort91:before {\r\n content: \"\\e71f\";\r\n}\r\n\r\n.uf-za:before {\r\n content: \"\\e721\";\r\n}\r\n\r\n.uf-star-o:before {\r\n content: \"\\e726\";\r\n}\r\n\r\n.uf-star-2:before {\r\n content: \"\\e727\";\r\n}\r\n\r\n.uf-star:before {\r\n content: \"\\e728\";\r\n}\r\n\r\n.uf-luggage:before {\r\n content: \"\\e72d\";\r\n}\r\n\r\n.uf-table:before {\r\n content: \"\\e730\";\r\n}\r\n\r\n.uf-tel:before {\r\n content: \"\\e734\";\r\n}\r\n\r\n.uf-tel-s:before {\r\n content: \"\\e735\";\r\n}\r\n\r\n.uf-terminal:before {\r\n content: \"\\e736\";\r\n}\r\n\r\n.uf-file:before {\r\n content: \"\\e738\";\r\n}\r\n\r\n.uf-file-o:before {\r\n content: \"\\e739\";\r\n}\r\n\r\n.uf-3dot-h:before {\r\n content: \"\\e73c\";\r\n}\r\n\r\n.uf-time-c-o:before {\r\n content: \"\\e742\";\r\n}\r\n\r\n.uf-upload:before {\r\n content: \"\\e750\";\r\n}\r\n\r\n.uf-3dot-v:before {\r\n content: \"\\e753\";\r\n}\r\n\r\n.uf-rmb:before {\r\n content: \"\\e757\";\r\n}\r\n\r\n.uf-arrow-c-o-up:before {\r\n content: \"\\e6a9\";\r\n}\r\n\r\n.uf-reject-2:before {\r\n content: \"\\e6ad\";\r\n}\r\n\r\n.uf-barcode:before {\r\n content: \"\\e7fc\";\r\n}\r\n\r\n.uf-zoom-out:before {\r\n content: \"\\e686\";\r\n}\r\n\r\n.uf-exc-t-o:before {\r\n content: \"\\e60a\";\r\n}\r\n\r\n.uf-pass:before {\r\n content: \"\\e6b1\";\r\n}\r\n\r\n.uf-flow:before {\r\n content: \"\\e6b2\";\r\n}\r\n\r\n.uf-add-c:before {\r\n content: \"\\e61a\";\r\n}\r\n\r\n.uf-arrow-c-o-right-2:before {\r\n content: \"\\e6b3\";\r\n}\r\n\r\n.uf-shelf-on:before {\r\n content: \"\\e6b4\";\r\n}\r\n\r\n.uf-shelf-off:before {\r\n content: \"\\e6b5\";\r\n}\r\n\r\n.uf-file-o-2:before {\r\n content: \"\\e60f\";\r\n}\r\n\r\n.uf-truck-o:before {\r\n content: \"\\e6b6\";\r\n}\r\n\r\n.uf-super:before {\r\n content: \"\\e62c\";\r\n}\r\n\r\n.uf-equipment:before {\r\n content: \"\\e630\";\r\n}\r\n\r\n.uf-arrow-c-o-left-2:before {\r\n content: \"\\e6b8\";\r\n}\r\n\r\n.uf-files-o:before {\r\n content: \"\\e6fc\";\r\n}\r\n\r\n.uf-cloud-o:before {\r\n content: \"\\e6ba\";\r\n}\r\n\r\n.uf-rmb-s-o-2:before {\r\n content: \"\\e6bb\";\r\n}\r\n\r\n.uf-3dot-c-o:before {\r\n content: \"\\e6f3\";\r\n}\r\n\r\n.uf-dafeng:before {\r\n content: \"\\e775\";\r\n}\r\n\r\n.uf-baoxue:before {\r\n content: \"\\e776\";\r\n}\r\n\r\n.uf-bingbao:before {\r\n content: \"\\e777\";\r\n}\r\n\r\n.uf-fengbao:before {\r\n content: \"\\e778\";\r\n}\r\n\r\n.uf-xiaoyu:before {\r\n content: \"\\e779\";\r\n}\r\n\r\n.uf-zhenxue:before {\r\n content: \"\\e77a\";\r\n}\r\n\r\n.uf-zhongyu:before {\r\n content: \"\\e77b\";\r\n}\r\n\r\n.uf-es:before {\r\n content: \"\\e747\";\r\n}\r\n\r\n.uf-flow-o-2:before {\r\n content: \"\\e6bc\";\r\n}\r\n\r\n.uf-activate-2:before {\r\n content: \"\\e6c2\";\r\n}\r\n\r\n.uf-flow-o:before {\r\n content: \"\\e6c3\";\r\n}\r\n\r\n.uf-bulb-2:before {\r\n content: \"\\e63a\";\r\n}\r\n\r\n.uf-mi-c:before {\r\n content: \"\\e62f\";\r\n}\r\n\r\n.uf-top-up:before {\r\n content: \"\\e668\";\r\n}\r\n\r\n.uf-creditcard:before {\r\n content: \"\\e8b4\";\r\n}\r\n\r\n.uf-align-center:before {\r\n content: \"\\e8b9\";\r\n}\r\n\r\n.uf-align-justify:before {\r\n content: \"\\e8ba\";\r\n}\r\n\r\n.uf-align-left:before {\r\n content: \"\\e8bb\";\r\n}\r\n\r\n.uf-align-right:before {\r\n content: \"\\e8bc\";\r\n}\r\n\r\n.uf-ju-c-o:before {\r\n content: \"\\e6c4\";\r\n}\r\n\r\n.uf-truck:before {\r\n content: \"\\e990\";\r\n}\r\n\r\n.uf-setting-c-o:before {\r\n content: \"\\e6c5\";\r\n}\r\n\r\n.uf-users-o:before {\r\n content: \"\\e91b\";\r\n}\r\n\r\n.uf-bag-s-o:before {\r\n content: \"\\e6c6\";\r\n}\r\n\r\n.uf-cai-s:before {\r\n content: \"\\e6c7\";\r\n}\r\n\r\n.uf-listcheck:before {\r\n content: \"\\e6c8\";\r\n}\r\n\r\n.uf-users:before {\r\n content: \"\\e794\";\r\n}\r\n\r\n.uf-i-c:before {\r\n content: \"\\e6cd\";\r\n}\r\n\r\n.uf-building-o:before {\r\n content: \"\\e6f6\";\r\n}\r\n\r\n.uf-rmb-s-o:before {\r\n content: \"\\e6d0\";\r\n}\r\n\r\n.uf-reject:before {\r\n content: \"\\e6d1\";\r\n}\r\n\r\n.uf-9dot:before {\r\n content: \"\\e6f7\";\r\n}\r\n\r\n.uf-loadingstate:before {\r\n content: \"\\e600\";\r\n}\r\n\r\n.uf-gateway:before {\r\n content: \"\\e6d3\";\r\n}\r\n\r\n.uf-ticket-s-o:before {\r\n content: \"\\e6d6\";\r\n}\r\n\r\n.uf-userset:before {\r\n content: \"\\e6f8\";\r\n}\r\n\r\n.uf-puzzle-o:before {\r\n content: \"\\e648\";\r\n}\r\n\r\n.uf-box-o:before {\r\n content: \"\\e6d9\";\r\n}\r\n\r\n.uf-bulb:before {\r\n content: \"\\e6da\";\r\n}\r\n\r\n.uf-exc-t:before {\r\n content: \"\\e61b\";\r\n}\r\n\r\n.uf-rmb-c:before {\r\n content: \"\\e6db\";\r\n}\r\n\r\n.uf-table-s-o:before {\r\n content: \"\\e759\";\r\n}\r\n\r\n.uf-umbrella-o:before {\r\n content: \"\\e6dc\";\r\n}\r\n\r\n.uf-dropbox:before {\r\n content: \"\\e69d\";\r\n}\r\n\r\n.uf-search-light:before {\r\n content: \"\\e622\";\r\n}\r\n\r\n.uf-cart-o:before {\r\n content: \"\\e8c4\";\r\n}\r\n\r\n.uf-kero-col:before {\r\n content: \"\\e8c7\";\r\n}\r\n\r\n.uf-uba-col:before {\r\n content: \"\\e8c8\";\r\n}\r\n\r\n.uf-tinperzc-col:before {\r\n content: \"\\e8c9\";\r\n}\r\n\r\n.uf-tinperzch-col:before {\r\n content: \"\\e8ca\";\r\n}\r\n\r\n.uf-iuap-col:before {\r\n content: \"\\e8cb\";\r\n}\r\n\r\n.uf-iuapdesign-col:before {\r\n content: \"\\e8cc\";\r\n}\r\n\r\n.uf-bee-col:before {\r\n content: \"\\e8cd\";\r\n}\r\n\r\n.uf-neoui-col:before {\r\n content: \"\\e8ce\";\r\n}\r\n\r\n.uf-sparrow-col:before {\r\n content: \"\\e8cf\";\r\n}\r\n\r\n.uf-tinpercn-col:before {\r\n content: \"\\e8d0\";\r\n}\r\n\r\n.uf-tinperen-col:before {\r\n content: \"\\e8d1\";\r\n}\r\n\r\n.uf-arrow-up:before {\r\n content: \"\\e8d2\";\r\n}\r\n\r\n.uf-mailsym:before {\r\n content: \"\\e605\";\r\n}\r\n\r\n.uf-print:before {\r\n content: \"\\e60e\";\r\n}\r\n\r\n.uf-ticket-3:before {\r\n content: \"\\e619\";\r\n}\r\n\r\n.uf-loan:before {\r\n content: \"\\e61f\";\r\n}\r\n\r\n.uf-ticket-2:before {\r\n content: \"\\e629\";\r\n}\r\n\r\n.uf-offwork:before {\r\n content: \"\\e62b\";\r\n}\r\n\r\n.uf-todolist:before {\r\n content: \"\\e640\";\r\n}\r\n\r\n.uf-personin:before {\r\n content: \"\\e66a\";\r\n}\r\n\r\n.uf-ticket:before {\r\n content: \"\\e671\";\r\n}\r\n\r\n.uf-linechart:before {\r\n content: \"\\e6fb\";\r\n}\r\n\r\n.uf-4leaf:before {\r\n content: \"\\e6de\";\r\n}\r\n\r\n.uf-listset:before {\r\n content: \"\\e6df\";\r\n}\r\n\r\n.uf-qi-c-o:before {\r\n content: \"\\e621\";\r\n}\r\n\r\n.uf-exc-c:before {\r\n content: \"\\e61d\";\r\n}\r\n\r\n.uf-code:before {\r\n content: \"\\e656\";\r\n}\r\n\r\n.uf-plug-o:before {\r\n content: \"\\e60d\";\r\n}\r\n\r\n.uf-search-s:before {\r\n content: \"\\e991\";\r\n}\r\n\r\n.uf-treeadd:before {\r\n content: \"\\e992\";\r\n}\r\n\r\n.uf-mi:before {\r\n content: \"\\e993\";\r\n}\r\n\r\n.uf-treeline-copy:before {\r\n content: \"\\e994\";\r\n}\r\n\r\n.uf-listwithdots:before {\r\n content: \"\\e9cd\";\r\n}\r\n\r\n.uf-gridlogo:before {\r\n content: \"\\e900\";\r\n}\r\n\r\n.uf-magnifyingglass:before {\r\n content: \"\\e9ce\";\r\n}\r\n\r\n.uf-anglearrowdown:before {\r\n content: \"\\e9cf\";\r\n}\r\n\r\n.uf-yongyouyunchnen:before {\r\n content: \"\\e98d\";\r\n}\r\n\r\n.uf-yycloud:before {\r\n content: \"\\e68f\";\r\n}\r\n\r\n.uf-funnel-o:before {\r\n content: \"\\e63c\";\r\n}\r\n\r\n.uf-filter:before {\r\n content: \"\\e9d0\";\r\n}\r\n\r\n.uf-filterno:before {\r\n content: \"\\e9d1\";\r\n}\r\n\r\n.uf-clean:before {\r\n content: \"\\e9d2\";\r\n}\r\n\r\n.uf-save:before {\r\n content: \"\\e9d3\";\r\n}\r\n\r\n.uf-export:before {\r\n content: \"\\e9d4\";\r\n}\r\n\r\n.uf-import:before {\r\n content: \"\\e9d5\";\r\n}\r\n\r\n.uf-stop-c:before {\r\n content: \"\\e9d6\";\r\n}\r\n\r\n.uf-rubber:before {\r\n content: \"\\e9d7\";\r\n}\r\n\r\n.uf-bediting:before {\r\n content: \"\\e9d8\";\r\n}\r\n\r\n.uf-maxmize:before {\r\n content: \"\\e9d9\";\r\n}\r\n\r\n.uf-minimize:before {\r\n content: \"\\e9da\";\r\n}\r\n\r\n.uf-globe:before {\r\n content: \"\\e9db\";\r\n}","\r\n@import \"minxin-variables\";\r\n@import \"minxin-mixins\";\r\n//垂直对齐\r\n// ========================================================================\r\n.vertical-align {\r\n font-size: 0;\r\n\r\n &:before {\r\n display: inline-block;\r\n height: 100%;\r\n vertical-align: middle;\r\n content: \"\";\r\n }\r\n\r\n &-middle, &-bottom {\r\n display: inline-block;\r\n max-width: 100%;\r\n font-size: $font-size-small;\r\n }\r\n &-middle {\r\n vertical-align: middle;\r\n }\r\n &-bottom {\r\n vertical-align: bottom;\r\n }\r\n}\r\n\r\n// Layout\r\n// ========================================================================\r\n.inline {\r\n display: inline !important;\r\n}\r\n\r\n.inline-block {\r\n display: inline-block !important;\r\n}\r\n\r\n.block {\r\n display: block !important;\r\n}\r\n\r\n// Text wrapping\r\n// ========================================================================\r\n.text-truncate {\r\n @include text-truncate();\r\n}\r\n\r\n.text-break {\r\n @include text-break();\r\n}\r\n\r\n.text-nowrap {\r\n @include text-nowrap();\r\n}\r\n\r\n//文字柔和\r\n.text-muted {\r\n color: inherit;\r\n opacity: 0.75;\r\n}\r\n\r\n.text-muted-dk {\r\n color: inherit;\r\n opacity: 0.5;\r\n}\r\n\r\n.text-muted-lt {\r\n color: inherit;\r\n opacity: 0.25;\r\n}\r\n\r\n\r\n// Text Alignment\r\n// ========================================================================\r\n.text-top {\r\n vertical-align: top !important;\r\n}\r\n.text-middle {\r\n vertical-align: middle !important;\r\n}\r\n.text-bottom {\r\n vertical-align: bottom !important;\r\n}\r\n.text-left {\r\n text-align: left !important;\r\n}\r\n.text-right {\r\n text-align: right !important;\r\n}\r\n.text-center {\r\n text-align: center !important;\r\n}\r\n.text-justify {\r\n text-align: justify !important;\r\n}\r\n// .text-nowrap {\r\n// white-space: nowrap !important;\r\n// }\r\n\r\n// Text Transformation\r\n// ========================================================================\r\n.text-lowercase {\r\n text-transform: lowercase !important;\r\n}\r\n.text-uppercase {\r\n text-transform: uppercase !important;\r\n}\r\n.text-capitalize {\r\n text-transform: capitalize !important;\r\n}\r\n\r\n\r\n// Font weight Helpers\r\n// ========================================================================\r\n.font-weight-unset {\r\n font-weight: unset !important;\r\n}\r\n.font-weight-100 {\r\n font-weight: 100 !important;\r\n}\r\n.font-weight-200 {\r\n font-weight: 200 !important;\r\n}\r\n.font-weight-300 {\r\n font-weight: 300 !important;\r\n}\r\n.font-weight-400 {\r\n font-weight: 400 !important;\r\n}\r\n.font-weight-500 {\r\n font-weight: 500 !important;\r\n}\r\n.font-weight-600 {\r\n font-weight: 600 !important;\r\n}\r\n.font-weight-700 {\r\n font-weight: 700 !important;\r\n}\r\n.font-weight-800 {\r\n font-weight: 800 !important;\r\n}\r\n.font-weight-900 {\r\n font-weight: 900 !important;\r\n}\r\n.font-weight-light {\r\n font-weight: $font-weight-light !important;\r\n}\r\n.font-weight-normal {\r\n font-weight: $font-weight-normal !important;\r\n}\r\n.font-weight-medium {\r\n font-weight: $font-weight-medium !important;\r\n}\r\n.font-weight-bold {\r\n font-weight: $font-weight-bold !important;\r\n}\r\n\r\n\r\n// Font Size Helpers\r\n// ========================================================================\r\n.font-size-0 {\r\n font-size: 0 !important;\r\n}\r\n.font-size-10 {\r\n font-size: 10px !important;\r\n}\r\n.font-size-12 {\r\n font-size: 12px !important;\r\n}\r\n.font-size-14 {\r\n font-size: 14px !important;\r\n}\r\n.font-size-16 {\r\n font-size: 16px !important;\r\n}\r\n.font-size-18 {\r\n font-size: 18px !important;\r\n}\r\n.font-size-20 {\r\n font-size: 20px !important;\r\n}\r\n.font-size-24 {\r\n font-size: 24px !important;\r\n}\r\n.font-size-26 {\r\n font-size: 26px !important;\r\n}\r\n.font-size-30 {\r\n font-size: 30px !important;\r\n}\r\n.font-size-40 {\r\n font-size: 40px !important;\r\n}\r\n.font-size-50 {\r\n font-size: 50px !important;\r\n}\r\n.font-size-60 {\r\n font-size: 60px !important;\r\n}\r\n.font-size-70 {\r\n font-size: 70px !important;\r\n}\r\n.font-size-80 {\r\n font-size: 80px !important;\r\n}\r\n\r\n\r\n// Floats\r\n// -------------------------\r\n\r\n.clearfix {\r\n @include clearfix();\r\n}\r\n.center-block {\r\n @include center-block();\r\n}\r\n.pull-right {\r\n float: right !important;\r\n}\r\n.pull-left {\r\n float: left !important;\r\n}\r\n\r\n\r\n// Toggling content\r\n// -------------------------\r\n\r\n// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1\r\n.hide {\r\n display: none !important;\r\n}\r\n.show {\r\n display: block !important;\r\n}\r\n.invisible {\r\n visibility: hidden;\r\n}\r\n.text-hide {\r\n @include text-hide();\r\n}\r\n\r\n\r\n// Hide from screenreaders and browsers\r\n.hidden {\r\n display: none !important;\r\n}\r\n\r\n\r\n/* 宽高 */\r\n.w-16 {\r\n width: 16px;\r\n}\r\n\r\n.w-20 {\r\n width: 20px;\r\n}\r\n\r\n.w-24 {\r\n width: 24px;\r\n}\r\n\r\n.w-32 {\r\n width: 32px;\r\n}\r\n\r\n.w-40 {\r\n width: 40px;\r\n}\r\n\r\n.w-48 {\r\n width: 48px;\r\n}\r\n\r\n.w-56 {\r\n width: 56px;\r\n}\r\n\r\n.w-64 {\r\n width: 64px;\r\n}\r\n\r\n.w-xs {\r\n width: 90px;\r\n}\r\n\r\n.w-sm {\r\n width: 120px;\r\n}\r\n\r\n.w {\r\n width: 180px;\r\n}\r\n\r\n.w-md {\r\n width: 200px;\r\n}\r\n\r\n.w-lg {\r\n width: 240px;\r\n}\r\n\r\n.w-xl {\r\n width: 280px;\r\n}\r\n\r\n.w-xxl {\r\n width: 320px;\r\n}\r\n\r\n.w-full {\r\n width: 100%;\r\n}\r\n\r\n\r\n// Width Helpers\r\n// ========================================================================\r\n.width-50 {\r\n width: 50px;\r\n}\r\n.width-100 {\r\n width: 100px;\r\n}\r\n.width-150 {\r\n width: 150px;\r\n}\r\n.width-200 {\r\n width: 200px;\r\n}\r\n.width-250 {\r\n width: 250px;\r\n}\r\n.width-300 {\r\n width: 300px;\r\n}\r\n.width-350 {\r\n width: 350px;\r\n}\r\n.width-400 {\r\n width: 400px;\r\n}\r\n.width-450 {\r\n width: 450px;\r\n}\r\n.width-500 {\r\n width: 500px;\r\n}\r\n.width-full {\r\n width: 100% !important;\r\n}\r\n.width-auto {\r\n width: auto;\r\n}\r\n\r\n\r\n\r\n\r\n.h-16 {\r\n height: 16px;\r\n}\r\n\r\n.h-20 {\r\n height: 20px;\r\n}\r\n\r\n.h-24 {\r\n height: 24px;\r\n}\r\n\r\n.h-32 {\r\n height: 32px;\r\n}\r\n\r\n.h-40 {\r\n height: 40px;\r\n}\r\n\r\n.h-48 {\r\n height: 48px;\r\n}\r\n\r\n.h-56 {\r\n height: 56px;\r\n}\r\n\r\n.h-64 {\r\n height: 64px;\r\n}\r\n\r\n.h-xxl {\r\n height: 60px;\r\n}\r\n\r\n.h-xs {\r\n height: 90px;\r\n}\r\n\r\n.h-sm {\r\n height: 120px;\r\n}\r\n\r\n.h {\r\n height: 180px;\r\n}\r\n\r\n.h-md {\r\n height: 200px;\r\n}\r\n\r\n.h-lg {\r\n height: 240px;\r\n}\r\n\r\n.h-xl {\r\n height: 280px;\r\n}\r\n\r\n.h-xxl {\r\n height: 320px;\r\n}\r\n\r\n\r\n.h-auto {\r\n height: auto;\r\n}\r\n\r\n.h-full {\r\n height: 100%;\r\n}\r\n\r\n\r\n// Height Helpers\r\n// ========================================================================\r\n.height-50 {\r\n height: 50px;\r\n}\r\n.height-100 {\r\n height: 100px;\r\n}\r\n.height-120 {\r\n height: 120px;\r\n}\r\n.height-150 {\r\n height: 150px;\r\n}\r\n.height-200 {\r\n height: 200px;\r\n}\r\n.height-250 {\r\n height: 250px;\r\n}\r\n.height-300 {\r\n height: 300px;\r\n}\r\n.height-350 {\r\n height: 350px;\r\n}\r\n.height-400 {\r\n height: 400px;\r\n}\r\n.height-450 {\r\n height: 450px;\r\n}\r\n.height-500 {\r\n height: 500px;\r\n}\r\n.height-full {\r\n height: 100% !important;\r\n}\r\n\r\n.height-auto {\r\n height: auto;\r\n}\r\n\r\n\r\n/* 外边距 */\r\n\r\n.no-margin {\r\n margin: 0;\r\n}\r\n\r\n.m {\r\n margin: 16px;\r\n}\r\n\r\n.m-xs {\r\n margin: 4px;\r\n}\r\n\r\n.m-sm {\r\n margin: 8px;\r\n}\r\n\r\n.m-md {\r\n margin: 24px;\r\n}\r\n\r\n.m-lg {\r\n margin: 32px;\r\n}\r\n\r\n.m-v-xs {\r\n margin-top: 4px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.m-v-sm {\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.m-v {\r\n margin-top: 16px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.m-v-md {\r\n margin-top: 24px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.m-v-lg {\r\n margin-top: 32px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.m-h-xs {\r\n margin-right: 4px;\r\n margin-left: 4px;\r\n}\r\n\r\n.m-h-sm {\r\n margin-right: 8px;\r\n margin-left: 8px;\r\n}\r\n\r\n.m-h {\r\n margin-right: 16px;\r\n margin-left: 16px;\r\n}\r\n\r\n.m-h-md {\r\n margin-right: 24px;\r\n margin-left: 24px;\r\n}\r\n\r\n.m-h-lg {\r\n margin-right: 32px;\r\n margin-left: 32px;\r\n}\r\n\r\n.m-t {\r\n margin-top: 16px;\r\n}\r\n\r\n.m-t-xs {\r\n margin-top: 4px;\r\n}\r\n\r\n.m-t-sm {\r\n margin-top: 8px;\r\n}\r\n\r\n.m-t-md {\r\n margin-top: 24px;\r\n}\r\n\r\n.m-t-lg {\r\n margin-top: 32px;\r\n}\r\n\r\n.m-r {\r\n margin-right: 16px;\r\n}\r\n\r\n.m-r-xs {\r\n margin-right: 4px;\r\n}\r\n\r\n.m-r-sm {\r\n margin-right: 8px;\r\n}\r\n\r\n.m-r-md {\r\n margin-right: 24px;\r\n}\r\n\r\n.m-r-lg {\r\n margin-right: 32px;\r\n}\r\n\r\n.m-b {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.m-b-xs {\r\n margin-bottom: 4px;\r\n}\r\n\r\n.m-b-sm {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.m-b-md {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.m-b-lg {\r\n margin-bottom: 32px;\r\n}\r\n\r\n.m-l {\r\n margin-left: 16px;\r\n}\r\n\r\n.m-l-xs {\r\n margin-left: 4px;\r\n}\r\n\r\n.m-l-sm {\r\n margin-left: 8px;\r\n}\r\n\r\n.m-l-md {\r\n margin-left: 24px;\r\n}\r\n\r\n.m-l-lg {\r\n margin-left: 32px;\r\n}\r\n\r\n.m-n {\r\n margin: -16px;\r\n}\r\n\r\n.m-h-n {\r\n margin-right: -16px;\r\n margin-left: -16px;\r\n}\r\n\r\n.m-v-n {\r\n margin-top: -16px;\r\n margin-bottom: -16px;\r\n}\r\n\r\n.m-l-n {\r\n margin-left: -16px;\r\n}\r\n\r\n.m-r-n {\r\n margin-right: -16px;\r\n}\r\n\r\n.m-t-n {\r\n margin-top: -16px;\r\n}\r\n\r\n.m-b-n {\r\n margin-bottom: -16px;\r\n}\r\n\r\n// Margin Helpers\r\n// ========================================================================\r\n.margin-0 {\r\n margin: 0 !important;\r\n}\r\n.margin-3 {\r\n margin: 3px !important;\r\n}\r\n.margin-5 {\r\n margin: 5px !important;\r\n}\r\n.margin-10 {\r\n margin: 10px !important;\r\n}\r\n.margin-15 {\r\n margin: 15px !important;\r\n}\r\n.margin-20 {\r\n margin: 20px !important;\r\n}\r\n.margin-25 {\r\n margin: 25px !important;\r\n}\r\n.margin-30 {\r\n margin: 30px !important;\r\n}\r\n.margin-35 {\r\n margin: 35px !important;\r\n}\r\n.margin-40 {\r\n margin: 40px !important;\r\n}\r\n.margin-45 {\r\n margin: 45px !important;\r\n}\r\n.margin-50 {\r\n margin: 50px !important;\r\n}\r\n.margin-60 {\r\n margin: 60px !important;\r\n}\r\n.margin-70 {\r\n margin: 70px !important;\r\n}\r\n.margin-80 {\r\n margin: 80px !important;\r\n}\r\n\r\n// margin vertical\r\n// ---------------\r\n.margin-vertical-0 {\r\n margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n}\r\n.margin-vertical-3 {\r\n margin-top: 3px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n.margin-vertical-5 {\r\n margin-top: 5px !important;\r\n margin-bottom: 5px !important;\r\n}\r\n.margin-vertical-10 {\r\n margin-top: 10px !important;\r\n margin-bottom: 10px !important;\r\n}\r\n.margin-vertical-15 {\r\n margin-top: 15px !important;\r\n margin-bottom: 15px !important;\r\n}\r\n.margin-vertical-20 {\r\n margin-top: 20px !important;\r\n margin-bottom: 20px !important;\r\n}\r\n.margin-vertical-25 {\r\n margin-top: 25px !important;\r\n margin-bottom: 25px !important;\r\n}\r\n.margin-vertical-30 {\r\n margin-top: 30px !important;\r\n margin-bottom: 30px !important;\r\n}\r\n.margin-vertical-35 {\r\n margin-top: 35px !important;\r\n margin-bottom: 35px !important;\r\n}\r\n.margin-vertical-40 {\r\n margin-top: 40px !important;\r\n margin-bottom: 40px !important;\r\n}\r\n.margin-vertical-45 {\r\n margin-top: 45px !important;\r\n margin-bottom: 45px !important;\r\n}\r\n.margin-vertical-50 {\r\n margin-top: 50px !important;\r\n margin-bottom: 50px !important;\r\n}\r\n.margin-vertical-60 {\r\n margin-top: 60px !important;\r\n margin-bottom: 60px !important;\r\n}\r\n.margin-vertical-70 {\r\n margin-top: 70px !important;\r\n margin-bottom: 70px !important;\r\n}\r\n.margin-vertical-80 {\r\n margin-top: 80px !important;\r\n margin-bottom: 80px !important;\r\n}\r\n\r\n// margin horizontal\r\n// -----------------\r\n.margin-horizontal-0 {\r\n margin-right: 0 !important;\r\n margin-left: 0 !important;\r\n}\r\n.margin-horizontal-3 {\r\n margin-right: 3px !important;\r\n margin-left: 3px !important;\r\n}\r\n.margin-horizontal-5 {\r\n margin-right: 5px !important;\r\n margin-left: 5px !important;\r\n}\r\n.margin-horizontal-10 {\r\n margin-right: 10px !important;\r\n margin-left: 10px !important;\r\n}\r\n.margin-horizontal-15 {\r\n margin-right: 15px !important;\r\n margin-left: 15px !important;\r\n}\r\n.margin-horizontal-20 {\r\n margin-right: 20px !important;\r\n margin-left: 20px !important;\r\n}\r\n.margin-horizontal-25 {\r\n margin-right: 25px !important;\r\n margin-left: 25px !important;\r\n}\r\n.margin-horizontal-30 {\r\n margin-right: 30px !important;\r\n margin-left: 30px !important;\r\n}\r\n.margin-horizontal-35 {\r\n margin-right: 35px !important;\r\n margin-left: 35px !important;\r\n}\r\n.margin-horizontal-40 {\r\n margin-right: 40px !important;\r\n margin-left: 40px !important;\r\n}\r\n.margin-horizontal-45 {\r\n margin-right: 45px !important;\r\n margin-left: 45px !important;\r\n}\r\n.margin-horizontal-50 {\r\n margin-right: 50px !important;\r\n margin-left: 50px !important;\r\n}\r\n.margin-horizontal-60 {\r\n margin-right: 60px !important;\r\n margin-left: 60px !important;\r\n}\r\n.margin-horizontal-70 {\r\n margin-right: 70px !important;\r\n margin-left: 70px !important;\r\n}\r\n.margin-horizontal-80 {\r\n margin-right: 80px !important;\r\n margin-left: 80px !important;\r\n}\r\n// margin top\r\n// ----------\r\n.margin-top-0 {\r\n margin-top: 0 !important;\r\n}\r\n.margin-top-3 {\r\n margin-top: 3px !important;\r\n}\r\n.margin-top-5 {\r\n margin-top: 5px !important;\r\n}\r\n.margin-top-10 {\r\n margin-top: 10px !important;\r\n}\r\n.margin-top-15 {\r\n margin-top: 15px !important;\r\n}\r\n.margin-top-20 {\r\n margin-top: 20px !important;\r\n}\r\n.margin-top-25 {\r\n margin-top: 25px !important;\r\n}\r\n.margin-top-30 {\r\n margin-top: 30px !important;\r\n}\r\n.margin-top-35 {\r\n margin-top: 35px !important;\r\n}\r\n.margin-top-40 {\r\n margin-top: 40px !important;\r\n}\r\n.margin-top-45 {\r\n margin-top: 45px !important;\r\n}\r\n.margin-top-50 {\r\n margin-top: 50px !important;\r\n}\r\n.margin-top-60 {\r\n margin-top: 60px !important;\r\n}\r\n.margin-top-70 {\r\n margin-top: 70px !important;\r\n}\r\n.margin-top-80 {\r\n margin-top: 80px !important;\r\n}\r\n\r\n// margin bottom\r\n// -------------\r\n.margin-bottom-0 {\r\n margin-bottom: 0 !important;\r\n}\r\n.margin-bottom-3 {\r\n margin-bottom: 3px !important;\r\n}\r\n.margin-bottom-5 {\r\n margin-bottom: 5px !important;\r\n}\r\n.margin-bottom-10 {\r\n margin-bottom: 10px !important;\r\n}\r\n.margin-bottom-15 {\r\n margin-bottom: 15px !important;\r\n}\r\n.margin-bottom-20 {\r\n margin-bottom: 20px !important;\r\n}\r\n.margin-bottom-25 {\r\n margin-bottom: 25px !important;\r\n}\r\n.margin-bottom-30 {\r\n margin-bottom: 30px !important;\r\n}\r\n.margin-bottom-35 {\r\n margin-bottom: 35px !important;\r\n}\r\n.margin-bottom-40 {\r\n margin-bottom: 40px !important;\r\n}\r\n.margin-bottom-45 {\r\n margin-bottom: 45px !important;\r\n}\r\n.margin-bottom-50 {\r\n margin-bottom: 50px !important;\r\n}\r\n.margin-bottom-60 {\r\n margin-bottom: 60px !important;\r\n}\r\n.margin-bottom-70 {\r\n margin-bottom: 70px !important;\r\n}\r\n.margin-bottom-80 {\r\n margin-bottom: 80px !important;\r\n}\r\n\r\n// margin left\r\n// -----------\r\n.margin-left-0 {\r\n margin-left: 0 !important;\r\n}\r\n.margin-left-3 {\r\n margin-left: 3px !important;\r\n}\r\n.margin-left-5 {\r\n margin-left: 5px !important;\r\n}\r\n.margin-left-10 {\r\n margin-left: 10px !important;\r\n}\r\n.margin-left-15 {\r\n margin-left: 15px !important;\r\n}\r\n.margin-left-20 {\r\n margin-left: 20px !important;\r\n}\r\n.margin-left-25 {\r\n margin-left: 25px !important;\r\n}\r\n.margin-left-30 {\r\n margin-left: 30px !important;\r\n}\r\n.margin-left-35 {\r\n margin-left: 35px !important;\r\n}\r\n.margin-left-40 {\r\n margin-left: 40px !important;\r\n}\r\n.margin-left-45 {\r\n margin-left: 45px !important;\r\n}\r\n.margin-left-50 {\r\n margin-left: 50px !important;\r\n}\r\n.margin-left-60 {\r\n margin-left: 60px !important;\r\n}\r\n.margin-left-70 {\r\n margin-left: 70px !important;\r\n}\r\n.margin-left-80 {\r\n margin-left: 80px !important;\r\n}\r\n\r\n// margin right\r\n// ------------\r\n.margin-right-0 {\r\n margin-right: 0 !important;\r\n}\r\n.margin-right-3 {\r\n margin-right: 3px !important;\r\n}\r\n.margin-right-5 {\r\n margin-right: 5px !important;\r\n}\r\n.margin-right-10 {\r\n margin-right: 10px !important;\r\n}\r\n.margin-right-15 {\r\n margin-right: 15px !important;\r\n}\r\n.margin-right-20 {\r\n margin-right: 20px !important;\r\n}\r\n.margin-right-25 {\r\n margin-right: 25px !important;\r\n}\r\n.margin-right-30 {\r\n margin-right: 30px !important;\r\n}\r\n.margin-right-35 {\r\n margin-right: 35px !important;\r\n}\r\n.margin-right-40 {\r\n margin-right: 40px !important;\r\n}\r\n.margin-right-45 {\r\n margin-right: 45px !important;\r\n}\r\n.margin-right-50 {\r\n margin-right: 50px !important;\r\n}\r\n.margin-right-60 {\r\n margin-right: 60px !important;\r\n}\r\n.margin-right-70 {\r\n margin-right: 70px !important;\r\n}\r\n.margin-right-80 {\r\n margin-right: 80px !important;\r\n}\r\n\r\n\r\n/* 内边距 */\r\n.no-padding {\r\n padding: 0 !important;\r\n}\r\n\r\n.no-padding-h {\r\n padding-right: 0 !important;\r\n padding-left: 0 !important;\r\n}\r\n\r\n.no-padding-v {\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n}\r\n\r\n.p-xs {\r\n padding: 4px;\r\n}\r\n\r\n.p-sm {\r\n padding: 8px;\r\n}\r\n\r\n.p {\r\n padding: 16px;\r\n}\r\n\r\n.p-md {\r\n padding: 24px;\r\n}\r\n\r\n.p-lg {\r\n padding: 32px;\r\n}\r\n\r\n.p-h {\r\n padding-right: 16px;\r\n padding-left: 16px;\r\n}\r\n\r\n.p-h-xs {\r\n padding-right: 4px;\r\n padding-left: 4px;\r\n}\r\n\r\n.p-h-sm {\r\n padding-right: 8px;\r\n padding-left: 8px;\r\n}\r\n\r\n.p-h-md {\r\n padding-right: 24px;\r\n padding-left: 24px;\r\n}\r\n\r\n.p-t-md {\r\n padding-top:24px;\r\n}\r\n\r\n.p-b-md{\r\n padding-bottom: 24px;\r\n}\r\n\r\n.p-l-md{\r\n padding-left: 24px;\r\n}\r\n\r\n.p-h-lg {\r\n padding-right: 32px;\r\n padding-left: 32px;\r\n}\r\n\r\n.p-v {\r\n padding-top: 16px;\r\n padding-bottom: 16px;\r\n}\r\n\r\n.p-v-xs {\r\n padding-top: 4px;\r\n padding-bottom: 4px;\r\n}\r\n\r\n.p-v-sm {\r\n padding-top: 8px;\r\n padding-bottom: 8px;\r\n}\r\n\r\n.p-v-md {\r\n padding-top: 24px;\r\n padding-bottom: 24px;\r\n}\r\n\r\n.p-v-lg {\r\n padding-top: 32px;\r\n padding-bottom: 32px;\r\n}\r\n\r\n.padding {\r\n padding: 32px 32px;\r\n}\r\n\r\n.padding-out {\r\n margin: -32px -32px;\r\n}\r\n\r\n\r\n// Padding Helpers\r\n// ========================================================================\r\n.padding-0 {\r\n padding: 0 !important;\r\n}\r\n.padding-3 {\r\n padding: 3px !important;\r\n}\r\n.padding-5 {\r\n padding: 5px !important;\r\n}\r\n.padding-10 {\r\n padding: 10px !important;\r\n}\r\n.padding-15 {\r\n padding: 15px !important;\r\n}\r\n.padding-20 {\r\n padding: 20px !important;\r\n}\r\n.padding-25 {\r\n padding: 25px !important;\r\n}\r\n.padding-30 {\r\n padding: 30px !important;\r\n}\r\n.padding-35 {\r\n padding: 35px !important;\r\n}\r\n.padding-40 {\r\n padding: 40px !important;\r\n}\r\n.padding-45 {\r\n padding: 45px !important;\r\n}\r\n.padding-50 {\r\n padding: 50px !important;\r\n}\r\n.padding-60 {\r\n padding: 60px !important;\r\n}\r\n.padding-70 {\r\n padding: 70px !important;\r\n}\r\n.padding-80 {\r\n padding: 80px !important;\r\n}\r\n\r\n// padding vertical\r\n// ---------------\r\n.padding-vertical-0 {\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n}\r\n.padding-vertical-3 {\r\n padding-top: 3px !important;\r\n padding-bottom: 3px !important;\r\n}\r\n.padding-vertical-5 {\r\n padding-top: 5px !important;\r\n padding-bottom: 5px !important;\r\n}\r\n.padding-vertical-10 {\r\n padding-top: 10px !important;\r\n padding-bottom: 10px !important;\r\n}\r\n.padding-vertical-15 {\r\n padding-top: 15px !important;\r\n padding-bottom: 15px !important;\r\n}\r\n.padding-vertical-20 {\r\n padding-top: 20px !important;\r\n padding-bottom: 20px !important;\r\n}\r\n.padding-vertical-25 {\r\n padding-top: 25px !important;\r\n padding-bottom: 25px !important;\r\n}\r\n.padding-vertical-30 {\r\n padding-top: 30px !important;\r\n padding-bottom: 30px !important;\r\n}\r\n.padding-vertical-35 {\r\n padding-top: 35px !important;\r\n padding-bottom: 35px !important;\r\n}\r\n.padding-vertical-40 {\r\n padding-top: 40px !important;\r\n padding-bottom: 40px !important;\r\n}\r\n.padding-vertical-45 {\r\n padding-top: 45px !important;\r\n padding-bottom: 45px !important;\r\n}\r\n.padding-vertical-50 {\r\n padding-top: 50px !important;\r\n padding-bottom: 50px !important;\r\n}\r\n.padding-vertical-60 {\r\n padding-top: 60px !important;\r\n padding-bottom: 60px !important;\r\n}\r\n.padding-vertical-70 {\r\n padding-top: 70px !important;\r\n padding-bottom: 70px !important;\r\n}\r\n.padding-vertical-80 {\r\n padding-top: 80px !important;\r\n padding-bottom: 80px !important;\r\n}\r\n\r\n// padding horizontal\r\n// -----------------\r\n.padding-horizontal-0 {\r\n padding-right: 0 !important;\r\n padding-left: 0 !important;\r\n}\r\n.padding-horizontal-3 {\r\n padding-right: 3px !important;\r\n padding-left: 3px !important;\r\n}\r\n.padding-horizontal-5 {\r\n padding-right: 5px !important;\r\n padding-left: 5px !important;\r\n}\r\n.padding-horizontal-10 {\r\n padding-right: 10px !important;\r\n padding-left: 10px !important;\r\n}\r\n.padding-horizontal-15 {\r\n padding-right: 15px !important;\r\n padding-left: 15px !important;\r\n}\r\n.padding-horizontal-20 {\r\n padding-right: 20px !important;\r\n padding-left: 20px !important;\r\n}\r\n.padding-horizontal-25 {\r\n padding-right: 25px !important;\r\n padding-left: 25px !important;\r\n}\r\n.padding-horizontal-30 {\r\n padding-right: 30px !important;\r\n padding-left: 30px !important;\r\n}\r\n.padding-horizontal-35 {\r\n padding-right: 35px !important;\r\n padding-left: 35px !important;\r\n}\r\n.padding-horizontal-40 {\r\n padding-right: 40px !important;\r\n padding-left: 40px !important;\r\n}\r\n.padding-horizontal-45 {\r\n padding-right: 45px !important;\r\n padding-left: 45px !important;\r\n}\r\n.padding-horizontal-50 {\r\n padding-right: 50px !important;\r\n padding-left: 50px !important;\r\n}\r\n.padding-horizontal-60 {\r\n padding-right: 60px !important;\r\n padding-left: 60px !important;\r\n}\r\n.padding-horizontal-70 {\r\n padding-right: 70px !important;\r\n padding-left: 70px !important;\r\n}\r\n.padding-horizontal-80 {\r\n padding-right: 80px !important;\r\n padding-left: 80px !important;\r\n}\r\n// padding top\r\n// ----------\r\n.padding-top-0 {\r\n padding-top: 0 !important;\r\n}\r\n.padding-top-3 {\r\n padding-top: 3px !important;\r\n}\r\n.padding-top-5 {\r\n padding-top: 5px !important;\r\n}\r\n.padding-top-10 {\r\n padding-top: 10px !important;\r\n}\r\n.padding-top-15 {\r\n padding-top: 15px !important;\r\n}\r\n.padding-top-20 {\r\n padding-top: 20px !important;\r\n}\r\n.padding-top-25 {\r\n padding-top: 25px !important;\r\n}\r\n.padding-top-30 {\r\n padding-top: 30px !important;\r\n}\r\n.padding-top-35 {\r\n padding-top: 35px !important;\r\n}\r\n.padding-top-40 {\r\n padding-top: 40px !important;\r\n}\r\n.padding-top-45 {\r\n padding-top: 45px !important;\r\n}\r\n.padding-top-50 {\r\n padding-top: 50px !important;\r\n}\r\n.padding-top-60 {\r\n padding-top: 60px !important;\r\n}\r\n.padding-top-70 {\r\n padding-top: 70px !important;\r\n}\r\n.padding-top-80 {\r\n padding-top: 80px !important;\r\n}\r\n\r\n// padding bottom\r\n// -------------\r\n.padding-bottom-0 {\r\n padding-bottom: 0 !important;\r\n}\r\n.padding-bottom-3 {\r\n padding-bottom: 3px !important;\r\n}\r\n.padding-bottom-5 {\r\n padding-bottom: 5px !important;\r\n}\r\n.padding-bottom-10 {\r\n padding-bottom: 10px !important;\r\n}\r\n.padding-bottom-15 {\r\n padding-bottom: 15px !important;\r\n}\r\n.padding-bottom-20 {\r\n padding-bottom: 20px !important;\r\n}\r\n.padding-bottom-25 {\r\n padding-bottom: 25px !important;\r\n}\r\n.padding-bottom-30 {\r\n padding-bottom: 30px !important;\r\n}\r\n.padding-bottom-35 {\r\n padding-bottom: 35px !important;\r\n}\r\n.padding-bottom-40 {\r\n padding-bottom: 40px !important;\r\n}\r\n.padding-bottom-45 {\r\n padding-bottom: 45px !important;\r\n}\r\n.padding-bottom-50 {\r\n padding-bottom: 50px !important;\r\n}\r\n.padding-bottom-60 {\r\n padding-bottom: 60px !important;\r\n}\r\n.padding-bottom-70 {\r\n padding-bottom: 70px !important;\r\n}\r\n.padding-bottom-80 {\r\n padding-bottom: 80px !important;\r\n}\r\n\r\n// padding left\r\n// -----------\r\n.padding-left-0 {\r\n padding-left: 0 !important;\r\n}\r\n.padding-left-3 {\r\n padding-left: 3px !important;\r\n}\r\n.padding-left-5 {\r\n padding-left: 5px !important;\r\n}\r\n.padding-left-10 {\r\n padding-left: 10px !important;\r\n}\r\n.padding-left-15 {\r\n padding-left: 15px !important;\r\n}\r\n.padding-left-20 {\r\n padding-left: 20px !important;\r\n}\r\n.padding-left-25 {\r\n padding-left: 25px !important;\r\n}\r\n.padding-left-30 {\r\n padding-left: 30px !important;\r\n}\r\n.padding-left-35 {\r\n padding-left: 35px !important;\r\n}\r\n.padding-left-40 {\r\n padding-left: 40px !important;\r\n}\r\n.padding-left-45 {\r\n padding-left: 45px !important;\r\n}\r\n.padding-left-50 {\r\n padding-left: 50px !important;\r\n}\r\n.padding-left-60 {\r\n padding-left: 60px !important;\r\n}\r\n.padding-left-70 {\r\n padding-left: 70px !important;\r\n}\r\n.padding-left-80 {\r\n padding-left: 80px !important;\r\n}\r\n\r\n// padding right\r\n// ------------\r\n.padding-right-0 {\r\n padding-right: 0 !important;\r\n}\r\n.padding-right-3 {\r\n padding-right: 3px !important;\r\n}\r\n.padding-right-5 {\r\n padding-right: 5px !important;\r\n}\r\n.padding-right-10 {\r\n padding-right: 10px !important;\r\n}\r\n.padding-right-15 {\r\n padding-right: 15px !important;\r\n}\r\n.padding-right-20 {\r\n padding-right: 20px !important;\r\n}\r\n.padding-right-25 {\r\n padding-right: 25px !important;\r\n}\r\n.padding-right-30 {\r\n padding-right: 30px !important;\r\n}\r\n.padding-right-35 {\r\n padding-right: 35px !important;\r\n}\r\n.padding-right-40 {\r\n padding-right: 40px !important;\r\n}\r\n.padding-right-45 {\r\n padding-right: 45px !important;\r\n}\r\n.padding-right-50 {\r\n padding-right: 50px !important;\r\n}\r\n.padding-right-60 {\r\n padding-right: 60px !important;\r\n}\r\n.padding-right-70 {\r\n padding-right: 70px !important;\r\n}\r\n.padding-right-80 {\r\n padding-right: 80px !important;\r\n}\r\n//responsive\r\n\r\n@-ms-viewport {\r\n width: device-width;\r\n}\r\n\r\n\r\n// Visibility utilities\r\n.visible-xs,\r\n.visible-sm,\r\n.visible-md,\r\n.visible-lg {\r\n @include responsive-invisibility();\r\n}\r\n\r\n.visible-xs-block,\r\n.visible-xs-inline,\r\n.visible-xs-inline-block,\r\n.visible-sm-block,\r\n.visible-sm-inline,\r\n.visible-sm-inline-block,\r\n.visible-md-block,\r\n.visible-md-inline,\r\n.visible-md-inline-block,\r\n.visible-lg-block,\r\n.visible-lg-inline,\r\n.visible-lg-inline-block {\r\n display: none !important;\r\n}\r\n\r\n.visible-xs {\r\n @media (max-width: $screen-xs-max) {\r\n @include responsive-visibility();\r\n }\r\n}\r\n.visible-xs-block {\r\n @media (max-width: $screen-xs-max) {\r\n display: block !important;\r\n }\r\n}\r\n.visible-xs-inline {\r\n @media (max-width: $screen-xs-max) {\r\n display: inline !important;\r\n }\r\n}\r\n.visible-xs-inline-block {\r\n @media (max-width: $screen-xs-max) {\r\n display: inline-block !important;\r\n }\r\n}\r\n\r\n.visible-sm {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n @include responsive-visibility();\r\n }\r\n}\r\n.visible-sm-block {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n display: block !important;\r\n }\r\n}\r\n.visible-sm-inline {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n display: inline !important;\r\n }\r\n}\r\n.visible-sm-inline-block {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n display: inline-block !important;\r\n }\r\n}\r\n\r\n.visible-md {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n @include responsive-visibility();\r\n }\r\n}\r\n.visible-md-block {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n display: block !important;\r\n }\r\n}\r\n.visible-md-inline {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n display: inline !important;\r\n }\r\n}\r\n.visible-md-inline-block {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n display: inline-block !important;\r\n }\r\n}\r\n\r\n.visible-lg {\r\n @media (min-width: $screen-lg-min) {\r\n @include responsive-visibility();\r\n }\r\n}\r\n.visible-lg-block {\r\n @media (min-width: $screen-lg-min) {\r\n display: block !important;\r\n }\r\n}\r\n.visible-lg-inline {\r\n @media (min-width: $screen-lg-min) {\r\n display: inline !important;\r\n }\r\n}\r\n.visible-lg-inline-block {\r\n @media (min-width: $screen-lg-min) {\r\n display: inline-block !important;\r\n }\r\n}\r\n\r\n\r\n.hidden-xs {\r\n @media (max-width: $screen-xs-max) {\r\n @include responsive-invisibility();\r\n }\r\n}\r\n.hidden-sm {\r\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\r\n @include responsive-invisibility();\r\n }\r\n}\r\n.hidden-md {\r\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\r\n @include responsive-invisibility();\r\n }\r\n}\r\n.hidden-lg {\r\n @media (min-width: $screen-lg-min) {\r\n @include responsive-invisibility();\r\n }\r\n}\r\n\r\n\r\n/* 边框 */\r\n\r\n.no-border {\r\n border-color: transparent;\r\n border-width: 0;\r\n}\r\n\r\n/* 背景 */\r\n.no-bg {\r\n color: inherit;\r\n background-color: transparent;\r\n}\r\n\r\n// 超链接按钮\r\n.u-link{\r\n cursor: pointer;\r\n color:unquote(\"rgb(#{$palette-indigo-500})\");\r\n background-color: transparent;\r\n text-decoration: none;\r\n\r\n}\r\n\r\n.u-link:active,\r\n.u-link:hover{\r\n outline: 0;\r\n}\r\n\r\n.u-link:focus, .u-link:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n// 边框\r\n.u-border-top{\r\n border-top:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\r\n}\r\n\r\n.u-border-left{\r\n border-left:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\r\n}\r\n\r\n.u-border-right{\r\n border-right:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\r\n}\r\n\r\n.u-border-bottom{\r\n border-bottom:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\r\n}\r\n","\r\n// Typography 排版\r\n\r\n@mixin typo-preferred-font($usePreferred: true) {\r\n @if $usePreferred {\r\n font-family: $preferred_font;\r\n }\r\n}\r\n\r\n@mixin typo-display-4($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 112/10 * $unit;\r\n font-weight: 300;\r\n line-height: 1;\r\n letter-spacing: -0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-3($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 56/10 * $unit;\r\n font-weight: 400;\r\n line-height: 1.35;\r\n letter-spacing: -0.02em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-2($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 45/10 * $unit;\r\n font-weight: 400;\r\n line-height: 48/10 * $unit;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-1($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 34/10 * $unit;\r\n font-weight: 400;\r\n line-height: 40/10 * $unit;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-headline($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 24/10 * $unit;\r\n font-weight: 400;\r\n line-height: 32/10 * $unit;\r\n -moz-osx-font-smoothing: grayscale;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-title($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 20/10 * $unit;\r\n font-weight: 500;\r\n line-height: 1;\r\n letter-spacing: 0.02em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-subhead($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 16/10 * $unit;\r\n font-weight: 400;\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-subhead-2($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 16/10 * $unit;\r\n font-weight: 400;\r\n line-height: 28/10 * $unit;\r\n letter-spacing: 0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-body-2($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n @if $usePreferred {\r\n font-weight: 500;\r\n } @else {\r\n font-weight: bold;\r\n }\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-body-1($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 400;\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-caption($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 12/10 * $unit;\r\n font-weight: 400;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-blockquote($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n position: relative;\r\n font-size: 24/10 * $unit;\r\n font-weight: 300;\r\n font-style: italic;\r\n line-height: 1.35;\r\n letter-spacing: 0.08em;\r\n\r\n &:before {\r\n position: absolute;\r\n left: -0.5em;\r\n content: '“';\r\n }\r\n\r\n &:after {\r\n content: '”';\r\n margin-left: -0.05em;\r\n }\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-menu($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 500;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-button($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 500;\r\n // text-transform: uppercase;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n// Shadows\r\n\r\n// Focus shadow mixin.\r\n@mixin focus-shadow() {\r\n box-shadow: 0 0 8/10 * $unit rgba(0,0,0,.18),0 8/10 * $unit 16/10 * $unit rgba(0,0,0,.36);\r\n}\r\n\r\n@mixin shadow-0dp() {\r\n box-shadow: none;\r\n}\r\n\r\n@mixin shadow-2dp() {\r\n box-shadow: 0 2/10 * $unit 2/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 1/10 * $unit -2/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity),\r\n 0 1/10 * $unit 5/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\r\n box-shadow: 0 2/10 * $unit 2/10 * $unit 0 rgb(0, 0, 0),\r\n 0 3/10 * $unit 1/10 * $unit -2/10 * $unit rgb(0, 0, 0),\r\n 0 1/10 * $unit 5/10 * $unit 0 rgb(0, 0, 0) \\9;\r\n}\r\n@mixin shadow-3dp() {\r\n box-shadow: 0 3/10 * $unit 4/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 3/10 * $unit -2/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity),\r\n 0 1/10 * $unit 8/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\r\n}\r\n@mixin shadow-4dp() {\r\n box-shadow: 0 4/10 * $unit 5/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 1/10 * $unit 10/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 2/10 * $unit 4/10 * $unit -1/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n@mixin shadow-6dp() {\r\n box-shadow: 0 6/10 * $unit 10/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 1/10 * $unit 18/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 3/10 * $unit 5/10 * $unit -1/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n@mixin shadow-8dp() {\r\n box-shadow: 0 8/10 * $unit 10/10 * $unit 1/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 14/10 * $unit 2/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 5/10 * $unit 5/10 * $unit -3/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n@mixin shadow-16dp() {\r\n box-shadow: 0 16/10 * $unit 24/10 * $unit 2/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 6/10 * $unit 30/10 * $unit 5/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 8/10 * $unit 10/10 * $unit -5/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n@mixin shadow-24dp() {\r\n box-shadow: 0 9/10 * $unit 46/10 * $unit 8/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 11/10 * $unit 15/10 * $unit -7/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 24/10 * $unit 38/10 * $unit 3/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n//Animations\r\n\r\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-fast-out-slow-in;\r\n}\r\n\r\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-linear-out-slow-in;\r\n}\r\n\r\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-fast-out-linear-in;\r\n}\r\n\r\n@mixin material-animation-default($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-default;\r\n}\r\n\r\n\r\n\r\n// Transitions\r\n\r\n@mixin transition($transition) {\r\n -webkit-transition: $transition;\r\n -o-transition: $transition;\r\n transition: $transition;\r\n}\r\n@mixin transition-property($transition-property) {\r\n -webkit-transition-property: $transition-property;\r\n transition-property: $transition-property;\r\n}\r\n@mixin transition-delay($transition-delay) {\r\n -webkit-transition-delay: $transition-delay;\r\n transition-delay: $transition-delay;\r\n}\r\n@mixin transition-duration($transition-duration) {\r\n -webkit-transition-duration: $transition-duration;\r\n transition-duration: $transition-duration;\r\n}\r\n@mixin transition-timing-function($timing-function) {\r\n -webkit-transition-timing-function: $timing-function;\r\n transition-timing-function: $timing-function;\r\n}\r\n@mixin transition-transform($transition) {\r\n -webkit-transition: -webkit-transform $transition;\r\n -moz-transition: -moz-transform $transition;\r\n -o-transition: -o-transform $transition;\r\n transition: transform $transition;\r\n}\r\n\r\n//添加圆角\r\n@mixin border-top-radius($radius) {\r\n border-top-right-radius: $radius;\r\n border-top-left-radius: $radius;\r\n}\r\n@mixin border-right-radius($radius) {\r\n border-bottom-right-radius: $radius;\r\n border-top-right-radius: $radius;\r\n}\r\n@mixin border-bottom-radius($radius) {\r\n border-bottom-right-radius: $radius;\r\n border-bottom-left-radius: $radius;\r\n}\r\n@mixin border-left-radius($radius) {\r\n border-bottom-left-radius: $radius;\r\n border-top-left-radius: $radius;\r\n}\r\n//边框按钮颜色\r\n@mixin border-button-styles-variant($text-color,$bg-color,$bg-hover-color,$bg-active-color) {\r\n\r\n color: $text-color;\r\n background-color: #fff;\r\n border:1px $bg-color solid;\r\n\r\n &.focus, &:focus, &:hover {\r\n background-color: $bg-hover-color;\r\n border-color: $bg-hover-color;\r\n color:#fff;\r\n }\r\n\r\n &.active, &:active {\r\n color:#fff;\r\n background-color: $bg-active-color;\r\n border-color: $bg-active-color;\r\n }\r\n}\r\n//按钮颜色\r\n@mixin timeline-styles-variant($border-color) {\r\n border-color: $border-color;\r\n color: $border-color;\r\n}\r\n//按钮颜色\r\n@mixin button-styles-variant($text-color,$bg-color,$bg-hover-color,$bg-active-color) {\r\n\r\n color: $text-color;\r\n background-color: $bg-color;\r\n border:1px $bg-color solid;\r\n\r\n &.focus, &:focus, &:hover {\r\n background-color: $bg-hover-color;\r\n border-color: $bg-hover-color;\r\n }\r\n\r\n &.active, &:active {\r\n background-color: $bg-active-color;\r\n border-color: $bg-active-color;\r\n }\r\n}\r\n\r\n//按钮尺寸\r\n@mixin button-size($padding-y, $padding-x, $font-size) {\r\n padding: $padding-y $padding-x;\r\n font-size: $font-size;\r\n}\r\n\r\n//徽章\r\n@mixin badge-variant($color, $bg) {\r\n color: $color;\r\n background-color: $bg;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus {\r\n color: $color;\r\n }\r\n }\r\n}\r\n\r\n\r\n//标签\r\n\r\n@mixin tag-styles-variant($color, $hover-color) {\r\n background-color: $color;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus {\r\n background-color: $hover-color;\r\n }\r\n }\r\n\r\n &.u-tag-outline {\r\n color: $color;\r\n background-color: transparent;\r\n border-color: $color;\r\n }\r\n}\r\n\r\n\r\n// 分页\r\n\r\n@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius, $width-size) {\r\n > li {\r\n > a {\r\n padding: $padding-vertical $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n }\r\n &:first-child {\r\n > a{\r\n @include border-left-radius($border-radius);\r\n }\r\n }\r\n &:last-child {\r\n > a{\r\n @include border-right-radius($border-radius);\r\n }\r\n }\r\n }\r\n >li[role=\"gap\"]{\r\n > a {\r\n padding: $padding-vertical+1px $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n }\r\n }\r\n > li.iconBtn > a {\r\n &> i{\r\n font-size: $font-size;\r\n }\r\n }\r\n + .u-pagination-total {\r\n height: $width-size;\r\n line-height: $width-size;\r\n & + .data_per_select {\r\n > span { line-height: $width-size; }\r\n & + .page_jump > span {\r\n line-height: $width-size;\r\n }\r\n }\r\n }\r\n}\r\n\r\n//radio\r\n\r\n@mixin radio-styles-variant($color) {\r\n &.is-checked{\r\n .u-radio-outer-circle{\r\n border: 1px solid $color;\r\n }\r\n .u-radio-inner-circle{\r\n background: $color;\r\n }\r\n }\r\n\r\n}\r\n//progress\r\n\r\n@mixin progress-styles-variant($bg-color) {\r\n background-color: $bg-color;\r\n}\r\n\r\n//alert\r\n@mixin alert-styles-variant($bg-color,$text-color) {\r\n background-color: $bg-color;\r\n border-color: $bg-color;\r\n color: $text-color;\r\n}\r\n\r\n//checkbox\r\n\r\n@mixin checkbox-styles-variant($color) {\r\n &.is-checked{\r\n .u-checkbox-outline{\r\n border: 1px solid $color;\r\n }\r\n .u-checkbox-tick-outline{\r\n background: $color;\r\n }\r\n }\r\n\r\n}\r\n//switch colors\r\n@mixin switch-styles-variant($color){\r\n background: $color;\r\n border: 1px solid $color;\r\n}\r\n\r\n//tooltips\r\n\r\n@mixin tooltip-styles-variant($color) {\r\n .tooltip-inner{\r\n background-color:$color !important;\r\n }\r\n &.bottom .tooltip-arrow{\r\n border-bottom-color:$color !important;\r\n }\r\n &.top .tooltip-arrow{\r\n border-top-color:$color !important;\r\n }\r\n &.left .tooltip-arrow{\r\n border-left-color:$color !important;\r\n }\r\n &.right .tooltip-arrow{\r\n border-right-color:$color !important;\r\n }\r\n}\r\n\r\n@mixin menu-styles-variant($color,$color-hover) {\r\n .u-menu-item:hover{\r\n background-color:$color-hover;\r\n a{\r\n color: #FFFFFF;\r\n }\r\n\r\n }\r\n .u-menu-item.active>a{\r\n background-color:$color;\r\n }\r\n .u-menu-item:focus {\r\n outline: none;\r\n background-color: $color;\r\n a{\r\n color: #FFFFFF;\r\n }\r\n }\r\n}\r\n\r\n\r\n// utilities\r\n// font-weight\r\n@mixin font-weight-light(){\r\n font-weight: $font-weight-light;\r\n}\r\n@mixin font-weight-normal(){\r\n font-weight: $font-weight-normal;\r\n}\r\n@mixin font-weight-medium(){\r\n font-weight: $font-weight-medium;\r\n}\r\n@mixin font-weight-bold(){\r\n font-weight: $font-weight-bold;\r\n}\r\n\r\n// text\r\n@mixin text-truncate() {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n word-wrap: normal; //for IE\r\n white-space: nowrap;\r\n}\r\n\r\n@mixin text-break() {\r\n -webkit-hyphens: auto;\r\n -moz-hyphens: auto;\r\n -ms-hyphens: auto;\r\n hyphens: auto;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n}\r\n\r\n@mixin text-nowrap() {\r\n white-space: nowrap;\r\n}\r\n\r\n\r\n// visibility\r\n\r\n@mixin responsive-visibility() {\r\n display: block !important;\r\n table { display: table !important; }\r\n tr { display: table-row !important; }\r\n th ,\r\n td { display: table-cell !important; }\r\n}\r\n\r\n@mixin responsive-invisibility() {\r\n display: none !important;\r\n}\r\n\r\n\r\n\r\n@mixin center-block() {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n@mixin clearfix() {\r\n &:before,\r\n &:after {\r\n content: \" \"; // 1\r\n display: table; // 2\r\n }\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n\r\n\r\n@mixin hide-text() {\r\n color: transparent;\r\n text-shadow: none;\r\n background-color: transparent;\r\n border: 0;\r\n}\r\n\r\n@mixin text-hide() {\r\n @include hide-text();\r\n}\r\n\r\n\r\n// nav\r\n\r\n@mixin navbar-vertical-align($element-height) {\r\n margin-top: (($navbar-height - $element-height) / 2);\r\n margin-bottom: (($navbar-height - $element-height) / 2);\r\n}\r\n\r\n","@import \"minxin-variables\";\r\n@import \"minxin-mixins\";\r\n\r\n.u-shadow-0dp {\r\n @include shadow-0dp();\r\n}\r\n\r\n.u-shadow-2dp {\r\n @include shadow-2dp();\r\n}\r\n\r\n.u-shadow-3dp {\r\n @include shadow-3dp();\r\n}\r\n\r\n.u-shadow-4dp {\r\n @include shadow-4dp();\r\n}\r\n\r\n.u-shadow-6dp {\r\n @include shadow-6dp();\r\n}\r\n\r\n.u-shadow-8dp {\r\n @include shadow-8dp();\r\n}\r\n\r\n.u-shadow-16dp {\r\n @include shadow-16dp();\r\n}\r\n\r\n.u-shadow-24dp {\r\n @include shadow-24dp();\r\n}\r\n","\r\n/* keyframes 定义 */\r\n@-webkit-keyframes uSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes uSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@keyframes uSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes uSlideDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideDownOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@keyframes uSlideDownOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes uSlideLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideLeftOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@keyframes uSlideLeftOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes uSlideRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideRightOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@keyframes uSlideRightOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSwingIn {\r\n 0%,\r\n 100% {\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n }\r\n 20% {\r\n -webkit-transform: translateX(-10px);\r\n transform: translateX(-10px);\r\n }\r\n 40% {\r\n -webkit-transform: translateX(10px);\r\n transform: translateX(10px);\r\n }\r\n 60% {\r\n -webkit-transform: translateX(-5px);\r\n transform: translateX(-5px);\r\n }\r\n 80% {\r\n -webkit-transform: translateX(5px);\r\n transform: translateX(5px);\r\n }\r\n}\r\n@keyframes uSwingIn {\r\n 0%,\r\n 100% {\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n }\r\n 20% {\r\n -webkit-transform: translateX(-10px);\r\n transform: translateX(-10px);\r\n }\r\n 40% {\r\n -webkit-transform: translateX(10px);\r\n transform: translateX(10px);\r\n }\r\n 60% {\r\n -webkit-transform: translateX(-5px);\r\n transform: translateX(-5px);\r\n }\r\n 80% {\r\n -webkit-transform: translateX(5px);\r\n transform: translateX(5px);\r\n }\r\n}\r\n@-webkit-keyframes uZoomIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n}\r\n@keyframes uZoomOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n}\r\n@-webkit-keyframes uZoomBigIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomBigIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomBigOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomBigOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomUpOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomUpOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomLeftOut {\r\n 0% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomLeftOut {\r\n 0% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomRightOut {\r\n 0% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomRightOut {\r\n 0% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomDownOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomDownOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes rcMenuOpenZoomIn {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0, 0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1, 1);\r\n }\r\n}\r\n@keyframes rcMenuOpenZoomOut {\r\n 0% {\r\n\r\n transform: scale(1, 1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(0, 0);\r\n }\r\n}\r\n@keyframes rcMenuOpenSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes rcMenuOpenSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(0);\r\n }\r\n}","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease;\n}\n.collapse {\n display: none;\n}\n.collapse.in {\n display: block;\n}\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n@import \"../node_modules/bee-transition/src/Transition.scss\";\n\n\n.u-panel{\n line-height: 1.57142857;\n color: $panel-default-color;\n position: relative;\n margin-bottom: 20px;\n -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);\n box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);\n background-color: $panel-bg-color;\n border: 1px solid transparent;\n border-radius: 4px;\n .u-panel-heading{\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n position: relative;\n padding: $panel-header-padding;\n border-bottom: 1px solid transparent;\n }\n h4,h3{\n font-family: Roboto,sans-serif;\n font-weight: 400;\n line-height: 1.2;\n color: #424242;\n font-size: 18px;\n text-shadow: rgba(0,0,0,.15) 0 0 1px;\n }\n .u-panel-footer{\n padding: $panel-footer-padding;\n background-color: $panel-footer-bg-color;\n border-top: 1px solid $panel-inner-border-color;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n .u-panel-title {\n margin-top: 0;\n margin-bottom: 0;\n display: block;\n font-size: 18px;\n color: #424242;\n .small{\n color:#757575;\n }\n }\n .u-panel-body {\n padding: $panel-body-padding;\n position: relative;\n .u-panel-copy{\n position: absolute;\n right: 25px;\n top: 30px;\n color: #fff;\n font-size: 20px;\n padding: 2px 8px;\n margin: 8px;\n border-radius: 4px;\n cursor: pointer;\n &:hover{\n color: #a8a7a7;\n }\n }\n }\n}\n\n.u-panel-default{\n border-color:$panel-inner-border-color;\n .u-panel-heading{\n background-color: $panel-header-bg-color;\n color: #333;\n }\n .u-panel-footer{\n border-top: 1px solid transparent;\n }\n}\n\n.u-panel-heading+.u-panel-body{\n //padding-top:0;\n}\n.u-panel-bordered{\n border-color: $panel-inner-border-color;\n .u-panel-heading{\n border-bottom: 1px solid $panel-inner-border-color;\n }\n .u-panel-footer{\n border-top: 1px solid $panel-inner-border-color;\n background-color: #fff;\n }\n}\n.u-panel>:not(.panel-loading):not(.collapsing){\n -webkit-transition: opacity .3s;\n -o-transition: opacity .3s;\n transition: opacity .3s;\n}\n.u-button-group-vertical>.u-button-group:after, .u-button-group-vertical>.u-button-group:before, .u-button-toolbar:after, .u-button-toolbar:before, .clearfix:after, .clearfix:before, .u-container-fluid:after, .container-fluid:before, .u-container:after, .u-container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .u-modal-footer:after, .u-modal-footer:before, .u-modal-header:after, .u-modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .u-panel-body:after, .u-panel-body:before, .row:after, .row:before{\n display: table;\n content: \" \";\n}\n.u-panel-body .h1:first-child, .u-panel-body .h2:first-child, .u-panel-body .h3:first-child, .u-panel-body .h4:first-child, .u-panel-body .h5:first-child, .u-panel-body .h6:first-child, .u-panel-body h1:first-child, .u-panel-body h2:first-child, .u-panel-body h3:first-child, .u-panel-body h4:first-child, .u-panel-body h5:first-child, .u-panel-body h6:first-child{\n margin-top:0;\n}\n.u-panel-group {\n margin-bottom: 20px;\n .u-panel {\n margin-bottom: 0;\n border-radius: 4px;\n }\n .u-panel+.u-panel {\n margin-top: 5px;\n }\n .u-panel-heading {\n border-bottom: 0;\n cursor: pointer;\n }\n .u-panel-heading+.u-panel-collapse>.list-group, .u-panel-group .u-panel-heading+.u-panel-collapse>.u-panel-body {\n border-top: 1px solid $panel-inner-border-color;\n }\n}\n","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n\n@mixin clearfix {\n // :before,\n // :after {\n // content: \" \"; // 1\n // display: table; // 2\n // }\n // :after {\n // clear: both;\n // }\n}\n\n// Centered container element\n@mixin container-fixed($gutter: $grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: floor(($gutter / 2));\n padding-right: ceil(($gutter / 2));\n @include clearfix;\n //&:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n@mixin make-row($gutter: $grid-gutter-width) {\n margin-left: ceil(($gutter / -2));\n margin-right: floor(($gutter / -2));\n box-sizing: border-box;\n @include clearfix;\n}\n\n@mixin make-grid($type){\n .u-col-#{$type}-push-0{\n left:auto;\n }\n .u-col-#{$type}-pull-0{\n right:auto;\n }\n @for $i from 1 through $grid-columns {\n .u-col-#{$type}-#{$i}{\n width:percentage($i/$grid-columns);\n }\n .u-col-#{$type}-push-#{$i}{\n left: percentage($i/$grid-columns);\n }\n .u-col-#{$type}-pull-#{$i}{\n right: percentage($i/$grid-columns);\n }\n .u-col-#{$type}-offset-#{$i}{\n margin-left:percentage($i/$grid-columns);\n }\n }\n\n @if $type == md {\n .u-col-push-0{\n left:auto;\n }\n .u-col-pull-0{\n right:auto;\n\n\n\n\n\n\n }\n @for $i from 1 through $grid-columns {\n .u-col-#{$i}{\n width:percentage($i/$grid-columns);\n }\n .u-col-push-#{$i}{\n left: percentage($i/$grid-columns);\n }\n .u-col-pull-#{$i}{\n right: percentage($i/$grid-columns);\n }\n .u-col-offset-#{$i}{\n margin-left:percentage($i/$grid-columns);\n }\n }\n }\n}\n\n\n// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n.u-container {\n @include container-fixed();\n\n @media (min-width: $screen-sm-min) {\n width: $container-sm;\n }\n @media (min-width: $screen-md-min) {\n width: $container-md;\n }\n @media (min-width: $screen-lg-min) {\n width: $container-lg;\n }\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.u-container-fluid {\n @include container-fixed();\n}\n\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n.u-row {\n @include make-row();\n &:before{\n display: table;\n content: \" \";\n };\n &:after{\n display: table;\n content: \" \";\n clear: both;\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n// _md 类型是为了兼容 u-col-1 这种类名\n$allColumnName: '';\n$xsColumnName:'';\n$smColumnName:'';\n$mdColumnName:'';\n$_mdColumnName:'';\n$lgColumnName:'';\n@for $i from 1 through $grid-columns {\n $array: xs sm md lg _md;\n @for $j from 1 through length($array){\n @if $j == 5{\n $allColumnName: $allColumnName + '.u-col-#{$i}' + ',';\n } @else{\n $allColumnName: $allColumnName + '.u-col-#{nth($array, $j)}-#{$i}' + ',';\n }\n\n @if $j == 1 {\n $xsColumnName: $xsColumnName + '.u-col-xs-#{$i}' + ',';\n }\n @else if $j == 2{\n $smColumnName: $smColumnName + '.u-col-sm-#{$i}' + ',';\n }\n @else if $j == 3{\n $mdColumnName: $mdColumnName + '.u-col-md-#{$i}' + ',';\n $_mdColumnName:$_mdColumnName + '.u-col-#{$i}' + ',';\n }\n @else if $j == 4{\n $lgColumnName: $lgColumnName + '.u-col-lg-#{$i}' + ',';\n }\n }\n}\n#{$allColumnName} {\n position: relative;\n// Prevent columns from collapsing when empty\n min-height: 1px;\n// Inner gutter via padding\n padding-left: ceil(($grid-gutter-width / 2));\n padding-right: floor(($grid-gutter-width / 2));\n box-sizing: border-box;\n}\n\n#{$xsColumnName}{\n float:left;\n}\n\n@include make-grid(xs)\n\n// Small grid\n//\n// Columns, offsets, pushes, and pulls for the small device range, from phones\n// to tablets.\n@media (min-width: $screen-sm-min) {\n #{$smColumnName}{\n float:left;\n }\n @include make-grid(sm);\n}\n\n// Medium grid\n//\n// Columns, offsets, pushes, and pulls for the desktop device range.\n\n@media (min-width: $screen-md-min) {\n #{$mdColumnName}{\n float:left;\n }\n #{$_mdColumnName}{\n float:left;\n }\n @include make-grid(md);\n}\n\n// Large grid\n//\n// Columns, offsets, pushes, and pulls for the large desktop device range.\n\n@media (min-width: $screen-lg-min) {\n #{$lgColumnName}{\n float:left;\n }\n @include make-grid(lg);\n}\n","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 4/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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n$button-padding-y-md: 4px;\r\n$button-padding-x-md: 13px;\r\n$font-size-md: 14px;\r\n\r\n//默认 flat 样式.\r\n.u-button {\r\n background: $button-default-color;\r\n // border: none;\r\n border: $button-border-width $button-border-style $button-default-border-color;\r\n border-radius: $button-border-radius;\r\n color: $button-default-text-color;\r\n position: relative;\r\n min-width: $button-min-width;\r\n padding: $button-padding;\r\n display: inline-block;\r\n @include typo-button();\r\n overflow: hidden;\r\n will-change: box-shadow, transform;\r\n outline: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n text-align: center;\r\n line-height: $button-line-height;\r\n vertical-align: middle;\r\n &::-moz-focus-inner {\r\n border: 0;\r\n }\r\n\r\n &:hover {\r\n background-color: $button-hover-color;\r\n border-color: $button-hover-border-color;\r\n }\r\n\r\n &:active {\r\n background-color: $button-active-color;\r\n border-color: $button-active-border-color;\r\n }\r\n\r\n &.colored {\r\n color: $button-primary-color;\r\n\r\n &:focus:not(:active) {\r\n background-color: $button-focus-color;\r\n border-color: $button-focus-border-color;\r\n }\r\n }\r\n &.disable{\r\n -webkit-box-shadow: none;\r\n filter: alpha(opacity=65);\r\n box-shadow: none;\r\n cursor: not-allowed;\r\n opacity: .65;\r\n }\r\n}\r\n\r\ninput.u-button[type=\"submit\"] {\r\n -webkit-appearance:none;\r\n}\r\n\r\n//Floating bottons\r\n.u-button-floating {\r\n border-radius: 50%;\r\n font-size: $button-fab-font-size;\r\n height: $button-fab-size;\r\n margin: auto;\r\n min-width: $button-fab-size;\r\n width: $button-fab-size;\r\n padding: 0;\r\n line-height: normal;\r\n border: 1px solid $button-border-color;\r\n\r\n &.colored {\r\n background: $button-fab-color-alt;\r\n color: $button-fab-text-color-alt;\r\n\r\n &:hover {\r\n background-color: $button-fab-hover-color-alt;\r\n }\r\n\r\n &:focus:not(:active) {\r\n background-color: $button-fab-active-color-alt;\r\n }\r\n\r\n &:active {\r\n background-color: $button-fab-active-color-alt;\r\n }\r\n background: $button-fab-ripple-color-alt;\r\n }\r\n}\r\n\r\n.u-button.disabled, .u-button[disabled] {\r\n cursor: not-allowed;\r\n opacity: .65;\r\n filter: alpha(opacity=65);\r\n box-shadow: none;\r\n}\r\n\r\n.u-button-default {\r\n color: #333;\r\n background-color: #fff;\r\n border-color: #ccc;\r\n &:hover,&:focus,&:active {\r\n background-color: #e6e6e6;\r\n border-color: #adadad;\r\n }\r\n}\r\n\r\n.u-button-border{\r\n color: $button-default-text-color;\r\n border: $button-border-width $button-border-style $button-border-color;\r\n background: $button-border-bg-color;\r\n &:hover {\r\n color: $button-default-text-color;\r\n background-color: $button-hover-color;\r\n border-color: $button-border-color;\r\n }\r\n\r\n &:active {\r\n color: $button-default-text-color;\r\n background-color: $button-active-color;\r\n border-color: $button-border-color;\r\n }\r\n\r\n &:focus:not(:active) {\r\n color: $button-default-text-color;\r\n background-color: $button-focus-color;\r\n border-color: $button-border-color;\r\n }\r\n}\r\n\r\n.u-button.u-button-primary{\r\n @include button-styles-variant( $button-text-color,\r\n $button-primary-color,\r\n $button-primary-hover-color,\r\n $button-primary-active-color);\r\n}\r\n.u-button.u-button-secondary{\r\n @include button-styles-variant( $button-second-text-color,\r\n $button-secondary-color,\r\n $button-secondary-hover-color,\r\n $button-secondary-active-color);\r\n}\r\n.u-button.u-button-danger{\r\n @include button-styles-variant( $button-text-color,\r\n $button-danger-color,\r\n $button-danger-hover-color,\r\n $button-danger-active-color);\r\n}\r\n.u-button.u-button-info{\r\n @include button-styles-variant( $button-text-color,\r\n $button-info-color,\r\n $button-info-hover-color,\r\n $button-info-active-color);\r\n}\r\n.u-button.u-button-warning{\r\n @include button-styles-variant( $button-text-color,\r\n $button-warning-color,\r\n $button-warning-hover-color,\r\n $button-warning-active-color);\r\n}\r\n.u-button.u-button-success{\r\n @include button-styles-variant( $button-text-color,\r\n $button-success-color,\r\n $button-success-hover-color,\r\n $button-success-active-color);\r\n}\r\n.u-button.u-button-dark{\r\n @include button-styles-variant( $button-text-color,\r\n $button-dark-color,\r\n $button-dark-hover-color,\r\n $button-dark-active-color);\r\n}\r\n.u-button.u-button-light{\r\n @include button-styles-variant( $color-light,\r\n $button-light-color,\r\n $button-light-hover-color,\r\n $button-light-active-color);\r\n}\r\n\r\n.u-button-border.u-button-success{\r\n @include border-button-styles-variant($button-success-color,$button-success-color,$button-success-hover-color,$button-success-active-color);\r\n}\r\n.u-button-border.u-button-warning{\r\n @include border-button-styles-variant($button-warning-color,$button-warning-color,$button-warning-hover-color,$button-warning-active-color);\r\n}\r\n.u-button-border.u-button-danger{\r\n @include border-button-styles-variant($button-danger-color,$button-danger-color,$button-danger-hover-color,$button-danger-active-color);\r\n}\r\n.u-button-border.u-button-info{\r\n @include border-button-styles-variant($button-info-color,$button-info-color,$button-info-hover-color,$button-info-active-color);\r\n}\r\n\r\n.u-button-border.u-button-primary{\r\n @include border-button-styles-variant($button-primary-color,$button-primary-color,$button-primary-hover-color,$button-primary-active-color);\r\n}\r\n.u-button-border.u-button-secondary{\r\n @include border-button-styles-variant($button-secondary-color,$button-secondary-color,$button-secondary-hover-color,$button-secondary-active-color);\r\n}\r\n.u-button-border.u-button-dark{\r\n @include border-button-styles-variant($button-dark-color,$button-dark-color,$button-dark-hover-color,$button-dark-active-color);\r\n}\r\n.u-button-border.u-button-light{\r\n @include border-button-styles-variant($button-dark-color,$button-light-color,$button-light-hover-color,$button-light-active-color);\r\n}\r\n\r\n.u-button-icon {\r\n border-radius: 50%;\r\n font-size: $button-fab-font-size;\r\n height:$button-icon-size;\r\n margin: auto;\r\n min-width:$button-icon-size;\r\n width: $button-icon-size;\r\n padding: 0;\r\n line-height: normal;\r\n border: 1px solid $button-border-color;\r\n}\r\n\r\n//大型\r\n.u-button-lg {\r\n @include button-size($button-padding-y-lg, $button-padding-x-lg, $font-size-lg);\r\n}\r\n//特大型\r\n.u-button-xg {\r\n\r\n @include button-size($button-padding-y-xg, $button-padding-x-xg, $font-size-xg);\r\n}\r\n//中型(默认)\r\n.u-button-md {\r\n @include button-size($button-padding-y-md, $button-padding-x-md, $font-size-md);\r\n}\r\n//小型\r\n.u-button-sm {\r\n @include button-size($button-padding-y-sm, $button-padding-x-sm, $font-size-sm);\r\n}\r\n//方形按钮\r\n.u-button-squared {\r\n border-radius: 0;\r\n}\r\n\r\n// 圆形按钮\r\n\r\n.u-button-round {\r\n border-radius: 1000px;\r\n}\r\n\r\n//按钮充满整行\r\n.u-button-block{\r\n white-space: normal;\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n//与.u-button-round连用创建左半圆\r\n.u-button-pill-left {\r\n border-radius: 500px 0 0 500px;\r\n}\r\n//与.u-button-round连用创建右半圆\r\n.u-button-pill-right {\r\n border-radius: 0 500px 500px 0;\r\n}\r\n","\r\n// Typography 排版\r\n\r\n@mixin typo-preferred-font($usePreferred: true) {\r\n @if $usePreferred {\r\n font-family: $preferred_font;\r\n }\r\n}\r\n\r\n@mixin typo-display-4($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 112/10 * $unit;\r\n font-weight: 300;\r\n line-height: 1;\r\n letter-spacing: -0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-3($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 56/10 * $unit;\r\n font-weight: 400;\r\n line-height: 1.35;\r\n letter-spacing: -0.02em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-2($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 45/10 * $unit;\r\n font-weight: 400;\r\n line-height: 48/10 * $unit;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-display-1($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 34/10 * $unit;\r\n font-weight: 400;\r\n line-height: 40/10 * $unit;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-headline($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 24/10 * $unit;\r\n font-weight: 400;\r\n line-height: 32/10 * $unit;\r\n -moz-osx-font-smoothing: grayscale;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-title($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 20/10 * $unit;\r\n font-weight: 500;\r\n line-height: 1;\r\n letter-spacing: 0.02em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-subhead($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 16/10 * $unit;\r\n font-weight: 400;\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-subhead-2($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 16/10 * $unit;\r\n font-weight: 400;\r\n line-height: 28/10 * $unit;\r\n letter-spacing: 0.04em;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-body-2($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n @if $usePreferred {\r\n font-weight: 500;\r\n } @else {\r\n font-weight: bold;\r\n }\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-body-1($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 400;\r\n line-height: 24/10 * $unit;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-caption($colorContrast: false, $usePreferred: false) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 12/10 * $unit;\r\n font-weight: 400;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-blockquote($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n position: relative;\r\n font-size: 24/10 * $unit;\r\n font-weight: 300;\r\n font-style: italic;\r\n line-height: 1.35;\r\n letter-spacing: 0.08em;\r\n\r\n &:before {\r\n position: absolute;\r\n left: -0.5em;\r\n content: '“';\r\n }\r\n\r\n &:after {\r\n content: '”';\r\n margin-left: -0.05em;\r\n }\r\n\r\n @if $colorContrast {\r\n opacity: 0.54;\r\n }\r\n}\r\n\r\n@mixin typo-menu($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 500;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n@mixin typo-button($colorContrast: false, $usePreferred: true) {\r\n @include typo-preferred-font($usePreferred);\r\n font-size: 14/10 * $unit;\r\n font-weight: 500;\r\n // text-transform: uppercase;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n\r\n @if $colorContrast {\r\n opacity: 0.87;\r\n }\r\n}\r\n\r\n// Shadows\r\n\r\n// Focus shadow mixin.\r\n@mixin focus-shadow() {\r\n box-shadow: 0 0 8/10 * $unit rgba(0,0,0,.18),0 8/10 * $unit 16/10 * $unit rgba(0,0,0,.36);\r\n}\r\n\r\n@mixin shadow-0dp() {\r\n box-shadow: none;\r\n}\r\n\r\n@mixin shadow-2dp() {\r\n box-shadow: 0 2/10 * $unit 2/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 1/10 * $unit -2/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity),\r\n 0 1/10 * $unit 5/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\r\n box-shadow: 0 2/10 * $unit 2/10 * $unit 0 rgb(0, 0, 0),\r\n 0 3/10 * $unit 1/10 * $unit -2/10 * $unit rgb(0, 0, 0),\r\n 0 1/10 * $unit 5/10 * $unit 0 rgb(0, 0, 0) \\9;\r\n}\r\n@mixin shadow-3dp() {\r\n box-shadow: 0 3/10 * $unit 4/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 3/10 * $unit -2/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity),\r\n 0 1/10 * $unit 8/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\r\n}\r\n@mixin shadow-4dp() {\r\n box-shadow: 0 4/10 * $unit 5/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 1/10 * $unit 10/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 2/10 * $unit 4/10 * $unit -1/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n@mixin shadow-6dp() {\r\n box-shadow: 0 6/10 * $unit 10/10 * $unit 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 1/10 * $unit 18/10 * $unit 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 3/10 * $unit 5/10 * $unit -1/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n@mixin shadow-8dp() {\r\n box-shadow: 0 8/10 * $unit 10/10 * $unit 1/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 3/10 * $unit 14/10 * $unit 2/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 5/10 * $unit 5/10 * $unit -3/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n@mixin shadow-16dp() {\r\n box-shadow: 0 16/10 * $unit 24/10 * $unit 2/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 6/10 * $unit 30/10 * $unit 5/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 8/10 * $unit 10/10 * $unit -5/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n@mixin shadow-24dp() {\r\n box-shadow: 0 9/10 * $unit 46/10 * $unit 8/10 * $unit rgba(0, 0, 0, $shadow-key-penumbra-opacity),\r\n 0 11/10 * $unit 15/10 * $unit -7/10 * $unit rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\r\n 0 24/10 * $unit 38/10 * $unit 3/10 * $unit rgba(0, 0, 0, $shadow-key-umbra-opacity);\r\n}\r\n\r\n//Animations\r\n\r\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-fast-out-slow-in;\r\n}\r\n\r\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-linear-out-slow-in;\r\n}\r\n\r\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-fast-out-linear-in;\r\n}\r\n\r\n@mixin material-animation-default($duration:0.2s) {\r\n transition-duration: $duration;\r\n transition-timing-function: $animation-curve-default;\r\n}\r\n\r\n\r\n\r\n// Transitions\r\n\r\n@mixin transition($transition) {\r\n -webkit-transition: $transition;\r\n -o-transition: $transition;\r\n transition: $transition;\r\n}\r\n@mixin transition-property($transition-property) {\r\n -webkit-transition-property: $transition-property;\r\n transition-property: $transition-property;\r\n}\r\n@mixin transition-delay($transition-delay) {\r\n -webkit-transition-delay: $transition-delay;\r\n transition-delay: $transition-delay;\r\n}\r\n@mixin transition-duration($transition-duration) {\r\n -webkit-transition-duration: $transition-duration;\r\n transition-duration: $transition-duration;\r\n}\r\n@mixin transition-timing-function($timing-function) {\r\n -webkit-transition-timing-function: $timing-function;\r\n transition-timing-function: $timing-function;\r\n}\r\n@mixin transition-transform($transition) {\r\n -webkit-transition: -webkit-transform $transition;\r\n -moz-transition: -moz-transform $transition;\r\n -o-transition: -o-transform $transition;\r\n transition: transform $transition;\r\n}\r\n\r\n//添加圆角\r\n@mixin border-top-radius($radius) {\r\n border-top-right-radius: $radius;\r\n border-top-left-radius: $radius;\r\n}\r\n@mixin border-right-radius($radius) {\r\n border-bottom-right-radius: $radius;\r\n border-top-right-radius: $radius;\r\n}\r\n@mixin border-bottom-radius($radius) {\r\n border-bottom-right-radius: $radius;\r\n border-bottom-left-radius: $radius;\r\n}\r\n@mixin border-left-radius($radius) {\r\n border-bottom-left-radius: $radius;\r\n border-top-left-radius: $radius;\r\n}\r\n//边框按钮颜色\r\n@mixin border-button-styles-variant($text-color,$bg-color,$bg-hover-color,$bg-active-color) {\r\n\r\n color: $text-color;\r\n background-color: #fff;\r\n border:1px $bg-color solid;\r\n\r\n &.focus, &:focus, &:hover {\r\n background-color: $bg-hover-color;\r\n border-color: $bg-hover-color;\r\n color:#fff;\r\n }\r\n\r\n &.active, &:active {\r\n color:#fff;\r\n background-color: $bg-active-color;\r\n border-color: $bg-active-color;\r\n }\r\n}\r\n//按钮颜色\r\n@mixin timeline-styles-variant($border-color) {\r\n border-color: $border-color;\r\n color: $border-color;\r\n}\r\n//按钮颜色\r\n@mixin button-styles-variant($text-color,$bg-color,$bg-hover-color,$bg-active-color) {\r\n\r\n color: $text-color;\r\n background-color: $bg-color;\r\n border:1px $bg-color solid;\r\n\r\n &.focus, &:focus, &:hover {\r\n background-color: $bg-hover-color;\r\n border-color: $bg-hover-color;\r\n }\r\n\r\n &.active, &:active {\r\n background-color: $bg-active-color;\r\n border-color: $bg-active-color;\r\n }\r\n}\r\n\r\n//按钮尺寸\r\n@mixin button-size($padding-y, $padding-x, $font-size) {\r\n padding: $padding-y $padding-x;\r\n font-size: $font-size;\r\n}\r\n\r\n//徽章\r\n@mixin badge-variant($color, $bg) {\r\n color: $color;\r\n background-color: $bg;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus {\r\n color: $color;\r\n }\r\n }\r\n}\r\n\r\n\r\n//标签\r\n\r\n@mixin tag-styles-variant($color, $hover-color) {\r\n background-color: $color;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus {\r\n background-color: $hover-color;\r\n }\r\n }\r\n\r\n &.u-tag-outline {\r\n color: $color;\r\n background-color: transparent;\r\n border-color: $color;\r\n }\r\n}\r\n\r\n\r\n// 分页\r\n\r\n@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\r\n > li {\r\n > a {\r\n padding: $padding-vertical $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n }\r\n &:first-child {\r\n > a{\r\n @include border-left-radius($border-radius);\r\n }\r\n }\r\n &:last-child {\r\n > a{\r\n @include border-right-radius($border-radius);\r\n }\r\n }\r\n }\r\n >li[role=\"gap\"]{\r\n > a {\r\n padding: $padding-vertical+1px $padding-horizontal;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n }\r\n }\r\n}\r\n\r\n//radio\r\n\r\n@mixin radio-styles-variant($color) {\r\n &.is-checked{\r\n .u-radio-outer-circle{\r\n border: 1px solid $color;\r\n }\r\n .u-radio-inner-circle{\r\n background: $color;\r\n }\r\n }\r\n\r\n}\r\n//progress\r\n\r\n@mixin progress-styles-variant($bg-color) {\r\n background-color: $bg-color;\r\n}\r\n\r\n//alert\r\n@mixin alert-styles-variant($bg-color,$text-color) {\r\n background-color: $bg-color;\r\n border-color: $bg-color;\r\n color: $text-color;\r\n}\r\n\r\n//checkbox\r\n\r\n@mixin checkbox-styles-variant($color) {\r\n &.is-checked{\r\n .u-checkbox-outline{\r\n border: 1px solid $color;\r\n }\r\n .u-checkbox-tick-outline{\r\n background: $color;\r\n }\r\n }\r\n\r\n}\r\n//switch colors\r\n@mixin switch-styles-variant($color){\r\n background: $color;\r\n border: 1px solid $color;\r\n}\r\n\r\n//tooltips\r\n\r\n@mixin tooltip-styles-variant($color) {\r\n .tooltip-inner{\r\n background-color:$color !important;\r\n }\r\n &.bottom .tooltip-arrow{\r\n border-bottom-color:$color !important;\r\n }\r\n &.top .tooltip-arrow{\r\n border-top-color:$color !important;\r\n }\r\n &.left .tooltip-arrow{\r\n border-left-color:$color !important;\r\n }\r\n &.right .tooltip-arrow{\r\n border-right-color:$color !important;\r\n }\r\n}\r\n\r\n@mixin menu-styles-variant($color,$color-hover) {\r\n .u-menu-item:hover{\r\n background-color:$color-hover;\r\n a{\r\n color: #FFFFFF;\r\n }\r\n\r\n }\r\n .u-menu-item.active>a{\r\n background-color:$color;\r\n }\r\n .u-menu-item:focus {\r\n outline: none;\r\n background-color: $color;\r\n a{\r\n color: #FFFFFF;\r\n }\r\n }\r\n}\r\n\r\n\r\n// utilities\r\n// font-weight\r\n@mixin font-weight-light(){\r\n font-weight: $font-weight-light;\r\n}\r\n@mixin font-weight-normal(){\r\n font-weight: $font-weight-normal;\r\n}\r\n@mixin font-weight-medium(){\r\n font-weight: $font-weight-medium;\r\n}\r\n@mixin font-weight-bold(){\r\n font-weight: $font-weight-bold;\r\n}\r\n\r\n// text\r\n@mixin text-truncate() {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n word-wrap: normal; //for IE\r\n white-space: nowrap;\r\n}\r\n\r\n@mixin text-break() {\r\n -webkit-hyphens: auto;\r\n -moz-hyphens: auto;\r\n -ms-hyphens: auto;\r\n hyphens: auto;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n}\r\n\r\n@mixin text-nowrap() {\r\n white-space: nowrap;\r\n}\r\n\r\n\r\n// visibility\r\n\r\n@mixin responsive-visibility() {\r\n display: block !important;\r\n table { display: table !important; }\r\n tr { display: table-row !important; }\r\n th ,\r\n td { display: table-cell !important; }\r\n}\r\n\r\n@mixin responsive-invisibility() {\r\n display: none !important;\r\n}\r\n\r\n\r\n\r\n@mixin center-block() {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n@mixin clearfix() {\r\n &:before,\r\n &:after {\r\n content: \" \"; // 1\r\n display: table; // 2\r\n }\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n\r\n\r\n@mixin hide-text() {\r\n color: transparent;\r\n text-shadow: none;\r\n background-color: transparent;\r\n border: 0;\r\n}\r\n\r\n@mixin text-hide() {\r\n @include hide-text();\r\n}\r\n\r\n\r\n// nav\r\n\r\n@mixin navbar-vertical-align($element-height) {\r\n margin-top: (($navbar-height - $element-height) / 2);\r\n margin-bottom: (($navbar-height - $element-height) / 2);\r\n}\r\n\r\n","\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n -webkit-transition-property: height, visibility;\n transition-property: height, visibility;\n -webkit-transition-duration: 0.35s;\n transition-duration: 0.35s;\n -webkit-transition-timing-function: ease;\n transition-timing-function: ease;\n}\n.collapse {\n display: none;\n}\n.collapse.in {\n display: block;\n}\n","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n.u-popconfirm {\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zIndex-popconfirm;\n display: none;\n max-width: $popconfirm-max-width;\n padding: 1px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid $popconfirm-border-color;\n border-radius: 6px;\n box-shadow: 0 5px 10px rgba(0,0,0,.2);\n\n &-dark {\n background-color: $gray-darkest;\n color: #fff;\n }\n}\n\n.u-popconfirm.right {\n margin-left: $popconfirm-margin;\n}\n\n.u-popconfirm.left {\n margin-left: -$popconfirm-margin;\n}\n\n.u-popconfirm.top {\n margin-top: -$popconfirm-margin;\n}\n\n.u-popconfirm.bottom {\n margin-top: $popconfirm-margin;\n}\n\n.u-popconfirm.right>.arrow {\n top: 50%;\n left: -10px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: $popconfirm-arrow-outer-color;\n}\n\n.u-popconfirm.left>.arrow {\n top: 50%;\n right: -10px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: $popconfirm-arrow-outer-color;\n}\n\n.u-popconfirm.top>.arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: $popconfirm-arrow-outer-color;\n bottom: -10px;\n}\n\n.u-popconfirm.bottom>.arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: $popconfirm-arrow-outer-color;\n top: -11px;\n}\n\n.u-popconfirm>.arrow {\n border-width: $popconfirm-arrow-width;\n}\n\n.u-popconfirm>.arrow, .u-popconfirm>.arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n\n.u-popconfirm>.arrow:after {\n border-width: $popconfirm-arrow-width;\n content: \"\";\n}\n\n.u-popconfirm.right>.arrow:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: $popconfirm-fallback-border-color;\n}\n\n.u-popconfirm.left>.arrow:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: $popconfirm-fallback-border-color;\n bottom: -10px;\n}\n\n.u-popconfirm.top>.arrow:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: $popconfirm-fallback-border-color;\n}\n\n.u-popconfirm.bottom>.arrow:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: $popconfirm-fallback-border-color;\n}\n\n\n.u-popconfirm-dark.right>.arrow:after {\n border-right-color: $popconfirm-fallback-dark-border-color;\n}\n\n.u-popconfirm-dark.left>.arrow:after {\n border-left-color: $popconfirm-fallback-dark-border-color;\n}\n\n.u-popconfirm-dark.top>.arrow:after {\n border-top-color: $popconfirm-fallback-dark-border-color;\n}\n\n.u-popconfirm-dark.bottom>.arrow:after {\n border-bottom-color: $popconfirm-fallback-dark-border-color;\n}\n\n\n.u-popconfirm-content {\n padding: 15px;\n}\n.u-popconfirm-confirm {\n text-align: center;\n button {\n margin-right: 10px;\n }\n}\n\n.u-popconfirm .u-button{\n margin: 10px;\n}\n","\n\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n@import \"minxin-colors\";\n\n\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n$unit: 10px !default;\n// IMAGES\n$image_path: '/images' !default;\n\n\n\n//默认颜色\n$trim-color-classes: false !default;\n\n@import \"minxin-themeColors\";\n\n//对比色\n$color-primary-contrast: $color-dark-contrast !default;\n$color-accent-contrast: $color-dark-contrast !default;\n//字体颜色\n$color-text: $palette-grey-900 !default;\n\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n\n// -- Fonts 字体大小权重预定义\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\n$font-size: 1.6 * $unit !default;\n$font-size-tiny: 1.2 * $unit !default;\n$font-size-small: 1.4 * $unit !default;\n$font-size-normal: $font-size !default;\n$font-size-big: 1.8 * $unit !default;\n$font-weight-thin: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 500 !default;\n$font-weight-bold: 700 !default;\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\n\n\n$font-weight-override: false;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$font-weight-base: $font-weight-normal;\n\n\n\n\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\n$border-color-base: $gray-lighter;\n$line-height-base: 1.57142857;\n\n\n\n\n\n\n// 阴影\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n$shadow-base: 0 1px 5px $gray-lighter;\n\n\n\n//-- Indexes\n$z-index-highest: 300;\n$z-index-higher: 200;\n$z-index-high: 100;\n$z-index-normal: 1;\n$z-index-low: -100;\n$z-index-lower: -200;\n\n$zindex-modal: 1700;\n$zindex-modal-background: 1600;\n$zIndex-notification: 1560;\n$zIndex-message: 1550;\n$zIndex-popconfirm: 1540;\n$zIndex-popover: 1540;\n$zIndex-tooltip: 1530;\n$zIndex-alert: 1510;\n$zindex-navbar-fixed: 1500;\n$zindex-menubar: 1400;\n$zindex-overlay: 1300;\n$zindex-dropdown: 1200;\n$zindex-navbar: 1200;\n$zindex-header: 1100;\n$zindex-footer: 1000;\n$zindex-backtop:2000;\n\n// 文本字体\n\n//todo\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n$target-elements-directly: true !default;\n\n\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\n\n\n// 控件\n$cursor-disabled: not-allowed;\n\n\n$title-color: $gray-darkest;\n//todo\n$subtitle-color: $gray-darker;\n$text-color: $gray-dark;\n\n$prompt-color: $gray;\n//全局不同状态颜色\n//todo\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\n\n$bg-color-base: $gray-lightest;\n\n//disable颜色\n$disabled-color-base: $gray-light;\n$disabled-border-color: $gray-lighter;\n$disabled-bg-color: $gray-lightest;\n\n// 全局链接颜色\n$link-color: $normal-color-base;\n$link-hover-color: $hover-color-base;\n$link-active-color: $active-color-base;\n\n\n$brand-default: $gray-lighter;\n$brand-default-hover: $gray-lightest;\n$brand-default-active: $gray-light;\n\n$brand-primary : unquote(\"rgb(#{$color-primary})\") !default;\n$brand-primary-hover: unquote(\"rgb(#{$color-primary-light})\") !default;\n$brand-primary-active: unquote(\"rgb(#{$color-primary-dark})\") !default;\n\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\n\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\n\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\n\n\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\n\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\n\n$brand-dark: $gray-darker;\n$brand-dark-hover: $gray-dark;\n$brand-dark-active: $gray-darkest;\n\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-100})\") !default;\n$brand-light-success: unquote(\"rgb(#{$palette-green-100})\") !default;\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-100})\") !default;\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-100})\") !default;\n$brand-light-news: unquote(\"rgb(#{$palette-blue-100})\") !default;\n$brand-light-danger: unquote(\"rgb(#{$palette-red-100})\") !default;\n\n//不同背景下对应的文字颜色\n\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n\n//redius\n\n$default-border-radius: 4px;\n\n// UButton\n\n// Default button colors.\n$button-default-color: $brand-default;\n$button-default-color-IE8: $brand-default;\n\n$button-hover-color: $brand-default-hover;\n$button-active-color: $brand-default-active;\n$button-focus-color: $brand-default-active;\n\n\n$button-text-color: unquote(\"rgb(#{$color-dark-contrast})\") !default;\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !default;\n\n\n\n\n$button-primary-color: $brand-primary;\n$button-primary-active-color: $brand-primary-active;\n$button-primary-hover-color: $brand-primary-hover;\n$button-success-color: $brand-success;\n$button-success-active-color: $brand-success-active;\n$button-success-hover-color: $brand-success-hover;\n$button-info-color: $brand-info;\n$button-info-active-color: $brand-info-active;\n$button-info-hover-color: $brand-info-hover;\n$button-warning-color: $brand-warning;\n$button-warning-active-color: $brand-warning-active;\n$button-warning-hover-color: $brand-warning-hover;\n$button-danger-color: $brand-danger;\n$button-danger-active-color: $brand-danger-active;\n$button-danger-hover-color: $brand-danger-hover;\n$button-dark-color: $brand-dark;\n$button-dark-active-color: $brand-dark-active;\n$button-dark-hover-color: $brand-dark-hover;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n//Dimensions\n\n$button-min-width: 72/10 * $unit !default;\n$button-height: 36/10 * $unit !default;\n$button-padding: 5/10* $unit 13/10 * $unit !default;\n$button-padding-IE8: 5px 13px !default;\n$button-top-padding: 1310 * $unit !default;\n$button-left-padding: 6/10* $unit !default;\n$button-line-height:1.57142857;\n$button-margin: 4/10 * $unit !default;\n$button-border-radius: 4/10 * $unit !default;\n\n$button-fab-size: 38/10 * $unit !default;\n$button-fab-size-mini: 30/10 * $unit !default;\n$button-fab-font-size: 14/10 * $unit !default;\n\n$button-icon-size: 32/10 * $unit !default;\n$button-icon-size-mini: 13/10 * $unit !default;\n\n$button-raised-font-size: 14/10 * $unit !default;\n\n$button-border-color:unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n// 大按钮\n$button-padding-y-lg:8px;\n$button-padding-x-lg:15px;\n$font-size-lg:1.4 * $unit;\n\n\n//特大型按钮\n$button-padding-y-xg:10px;\n$button-padding-x-xg:18px;\n$font-size-xg:1.6 * $unit;\n\n\n//小型按钮\n$button-padding-y-sm:3px;\n$button-padding-x-sm:5px;\n$font-size-sm:1.2 * $unit;\n\n\n\n// UText\n\n\n$form-control-border-radius: 3px;\n$form-control-default-font-size: 14px;\n$form-control-lg-font-size: 14px;\n$form-control-sm-font-size: 12px;\n$form-control-default-height: 30px;\n$form-control-lg-height: 38px;\n$form-control-sm-height: 24px;\n$form-control-color: #424242;\n$form-control-bg-color: #fff;\n$form-control-border-color: #bdbdbd;\n$form-control-disable-bg-color: #eee;\n$form-control-disable-color: #BDBDBD;\n$form-control-disable-border-color: #e0e0e0;\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n\n$input-text-font-size: 14px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n$input-text-height:36px !default;\n$input-text-normal-width:360px !default;\n$input-text-short-width:180px !default;\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default\n\n\n/* FormGroup */\n\n$error-input-border:$brand-danger;\n$warning-input-border:$brand-warning;\n$success-input-border:$brand-success;\n$success-addon-bg: $brand-light-success;\n$warning-addon-bg: $brand-light-warning;\n$error-addon-bg: $brand-light-danger;\n$form-group-margin-top: 15px;\n$form-group-margin-bottom: 15px;\n\n/* Navlayout */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n$layout-nav-link-font-size: 13px !default;\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 44px !default;\n$layout-drawer-button-desktop-size: 34px !default;\n$layout-drawer-button-desktop-margin-top: 5px !default;\n$layout-drawer-button-mobile-margin-top: 10px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 44px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n// gridlayout\n\n// Extra small screen / phone\n//$screen-xs: 480px;\n\n$screen-xs-min: 480px;\n// Deprecated `@screen-phone` as of v3.0.1\n//@screen-phone: @screen-xs-min;\n\n// Small screen / tablet\n// Deprecated `@screen-sm` as of v3.0.1\n//@screen-sm: 768px;\n$screen-sm-min: 768px;\n// Deprecated `@screen-tablet` as of v3.0.1\n//@screen-tablet: @screen-sm-min;\n\n// Medium screen / desktop\n// Deprecated `@screen-md` as of v3.0.1\n//@screen-md: 992px;\n$screen-md-min: 992px;\n// Deprecated `@screen-desktop` as of v3.0.1\n//@screen-desktop: @screen-md-min;\n\n// Large screen / wide desktop\n// Deprecated `@screen-lg` as of v3.0.1\n//@screen-lg: 1200px;\n$screen-lg-min: 1200px;\n// Deprecated `@screen-lg-desktop` as of v3.0.1\n//@screen-lg-desktop: @screen-lg-min;\n$screen-xs-max: ($screen-sm-min - 1 );\n\n$screen-sm-max: ($screen-sm-min - 1 );\n\n$screen-md-max: ($screen-lg-min - 1 );\n\n\n\n\n// Number of columns in the grid.\n$grid-columns: 12;\n// Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n// Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: 768px;\n// Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width);\n// For `@screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n// For `@screen-md-min` and up.\n$container-md: $container-desktop;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n// For `@screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n\n// menu\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n// Tile\n$tile-width: 100%;\n\n$tile-default-border-color: #e9e9e9;\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\n\n$tile-primary-border-color: $button-primary-color;\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\n\n$tile-danger-border-color: $button-danger-color;\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\n\n$tile-warning-border-color: $button-warning-color;\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\n\n$tile-success-border-color: $button-success-color;\n$tile-success-hover-shadow-color: $button-success-hover-color;\n\n$tile-info-border-color: $button-info-color;\n$tile-info-hover-shadow-color: $button-info-hover-color;\n\n// Alert\n$alert-news-bg: $brand-light-news;\n$alert-success-bg: $brand-light-success;\n$alert-info-bg: $brand-light-info;\n$alert-warning-bg: $brand-light-warning;\n$alert-danger-bg: $brand-light-danger;\n\n\n$alert-dark-news-bg: $brand-news;\n$alert-dark-success-bg: $brand-success;\n$alert-dark-info-bg: $brand-info;\n$alert-dark-warning-bg: $brand-warning;\n$alert-dark-danger-bg: $brand-danger;\n\n$alert-news-color: $color-news;\n$alert-success-color: $color-success;\n$alert-info-color: $color-info;\n$alert-warning-color: $color-warning;\n$alert-danger-color: $color-danger;\n\n$timeline-news-color: $color-news;\n$timeline-success-color: $color-success;\n$timeline-info-color: $color-info;\n$timeline-warning-color: $color-warning;\n$timeline-danger-color: $color-danger;\n\n$alert-padding:10px;\n$alert-font-size:12px;\n$alert-border-radius: 4px;\n$alert-text-padding-left: 15px;\n$alert-text-padding-right: 15px;\n$alert-close-font-size: 21px;\n$alert-close-opacity: .2;\n$alert-close-font-weight: 700;\n\n//Checkbox\n\n$checkbox-color: unquote(\"rgb(#{$color-primary})\") !default;\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n$checkbox-label-font-size: 13px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n$checkbox-primary-bg: $brand-primary;\n$checkbox-success-bg: $brand-success;\n$checkbox-info-bg: $brand-info;\n$checkbox-warning-bg: $brand-warning;\n$checkbox-danger-bg: $brand-danger;\n$checkbox-dark-bg: $brand-dark;\n\n$progress-primary-bg: $brand-primary;\n$progress-success-bg: $brand-success;\n$progress-info-bg: $brand-info;\n$progress-warning-bg: $brand-warning;\n$progress-danger-bg: $brand-danger;\n$progress-dark-bg: $brand-dark;\n\n$color-primary-opacity:unquote(\"rgba(#{$color-primary}, 0.7)\") !default;\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\n\n\n$progress-sm-height: 10px;\n$progress-xs-height: 5px;\n$progress-xs-width: 170px;\n$progress-default-height: 20px;\n$progress-sm-lable-font-size: 10px;\n$progress-sm-lable-line-height: 10px;\n$progress-xs-lable-line-height: 8px;\n$progress-xs-lable-margin-left: 140px;\n$progress-xs-lable-font-size: 10px;\n$progress-xs-lable-color: #000;\n\n// Radio\n\n$radio-color: unquote(\"rgb(#{$color-primary})\") !default;\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n$radio-label-font-size: 13px !default;\n$radio-label-height: 32px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n$radio-primary-bg: $brand-primary;\n$radio-success-bg: $brand-success;\n$radio-info-bg: $brand-info;\n$radio-warning-bg: $brand-warning;\n$radio-danger-bg: $brand-danger;\n$radio-dark-bg: $brand-dark;\n\n$radio-disabled-color: rgba(0, 0, 0, 0.25);\n$radio-disabled-bg: #f7f7f7;\n$radio-diabled-border-color: #d9d9d9;\n\n$radio-border-color: #d9d9d9;\n$radio-bg-color: #fff;\n$radio-color: rgba(0, 0, 0, 0.65);\n\n$radio-checked-bg-color: #fff;\n$radio-checked-color: #108ee9;\n$radio-checked-border-color: $radio-checked-color;\n\n$radio-icon-height: 18px;\n$radio-icon-width: 18px;\n$radio-icon-checked-height: 8px;\n$radio-icon-checked-width: 8px;\n\n$radio-button-lg-height:42px;\n$radio-button-lg-line-height:26px;\n\n$radio-button-sm-height:22px;\n$radio-button-sm-line-height:20px;\n\n$radio-button-height: 28px;\n$radio-button-line-height: 26px;\n\n\n\n\n\n//loading\n\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$loading-single-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n$loading-size: 28px !default;\n$loading-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$loading-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$loading-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$loading-arc-start-rot: 216deg !default;\n\n$loading-duration: 360 * $loading-arc-time / (\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\n\n// datetimepicker\n\n$date-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n// message\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\n$snackbar-background-color: unquote(\"rgb(#{$color-primary})\") !default;\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\n\n// DATA TABLE\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\n\n//$data-table-hover-color: #eeeeee !default;\n$data-table-hover-color: #E9F7FC !default;\n$data-table-selection-color: #C4EAF6 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n// $line-height-computed: round(($font-size-small * $line-height-base));\n$line-height-computed: round((14px * $line-height-base));\n$table-bg: transparent;\n$table-cell-padding: 8px;\n$table-border-color: $border-color-base;\n$table-bg-hover: $bg-color-base;\n$table-bg-active: $table-bg-hover;\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\n\n\n\n\n// tooltip\n$tooltip-max-width: 200px;\n$tooltip-color: #fff;\n$tooltip-bg: #000;\n$tooltip-inverse-border-color: #d9d9d9;\n$tooltip-inverse-color: rgb(51,51,51);\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-opacity: .9;\n\n\n// 进度条\n$bar-height: 4px !default;\n$progress-main-color: unquote(\"rgb(#{$color-primary})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n\n\n$tab-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n\n\n//CARD\n\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 13px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 10px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1.4 * $unit !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 13px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n// Cover image\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\n$input-border-focus:unquote(\"rgb(#{$color-primary})\");\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\n$form-input-height:36px;\n$form-input-height-sm:28px;\n$form-input-padding-left:12px;\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\n\n\n// BADGE\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n$badge-primary-color:#FFFFFF;\n$badge-primary-bg:$brand-primary;\n\n$badge-success-color:#FFFFFF;\n$badge-success-bg: $brand-success;\n\n$badge-info-color:#FFFFFF;\n$badge-info-bg:$brand-info;\n\n$badge-warning-color:#FFFFFF;\n$badge-warning-bg:$brand-warning;\n\n$badge-danger-color:#FFFFFF;\n$badge-danger-bg:$brand-danger;\n\n$badge-dark-color:#FFFFFF;\n$badge-dark-bg:$brand-dark;\n\n$badge-font-size: 12px;\n$badge-font-dataicon-size: 10px;\n$badge-default-dataicon-fontcolor: #757575;\n$badge-default-dataicon-bgcolor: #fff;\n$badge-default-dataicon-bordercolor: #ccc;\n\n// labels\n$tag-padding: .25em .6em .25em;\n$tag-border-radius: 0.3em;\n$tag-bg: #eeeeee;\n$tag-round-border-radius: 1em;\n$tag-default-color: #757575;\n$tag-default-bg:#e0e0e0;\n$tag-lg-font-size: 16px;\n$tag-sm-font-size: 10px;\n$tag-sm-padding: .1em .5em .1em;\n$tag-default-hover-bg: $brand-default-hover;\n$tag-primary-hover-bg: $brand-primary-hover;\n$tag-success-hover-bg: $brand-success-hover;\n$tag-info-hover-bg: $brand-info-hover;\n$tag-warning-hover-bg: $brand-warning-hover;\n$tag-danger-hover-bg: $brand-danger-hover;\n$tag-dark-hover-bg: $brand-dark-hover;\n$tag-default-bg: $brand-default;\n$tag-primary-bg: $brand-primary;\n$tag-success-bg: $brand-success;\n$tag-info-bg: $brand-info;\n$tag-warning-bg: $brand-warning;\n$tag-danger-bg: $brand-danger;\n$tag-dark-bg: $brand-dark;\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\n\n\n// pagination\n$pagination-gap-hover-border:unquote(\"rgb(#{$color-primary})\");\n\n$pagination-link-padding: 7px 13px;\n$pagination-lg-font-size: 16px;\n$pagination-lg-padding-vertical: 9px;\n$pagination-lg-padding-horizontal: 15px;\n\n$pagination-small-font-size: \t14px;\n$pagination-small-padding-vertical: 5px;\n$pagination-small-padding-horizontal: 9px;\n\n$pag-color: #666666;\n$pag-bg-color: #fff;\n$pag-border-color:#d7d7d7;\n$pag-hover-color: #666;\n$pag-hover-bg-color:#eee;\n$pag-hover-border-color:#d7d7d7;\n$pag-active-color: #fff;\n$pag-active-bg-color:unquote(\"rgb(#{$color-primary})\");\n$pag-active-border-color:unquote(\"rgb(#{$color-primary})\");\n$pag-disabled-color: #777;\n$pag-disabled-bg-color:#fff;\n$pag-disabled-border-color:#ddd;\n\n$border-radius-base: 3px;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n// widget\n\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n//tooltips\n\n$tooltip-default-bg: $brand-default;\n$tooltip-primary-bg: $brand-primary;\n$tooltip-success-bg: $brand-success;\n$tooltip-info-bg: $brand-info;\n$tooltip-warning-bg: $brand-warning;\n$tooltip-danger-bg: $brand-danger;\n$tooltip-dark-bg: $brand-dark;\n\n//menu Button\n\n$menu-default-bg: $brand-default;\n$menu-primary-bg: $brand-primary;\n$menu-success-bg: $brand-success;\n$menu-info-bg: $brand-info;\n$menu-warning-bg: $brand-warning;\n$menu-danger-bg: $brand-danger;\n$menu-dark-bg: $brand-dark;\n$menu-default-bg-hover: $brand-default-hover;\n$menu-primary-bg-hover: $brand-primary-hover;\n$menu-success-bg-hover: $brand-success-hover;\n$menu-info-bg-hover: $brand-info-hover;\n$menu-warning-bg-hover: $brand-warning-hover;\n$menu-danger-bg-hover: $brand-danger-hover;\n$menu-dark-bg-hover: $brand-dark-hover;\n\n\n// breadcrumbs\n\n$border-radius-base: 3px;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$breadcrumb-padding-vertical: 8px;\n$breadcrumb-padding-horizontal: 10px;\n$breadcrumb-separator: \"/\\00a0\";\n$breadcrumb-bg: transparent;\n$breadcrumb-margin-bottom: 10px;\n\n$breadcrumb-color: $link-color;\n$breadcrumb-active-color: $text-color;\n\n$breadcrumb-icon-margin-right: 10px;\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\n\n$breadcrumb-bg-color: #f5f5f5;\n$breadcrumb-active-color: #777;\n$breadcrumb-separate-color: #ccc;\n$breadcrumb-color: $brand-info;\n\n// list-group\n$list-group-media-heading-font-size : $font-size-small;//14px\n$list-group-link-disabled-color : $disabled-color-base;\n\n$list-group-link-disabled-bg : $gray-lightest;\n\n$list-group-active-color : $brand-primary;\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\n$list-group-link-active-bg : $brand-primary;\n\n\n$list-group-item-icon-margin-right : 10px;\n\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\n\n\n$list-group-border-radius: $border-radius-base;\n\n\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color: $text-color;\n$list-group-link-heading-color: $title-color;\n\n$list-group-hover-bg: $bg-color-base;\n\n$list-group-disabled-bg: transparent;\n\n$list-group-disabled-color: $disabled-color-base;\n\n\n$list-group-disabled-text-color: $list-group-disabled-color;\n$list-group-active-bg: transparent;\n$list-group-active-border: $list-group-active-bg;\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\n$list-group-active-text-color: $list-group-active-color;\n\n$list-group-bg: #fff;\n$list-group-border: transparent;\n// $list-group-bordered-border : $border-color-base;\n// $list-group-bordered-active-color : $component-active-color;\n// $list-group-bordered-active-bg : $component-active-bg;\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\n\n// $list-group-gap-item-margin-bottom : 2px;\n\n//step\n$steps-margin-bottom: $line-height-computed;\n$step-padding-horizontal:20px;\n$step-padding-vertical: 12px;\n\n$step-vertical-padding-horizontal: 20px;\n$step-vertical-padding-vertical:18px;\n\n$step-color: $gray;\n$step-bg: $bg-color-base;\n$step-number-bg: $gray-lighter;\n$step-number-color: $inverse;\n\n$step-current-color: $inverse;\n$step-current-bg: $brand-primary;\n\n$step-done-color: $inverse;\n$step-done-bg:$brand-success;\n\n$step-error-color: $inverse;\n$step-error-bg: $brand-danger;\n\n$step-disabled-color:$gray-light;\n\n$step-font-size: inherit;\n$step-title-font-size: 20px;\n$step-icon-font-size:27px;\n$step-number-font-size:24px;\n$step-number-size: 40px;\n\n$step-lg-padding-horizontal:20px;\n$step-lg-padding-vertical:20px;\n$step-lg-font-size: 16px;\n$step-lg-title-font-size:22px;\n$step-lg-icon-font-size: 32px;\n$step-lg-number-font-size:28px;\n$step-lg-number-size:46px;\n\n$step-sm-font-size: 12px;\n$step-sm-title-font-size: 18px;\n$step-sm-icon-font-size: 24px;\n$step-sm-number-font-size: 24px;\n$step-sm-number-size: 30px;\n\n$step-xs-font-size: 10px;\n$step-xs-title-font-size: 16px;\n$step-xs-icon-font-size: 22px;\n$step-xs-number-font-size: 20px;\n$step-xs-number-size: 24px;\n\n// blog nav\n$blognav-active-color:unquote(\"rgb(#{$color-primary})\");\n// widget\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n\n// couter 数据统计\n\n$counter-number-color: $gray-darkest;\n$counter-number-font-size: 20px;\n$counter-icon-font-size: $counter-number-font-size;\n\n$counter-lg-number-font-size: 40px;\n$counter-md-number-font-size: 30px;\n$counter-sm-number-font-size: 14px;\n\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\n$counter-md-icon-font-size: $counter-md-number-font-size;\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\n\n$counter-inverse-color: $inverse;\n\n\n// navbar\n\n\n$menu-active-color: #108ee9;\n$menu-border-active-color: #108ee9;\n$menu-selected-bg-color: #eaf8fe;\n$menu-group-titil-color: #999;\n$menu-group-title-padding-left: 32px;\n$menu-color: #666;\n$menu-border-color: #d9d9d9;\n\n$navbar-default-bg-color: #f8f8f8;\n$navbar-default-border-color: #e7e7e7;\n$navbar-default-color: #777;\n$navbar-default-hover-color: #333;\n$navbar-inverse-hover-color: #fff;\n$navbar-inverse-color: #9d9d9d;\n$navbar-inverse-bg-color: #222;\n$navbar-inverse-border-color: #080808;\n$navbar-border-radius: 4px;\n\n$navbar-side-container-border-color: #d9d9d9;\n$navbar-side-container-width: 242px;\n$navbar-side-container-border-shadow: #d9d9d9;\n\n// Basics of a navbar\n$navbar-height: 50px;\n$navbar-margin-bottom: $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\n\n$navbar-brand-padding-horizontal: 20px;\n$navbar-brand-logo-height: 32px;\n\n$navbar-default-color: $text-color;\n$navbar-default-bg: $inverse;\n$navbar-default-border: $border-color-base;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color: $gray-darker;\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\n$navbar-default-link-disabled-color: $disabled-color-base;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar brand label\n$navbar-default-brand-color: $title-color;\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\n$navbar-default-brand-hover-bg: none;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-bg: $brand-primary;\n$navbar-inverse-border: rgba(0, 0, 0, .1);\n\n// Inverted navbar links\n$navbar-inverse-link-color: $inverse;\n$navbar-inverse-link-hover-color: $inverse;\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-link-disabled-color: $inverse;\n$navbar-inverse-link-disabled-bg: transparent;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color: $inverse;\n$navbar-inverse-brand-hover-bg: none;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\n$navbar-inverse-toggle-border-color: transparent;\n\n//hamburger\n$hamburger-size: 17px;\n\n\n//panel\n$panel-header-padding : 10px 15px;\n$panel-footer-padding : 10px 15px;\n$panel-body-padding : 15px 15px;\n$panel-header-bg-color : #f5f5f5;\n$panel-footer-bg-color : #f5f5f5;\n$panel-bg-color : #fff;\n$panel-default-color : #757575;\n$panel-inner-border-color: #ddd;\n\n\n//modal\n$modal-header-padding : 15px;\n$modal-body-padding : 15px;\n$modal-footer-padding : 15px;\n$modal-content-bg-color: #fff;\n$modal-backdrop-bg: #000;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n$modal-xlg: 1200px;\n$modal-lg: 900px;\n$modal-sm: 300px;\n$modal-default: 600px;\n$modal-border-radius: 3px;\n\n//notification\n\n$zIndex-notification: $zIndex-notification;\n$notification-top: 30px;\n$notification-bottom: 30px;\n$notification-right: 30px;\n$notification-width: 300px;\n$notification-text-margin-right: 15px;\n$notice-padding: 15px;\n$notice-background: $gray-darkest;\n$notice-bottom: 15px;\n\n//message\n\n$message-font-size: 12px;\n\n$message-right: 30px;\n$message-width: 300px;\n$message-text-margin-right: 15px;\n$default-border-radius: 4px;\n$message-padding: 0;\n$message-content-padding: 15px;\n$message-background: $gray-darkest;\n\n//popconfirm\n\n$popconfirm-max-width: 300px;\n\n$popconfirm-dark-bg: $gray-darkest;\n$popconfirm-fallback-dark-border-color: $gray-darkest;\n$popconfirm-margin: 10px;\n$popconfirm-title-bg: #fff;\n$popconfirm-border-color:$border-color-base;\n$popconfirm-arrow-width: 10px;\n$popconfirm-arrow-color: $border-color-base;\n$popconfirm-arrow-outer-width: 0;\n$popconfirm-arrow-outer-color: $border-color-base;\n$popconfirm-border-right-color: $border-color-base;\n$popconfirm-fallback-border-color: #fff;\n\n//select\n\n$select-bg-color: #fff;\n$select-border-color: #d9d9d9;\n$select-border-radius: 4px;\n$select-color: #666;\n$select-font-size: 12px;\n$select-dropdown-color: #666;\n$select-dropdown-bg-color: #fff;\n$select-dropdown-hover-bg: #e7f4fd;\n$select-dropdown-selected-bg: #f7f7f7;\n$select-dropdown-selected-color: #666;\n$select-dropwdown-item-padding: 7px 16px;\n$select-disabled-color: #ccc;\n$select-disabled-bg: #f7f7f7;\n$select-disabled-border-color: #d9d9d9;\n//dropdown\n\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\n$dropdown-item-divier-bg-color: $gray-lighter;\n$dropdown-border-color: $border-color-base;\n$dropdown-border-radius:3px;\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\n$dropdown-margin: 5px 0 0 0;\n$dropdown-menu-item-padding: 0px 16px 0 28px;\n$dropdown-menu-font-size: 12px;\n$dropdown-menu-item-height: 42px;\n$dropdown-menu-item-light-height: 42px;\n$dropdown-menu-title-font-size: 12px;\n$dropdown-menu-title-color: #999;\n$dropdown-menu-title-padding:8px 16px;\n$dropdown-menu-title-line-height: 1.5;\n\n//upload\n\n$upload-list-color: #108ee9;\n$upload-list-bg : #fff;\n$upload-list-hover-bg: #e7f4fd;\n$upload-list-error-color: #f50;\n$upload-thumbnail-height: 48px;\n$upload-thumbnail-width: 48px;\n$upload-thumbnail-img-height: 48px;\n$upload-thumbnail-img-width: 48px;\n\n//loading\n\n$loading-loadprimary: rgb(63, 81, 181);\n$loading-loadsuccess: #4caf50;\n$loading-loadwarn: rgb(255, 152, 0);\n$loading-lineanimating: (\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\n);\n$loading-linebackcolor: (\n 1: #F44336,\n 2: #7ED321,\n 3: #0084FF,\n 4: #FF9800,\n 5: #D0021B\n);\n$loading-back-width: 120px;\n$loading-back-height:110px;\n$loading-desc-font-size: 16px;\n$loading-desc-color: #cecece;\n$loading-rotate-bor:#c2c3c5;\n\n//两种加载的尺寸 width height\n$loading-rotate-sm-size: 25px;\n$loading-rotate-size:40px;\n$loading-rotate-lg-size:60px;\n\n$loading-line-sm-width: 4px;\n$loading-line-sm-height:35px;\n$loading-line-width:6px;\n$loading-line-height:50px;\n$loading-line-lg-width:8px;\n$loading-line-lg-height:90px ;\n\n//居中位置top left\n$loading-center-top:50%;\n$loading-center-left:50%;\n\n$loading-rotate-center-sm: -15px ;\n$loading-rotate-center:-22px;\n$loading-rotate-center-lg:-35px ;\n\n$loading-line-center-sm-top: -22px;\n$loading-line-center-sm-left:-20px;\n$loading-line-center-top:-30px;\n$loading-line-center-left:-25px;\n$loading-line-center-lg-top:-50px;\n$loading-line-center-lg-left:-30px;\n\n\n//switch\n\n\n//color\n$switch-border-color: $gray-lighter;\n$switch-back-color: $gray-lighter;\n$switch-checked-borColor: $brand-primary;\n$switch-checked-backColor: $brand-primary;\n\n// border-radius of different state switch\n$switch-border-radius: 20px;\n$switch-border-radius-after: 18px;\n\n// width height line-height of the three switches\n$switch-width: (default:44px, small:32px, large:60px);\n$switch-height: (default:22px, small:16px, large:30px);\n$switch-lineHeight: (default:20px, small:12px, large:12px);\n\n// style of u-switch-inner\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\n$switch-inner-left: (default:22px, small:16px, large:30px);\n$switch-inner-largeTop: 8px;\n\n// style of u-switch:active:after\n$switch-active-width: (default:24px, small:16px, large:32px);\n\n// style of u-switch:after\n$switch-after-widthHeight: 18px;\n$switch-after-widthHeight-sm: 14px;\n$switch-after-widthHeight-lg: 26px;\n$switch-after-top: 1px;\n$switch-after-top-sm: 0;\n$switch-after-top-lg: 1px;\n$switch-after-left: 0;\n$switch-after-left-sm: 0;\n$switch-after-left-lg: 0;\n\n// style of u-switch.is-checked\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\n\n$switch-primary-bg: $brand-primary;\n$switch-dark-bg: $brand-dark;\n$switch-success-bg: $brand-success;\n$switch-warning-bg: $brand-warning;\n$switch-danger-bg: $brand-danger;\n$switch-info-bg: $brand-info;\n\n//tabs\n\n$tabs-basic-back: #f5f5f5;\n$tabs-cls-color: #666;\n$tabs-cls-width: 900px;\n$tabs-simple-conHeight: 120px;\n$tabs-simple-conPad: 16px;\n$tabs-simple-conWidth: 100%;\n\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\n$tabs-marginBottom: -1px;\n\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\n$tabs-simple-tabBorder: 1px solid #fff;\n$tabs-simple-activeBorder: 1px solid $brand-primary;\n$tabs-simple-activeColor: #fff;\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\n$tabs-simple-activeTopRadius: 5px;\n$tabs-simple-fontWeight: bold;\n\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\n$tabs-fill-tab-maright: 5px;\n$tabs-fill-after-top: 0;\n$tabs-fill-after-left: 0;\n$tabs-fill-after-width: 100%;\n$tabs-fill-after-height: 100%;\n$tabs-fill-fontWeight: bold;\n\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\n$tabs-turn-after-top: 0;\n$tabs-turn-after-left: 0;\n$tabs-turn-after-width: 100%;\n$tabs-turn-after-height: 100%;\n$tabs-turn-beforeBot: 32px;\n$tabs-turn-beforeRight: 15px;\n$tabs-turn-fontWeight: bold;\n$tabs-moveleft-conHeight: 120px;\n$tabs-moveleft-conPad: 16px;\n\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\n$tabs-slide-child-bottom: 0;\n$tabs-slide-child-left: 0;\n$tabs-slide-child-height: 4px;\n$tabs-slide-child-back: $brand-primary;\n$tabs-slide-fontWeight: bold;\n\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fade-conPad: 16px;\n$tabs-fade-conBor: 5px;\n\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fadeup-top: -5px;\n$tabs-fadeup-left: 0;\n$tabs-fadeup-width: 100%;\n$tabs-fadeup-height: 100%;\n$tabs-fadeup-color: #666;\n$tabs-fadeup-conHeight: 120px;\n$tabs-fadeup-conPad: 16px;\n\n\n//rate\n$rate-star-default-color:$gray-lightest;\n$rate-star-active-color:$color-warning;\n$rate-star-marginRight:8px;\n//backtop\n$back-top-padding:5px;\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\n$backtop-right:10px;\n$backtop-bottom:10px;\n$backtop-dom-right:40px;\n\n\n//dnd\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\n$dnd-list-padding:8px;\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\n$dnd-item-padding:16px;\n$dnd-item-margin:4px;\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n// Styling for the input element.\n.u-form-control {\n position: relative;\n display: inline-block;\n padding: 0 12px;\n width: 100%;\n height: $form-control-default-height;\n cursor: text;\n font-size: $form-control-default-font-size;\n line-height: 1.5;\n color: $form-control-color;\n background-color: $form-control-bg-color;\n background-image: none;\n border: 1px solid $form-control-border-color;\n border-radius: $form-control-border-radius;\n transition: all .3s;\n &:focus{\n \tborder-color: #66afe9;\n\t outline: 0;\n }\n &::-ms-clear,::-ms-reveal{display:none;}\n}\n.u-form-control[disabled] {\n background: $form-control-disable-bg-color;\n border-color: $form-control-disable-border-color;\n color: $form-control-disable-color;\n cursor: not-allowed;\n}\n.u-form-control.lg{\n height: $form-control-lg-height;\n font-size: $form-control-lg-font-size;\n}\n.u-form-control.sm{\n font-size: $form-control-sm-font-size;\n height: $form-control-sm-height;\n}\n.u-form-control-search-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n height: 28px;\n padding: 4px;\n width: 100%;\n .u-form-control-search-action {\n color: #ccc;\n position: absolute;\n top: 2px;\n right: 2px;\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 14px;\n text-decoration: none;\n .uf {\n transition: all .3s;\n font-size: 12px;\n color: #ccc;\n &.uf-search:before {\n content: \"\\e603\";\n }\n }\n }\n}\n\n\n\n.u-form-control-affix-wrapper {\n position: relative;\n display: inline-block;\n width: 100%;\n .u-form-control-prefix, .u-form-control-suffix {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n z-index: 2;\n line-height: 0;\n right: 7px;\n color: rgba(0,0,0,.65);\n }\n}","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 4/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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n@import \"../node_modules/bee-button/src/Button\";\r\n\r\n.u-pagination {\r\n font-size: 14px;\r\n position: relative;\r\n &-list {\r\n float: left;\r\n margin: 5px;\r\n &:after {\r\n clear: both;\r\n display: table;\r\n content: '';\r\n }\r\n & > li.iconBtn > a{\r\n padding: 5px 9px;\r\n line-height: 1.57142857;\r\n }\r\n \r\n & > li > a, & > li > span {\r\n display: inline-block;\r\n text-decoration: none;\r\n border-top: 1px solid $pag-border-color;\r\n border-bottom: 1px solid $pag-border-color;\r\n border-left: 1px solid $pag-border-color;\r\n background-color: transparent;\r\n text-align: center;\r\n color: $pag-color;\r\n padding: 5px 12px;\r\n line-height: 1.57142857;\r\n }\r\n &.u-pagination-no-border > li > a, & > li > span{\r\n border-radius: 4px;\r\n }\r\n & > li:first-child > a, & > li:first-child > span {\r\n margin-left: 0;\r\n border-top-left-radius: 4px;\r\n border-bottom-left-radius: 4px;\r\n }\r\n & > li:last-child > a, & > li:last-child > span {\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n }\r\n & > li[role=\"next\"] > a {\r\n border-top-right-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n border-right: 1px solid #d7d7d7;\r\n }\r\n & > li {\r\n float: left;\r\n list-style-type: none;\r\n > a:hover, > span:hover, > a:focus, > span:focus {\r\n color: $pag-hover-color;\r\n background-color: $pag-hover-bg-color;\r\n border-color: $pag-hover-border-color;\r\n cursor: pointer;\r\n }\r\n > a > i {\r\n color: #7a869a;\r\n }\r\n }\r\n & > .active {\r\n > a, > span, > a:hover, > span:hover, > a:focus, > span:focus {\r\n z-index: 2;\r\n color: $pag-active-color;\r\n cursor: default;\r\n background-color: $pag-active-bg-color;\r\n border-color: $pag-active-border-color;\r\n }\r\n }\r\n & > .disabled {\r\n > a, > span, > a:hover, > span:hover, > a:focus, > span:focus {\r\n color: $pag-disabled-color;\r\n cursor: not-allowed;\r\n background-color: transparent;\r\n border-color: $pag-disabled-border-color;\r\n }\r\n > a > i {\r\n color: #cccccc;\r\n }\r\n }\r\n & > li[role=\"gap\"] > a {\r\n background-color: transparent;\r\n border-bottom: 0 solid #d7d7d7;\r\n border-top: 0 solid #d7d7d7;\r\n padding: 7px 11px;\r\n line-height: 1.57142857;\r\n }\r\n & > li[role=\"gap\"] {\r\n > a:hover, > a:focus {\r\n background-color: transparent;\r\n }\r\n }\r\n input {\r\n box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n -webkit-box-sizing: border-box;\r\n }\r\n li, a {\r\n box-sizing: content-box;\r\n }\r\n i.uf, i.fa {\r\n padding: 0px;\r\n font-size: 14px;\r\n }\r\n & > li:last-child > a, & > li:last-child > span {\r\n border-right: 1px solid #d7d7d7;\r\n }\r\n }\r\n\r\n .temp-main {\r\n width: 100px;\r\n height: 100px;\r\n border: 1px solid #000;\r\n }\r\n .enhanced_pagination {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n flex-wrap: nowrap;\r\n min-width: 700px;\r\n overflow: auto;\r\n -webkit-box-pack: center;\r\n justify-content: center;\r\n }\r\n .enhanced_pagination .u_float_pagination {\r\n float: left;\r\n }\r\n .data_per_select {\r\n margin: 5px;\r\n float: left;\r\n min-width: 120px;\r\n &>span{\r\n display: inline-block;\r\n line-height: 36px;\r\n float: left;\r\n }\r\n .u-select {\r\n width: 50px;\r\n margin: 0 6px;\r\n height: 36px;\r\n float: left;\r\n .u-select-selection {\r\n height: 36px;\r\n .u-select-selection-rendered {\r\n line-height: 36px;\r\n }\r\n }\r\n }\r\n }\r\n .data_select {\r\n outline: none;\r\n -webkit-appearance: none;\r\n height: 36px;\r\n background: #fff;;\r\n border-color: #d7d7d7;\r\n border-radius: 4px;\r\n line-height: 28px;\r\n padding: 0 15px;\r\n text-align: center;\r\n font-size: 14px;\r\n margin: 0 6px;\r\n }\r\n .page_jump {\r\n float: left;\r\n margin: 5px;\r\n &>span{\r\n display: inline-block;\r\n line-height: 36px;\r\n float: left;\r\n }\r\n }\r\n .page_jump_value {\r\n outline: none;\r\n -webkit-appearance: none;\r\n background: #fff;\r\n border-radius: 4px;\r\n width: 50px;\r\n text-align: center;\r\n border: 1px solid #d7d7d7;\r\n\r\n }\r\n .page_jump_btn, \r\n .page_jump_value {\r\n margin: 0 6px;\r\n padding: 0;\r\n height: 36px;\r\n line-height: 34px;\r\n box-sizing: border-box;\r\n float: left;\r\n }\r\n &-total{\r\n float: left;\r\n height: 36px;\r\n line-height: 36px;\r\n margin: 5px;\r\n span {\r\n padding:0 5px;\r\n }\r\n }\r\n &.u-pagination-disabled{\r\n .u-pagination-disabled-mask{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 46px;\r\n background: rgba(2655,255,255,0.6);\r\n z-index: 2;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n.pagination-state {\r\n float: left;\r\n height: 34px;\r\n line-height: 34px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: $pag-hover-color;\r\n margin-left: 10px;\r\n & > .page_j {\r\n margin: 0 4px;\r\n width: 40px;\r\n border: 1px solid #ddd;\r\n padding-left: 2px;\r\n height: 35px;\r\n line-height: 35px;\r\n color: #333333;\r\n }\r\n & > .page_z {\r\n margin: 0 4px;\r\n width: 50px;\r\n border: 1px solid #ddd;\r\n padding-left: 2px;\r\n height: 35px;\r\n line-height: 35px;\r\n color: #333333;\r\n }\r\n & > .pagination-jump {\r\n margin: 0 10px;\r\n width: 50px;\r\n line-height: 30px;\r\n border: 1px solid #ddd;\r\n background-color: white;\r\n font-size: 14px;\r\n cursor: pointer;\r\n color: #333333;\r\n height: 35px;\r\n }\r\n & > .pagination-jump:hover {\r\n background-color: #eee;\r\n }\r\n}\r\n\r\n// Size Modifier\r\n.u-pagination-lg {\r\n @include pagination-size($pagination-lg-padding-vertical, $pagination-lg-padding-horizontal, $pagination-lg-font-size, $line-height-large, $border-radius-large);\r\n}\r\n\r\n.u-pagination-sm {\r\n @include pagination-size($pagination-small-padding-vertical, $pagination-small-padding-horizontal, $pagination-small-font-size, $line-height-small, $border-radius-small);\r\n}\r\n.u-pagination-lg {\r\n &> li.iconBtn > a {\r\n padding: 7px 11.5px;\r\n &> i{\r\n font-size: 16px;\r\n }\r\n }\r\n}\r\n.u-pagination-sm {\r\n &> li.iconBtn > a {\r\n padding: 4.5px 6px;\r\n }\r\n}\r\n//无边框\r\n.u-pagination-no-border:not(.u-pagination-gap){\r\n > li > a, > li[role=\"next\"] > a {\r\n border: none;\r\n }\r\n > li:last-child > a, > li:last-child > span {\r\n border: none;\r\n }\r\n}\r\n\r\n// 有间距的分页\r\n.u-pagination-gap > li:first-child > a,\r\n.u-pagination-gap > li:last-child > a {\r\n border-radius: 5px;\r\n}\r\n\r\n.u-pagination-gap {\r\n > li {\r\n > a {\r\n margin: 0 5px;\r\n border-radius: 5px;\r\n border: 1px solid #d7d7d7;\r\n &:hover {\r\n background-color: transparent;\r\n border-color: $pagination-gap-hover-border;\r\n }\r\n }\r\n &:first-child,\r\n &:last-child {\r\n > a {\r\n border-radius: 5px;\r\n }\r\n }\r\n }\r\n > li[role=\"gap\"] {\r\n > a {\r\n border: 0 solid #d7d7d7;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n\r\n.u-checkbox {\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\tmargin: 0 5px;\r\n\theight: 18px;\r\n\tline-height: 18px;\r\n\tfont-size: 14px;\r\n\twhite-space: nowrap;\r\n cursor: pointer;\r\n outline: none;\r\n position: relative;\r\n line-height: 1;\r\n vertical-align: middle;\r\n\t&.disabled .u-checkbox-label{\r\n\t\tcursor: not-allowed;\r\n\t\topacity: 0.5;\r\n\t}\r\n\tinput[type='checkbox']{\r\n\t\tposition: absolute;\r\n\t\tz-index: 3;\r\n\t\tcursor: pointer;\r\n\t\topacity: 0;\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding: 0;\r\n\t\twidth: 100%;\r\n \theight: 100%;\r\n\t}\r\n\tinput[disabled]{\r\n\t\tcursor: not-allowed;\r\n\t}\r\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\r\n \tborder-color: $checkbox-color;\r\n\t}\r\n\t&.is-checked {\r\n\t\t.u-checkbox-label:before{\r\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-color;\r\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-color;\r\n\t\t box-shadow: inset 0 0 0 10px $checkbox-color;\r\n\t\t border-color:$checkbox-color;\r\n\t\t}\r\n\t\t.u-checkbox-label:after {\r\n\t\t\tcolor: #fff;\r\n\t\t\tcontent: \"\\e658\";\r\n\t\t line-height: 18px;\r\n\t\t font-size: 14px;\r\n\t\t}\r\n\t}\r\n\t.u-checkbox-label {\r\n\t\tcursor: pointer;\r\n\t display: inline-block;\r\n\t //position: relative;\r\n\t padding-left: 25px;\r\n\t &:before {\r\n\t\t -moz-border-radius: 3px;\r\n\t\t -webkit-border-radius: 3px;\r\n\t\t border-radius: 3px;\r\n\t\t border: 1px solid;\r\n\t\t background-color: #fff;\r\n\t\t -moz-transition: all 0.3s ease-in-out;\r\n\t\t -o-transition: all 0.3s ease-in-out;\r\n\t\t -webkit-transition: all 0.3s ease-in-out;\r\n\t\t transition: all 0.3s ease-in-out;\r\n\t\t content: '';\r\n\t\t font-family: 'uf';\r\n\t\t display: inline-block;\r\n\t\t width: 18px;\r\n\t\t height: 18px;\r\n\t\t left: 0;\r\n\t\t\ttop: 0;\r\n\t\t text-align: center;\r\n\t\t position: absolute;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: '';\r\n\t\t font-family: 'uf';\r\n\t\t display: inline-block;\r\n\t\t width: 18px;\r\n\t\t height: 18px;\r\n\t\t left: 0;\r\n\t\t top: 0;\r\n\t\t text-align: center;\r\n\t\t position: absolute;\r\n\t\t}\r\n\t}\r\n}\r\n.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {\r\n color: #fff;\r\n content: \"\\e6ce\";\r\n line-height: 18px;\r\n font-size: 14px;\r\n}\r\n\r\n.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {\r\n box-shadow: inset 0 0 0 10px $checkbox-color;\r\n border-color: $checkbox-color;\r\n}\r\n\r\n// Modifier: `checkbox-success`\r\n// -------------------------\r\n\r\n.u-checkbox.u-checkbox-success {\r\n\t&.is-checked {\r\n\t\t.u-checkbox-label:before{\r\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-success-bg;\r\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-success-bg;\r\n\t\t box-shadow: inset 0 0 0 10px $checkbox-success-bg;\r\n\t\t border-color:$checkbox-success-bg;\r\n\t\t}\r\n\t}\r\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\r\n \tborder-color:$checkbox-success-bg;\r\n\t}\r\n}\r\n// Modifier: `checkbox-warning`\r\n// -------------------------\r\n\r\n.u-checkbox.u-checkbox-warning {\r\n\t&.is-checked {\r\n\t\t.u-checkbox-label:before{\r\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-warning-bg;\r\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-warning-bg;\r\n\t\t box-shadow: inset 0 0 0 10px $checkbox-warning-bg;\r\n\t\t border-color:$checkbox-warning-bg;\r\n\t\t}\r\n\t}\r\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\r\n \tborder-color:$checkbox-warning-bg;\r\n\t}\r\n}\r\n// Modifier: `checkbox-danger`\r\n// -------------------------\r\n\r\n.u-checkbox.u-checkbox-danger {\r\n\t&.is-checked {\r\n\t\t.u-checkbox-label:before{\r\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-danger-bg;\r\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-danger-bg;\r\n\t\t box-shadow: inset 0 0 0 10px $checkbox-danger-bg;\r\n\t\t border-color:$checkbox-danger-bg;\r\n\t\t}\r\n\t}\r\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\r\n \tborder-color:$checkbox-danger-bg;\r\n\t}\r\n}\r\n// Modifier: `checkbox-dark`\r\n// -------------------------\r\n\r\n.u-checkbox.u-checkbox-dark {\r\n\t&.is-checked {\r\n\t\t.u-checkbox-label:before{\r\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-dark-bg;\r\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-dark-bg;\r\n\t\t box-shadow: inset 0 0 0 10px $checkbox-dark-bg;\r\n\t\t border-color:$checkbox-dark-bg;\r\n\t\t}\r\n\t}\r\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\r\n \tborder-color:$checkbox-dark-bg;\r\n\t}\r\n}\r\n// Modifier: `checkbox-info`\r\n// -------------------------\r\n\r\n.u-checkbox.u-checkbox-info {\r\n\t&.is-checked {\r\n\t\t.u-checkbox-label:before{\r\n\t\t\t-moz-box-shadow: inset 0 0 0 10px $checkbox-info-bg;\r\n\t\t -webkit-box-shadow: inset 0 0 0 10px $checkbox-info-bg;\r\n\t\t box-shadow: inset 0 0 0 10px $checkbox-info-bg;\r\n\t\t border-color:$checkbox-info-bg;\r\n\t\t}\r\n\t}\r\n\tinput[type='checkbox']:focus + .u-checkbox-label:before{\r\n \tborder-color:$checkbox-info-bg;\r\n\t}\r\n}\r\n","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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/* keyframes 定义 */\r\n@-webkit-keyframes uSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes uSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@keyframes uSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes uSlideDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideDownOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@keyframes uSlideDownOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(1);\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n -webkit-transform: scaleY(0.8);\r\n transform: scaleY(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes uSlideLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideLeftOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@keyframes uSlideLeftOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 0%;\r\n transform-origin: 0% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSlideRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@keyframes uSlideRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n}\r\n@-webkit-keyframes uSlideRightOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@keyframes uSlideRightOut {\r\n 0% {\r\n opacity: 1;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(1);\r\n transform: scaleX(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 0%;\r\n transform-origin: 100% 0%;\r\n -webkit-transform: scaleX(0.8);\r\n transform: scaleX(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uSwingIn {\r\n 0%,\r\n 100% {\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n }\r\n 20% {\r\n -webkit-transform: translateX(-10px);\r\n transform: translateX(-10px);\r\n }\r\n 40% {\r\n -webkit-transform: translateX(10px);\r\n transform: translateX(10px);\r\n }\r\n 60% {\r\n -webkit-transform: translateX(-5px);\r\n transform: translateX(-5px);\r\n }\r\n 80% {\r\n -webkit-transform: translateX(5px);\r\n transform: translateX(5px);\r\n }\r\n}\r\n@keyframes uSwingIn {\r\n 0%,\r\n 100% {\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n }\r\n 20% {\r\n -webkit-transform: translateX(-10px);\r\n transform: translateX(-10px);\r\n }\r\n 40% {\r\n -webkit-transform: translateX(10px);\r\n transform: translateX(10px);\r\n }\r\n 60% {\r\n -webkit-transform: translateX(-5px);\r\n transform: translateX(-5px);\r\n }\r\n 80% {\r\n -webkit-transform: translateX(5px);\r\n transform: translateX(5px);\r\n }\r\n}\r\n@-webkit-keyframes uZoomIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n}\r\n@keyframes uZoomOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n transform: scale(0.2);\r\n }\r\n}\r\n@-webkit-keyframes uZoomBigIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomBigIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomBigOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomBigOut {\r\n 0% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomUpIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomUpOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomUpOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 0%;\r\n transform-origin: 50% 0%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomLeftIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomLeftOut {\r\n 0% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomLeftOut {\r\n 0% {\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 0% 50%;\r\n transform-origin: 0% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomRightIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomRightOut {\r\n 0% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomRightOut {\r\n 0% {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@-webkit-keyframes uZoomDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@keyframes uZoomDownIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n 100% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n@-webkit-keyframes uZoomDownOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes uZoomDownOut {\r\n 0% {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n -webkit-transform: scale(0.8);\r\n transform: scale(0.8);\r\n }\r\n}\r\n@keyframes rcMenuOpenZoomIn {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0, 0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1, 1);\r\n }\r\n}\r\n@keyframes rcMenuOpenZoomOut {\r\n 0% {\r\n\r\n transform: scale(1, 1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(0, 0);\r\n }\r\n}\r\n@keyframes rcMenuOpenSlideUpIn {\r\n 0% {\r\n opacity: 0;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(1);\r\n }\r\n}\r\n@keyframes rcMenuOpenSlideUpOut {\r\n 0% {\r\n opacity: 1;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform-origin: 0% 0%;\r\n transform: scaleY(0);\r\n }\r\n}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/tinper-bee-core/scss/util-keyframe\";\n\nul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n .u-select {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n color: $select-color;\n width: 100%;\n font-size: $select-font-size;\n :root .u-select-arrow {\n -webkit-filter: none;\n filter: none;\n }\n :root .u-select-arrow {\n font-size: $select-font-size;\n }\n .u-select-arrow * {\n display: none;\n }\n .u-select-arrow {\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: absolute;\n top: 50%;\n right: 8px;\n line-height: 1;\n margin-top: -6px;\n display: inline-block;\n font-size: $select-font-size;\n font-size: 9px \\9;\n -webkit-transform: scale(0.75) rotate(0deg);\n -ms-transform: scale(0.75) rotate(0deg);\n transform: scale(0.75) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n &:before {\n display: block;\n font-family: \"uf\";\n content: \"\\e609\";\n -webkit-transition: -webkit-transform 0.2s ease;\n transition: -webkit-transform 0.2s ease;\n transition: transform 0.2s ease;\n transition: transform 0.2s ease, -webkit-transform 0.2s ease;\n }\n }\n .u-select-selection {\n outline: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: border-box;\n display: block;\n background-color: $select-bg-color;\n border-radius: $select-border-radius;\n border: 1px solid $select-border-color;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n :hover {\n border-color: #40a5ed;\n }\n }\n \n }\n .u-select > ul > li > a {\n padding: 0;\n background-color: #fff;\n }\n \n \n \n \n \n .u-select-focused .u-select-selection,\n .u-select-selection:focus,\n .u-select-selection:active {\n border-color: #40a5ed;\n outline: 0;\n box-shadow: none;\n }\n .u-select-selection-clear {\n display: inline-block;\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n opacity: 0;\n position: absolute;\n right: 8px;\n z-index: 1;\n background: #fff;\n top: 50%;\n font-size: 12px;\n color: #ccc;\n width: 12px;\n height: 12px;\n margin-top: -6px;\n line-height: 12px;\n cursor: pointer;\n -webkit-transition: color 0.3s ease, opacity 0.15s ease;\n transition: color 0.3s ease, opacity 0.15s ease;\n }\n .u-select-selection-clear:before {\n display: block;\n font-family: 'uf';\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: \"\\E62E\";\n }\n .u-select-selection-clear:hover {\n color: #999;\n }\n .u-select-selection:hover .u-select-selection-clear {\n opacity: 1;\n }\n .u-select-selection-selected-value {\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n padding-right: 14px;\n }\n \n \n .u-select-disabled {\n color: $select-disabled-color;\n .u-select-selection {\n background: $select-disabled-bg;\n cursor: not-allowed;\n }\n .u-select-selection:hover,.u-select-selection:focus,.u-select-selection:active {\n border-color: $select-disabled-border-color;\n box-shadow: none;\n }\n .u-select-selection-clear {\n display: none;\n visibility: hidden;\n pointer-events: none;\n }\n .u-select-selection--multiple .u-select-selection-choice {\n background: #e9e9e9;\n color: #aaa;\n padding-right: 10px;\n }\n .u-select-selection--multiple .u-select-selection-choice-remove {\n display: none;\n }\n \n .u-select-selection-choice-remove {\n color: #ccc;\n cursor: default;\n }\n .u-select-selection-choice-remove:hover {\n color: #ccc;\n }\n }\n \n \n .u-select-selection--single {\n height: 30px;\n position: relative;\n cursor: pointer;\n }\n .u-select-selection-rendered {\n display: block;\n margin-left: 8px;\n margin-right: 8px;\n position: relative;\n line-height: 28px;\n &:after {\n content: '.';\n visibility: hidden;\n pointer-events: none;\n display: inline-block;\n width: 0;\n }\n }\n \n .u-select-lg {\n .u-select-selection--single {\n height: 38px;\n }\n .u-select-selection-rendered {\n line-height: 36px;\n }\n .u-select-selection--multiple {\n min-height: 32px;\n }\n .u-select-selection--multiple .u-select-selection-rendered li {\n height: 24px;\n line-height: 24px;\n }\n }\n .u-select-sm {\n .u-select-selection {\n border-radius: 2px;\n }\n .u-select-selection--single {\n height: 24px;\n }\n .u-select-selection-rendered {\n line-height: 22px;\n }\n .u-select-selection--multiple {\n min-height: 22px;\n }\n .u-select-selection--multiple .u-select-selection-rendered li {\n height: 14px;\n line-height: 14px;\n }\n }\n \n \n .u-select-search-field-wrap {\n display: inline-block;\n position: relative;\n }\n .u-select-selection-placeholder,\n .u-select-search-field-placeholder {\n position: absolute;\n top: 50%;\n left: 0;\n right: 9px;\n color: #ccc;\n line-height: 20px;\n height: 20px;\n max-width: 100%;\n margin-top: -10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .u-select-search-field-placeholder {\n left: 8px;\n }\n \n .u-select-search--inline {\n position: absolute;\n width: 100%;\n height: 100%;\n .u-select-search-field-wrap {\n width: 100%;\n height: 100%;\n }\n .u-select-search-field {\n border: 0;\n font-size: 100%;\n height: 100%;\n width: 100%;\n background: transparent;\n outline: 0;\n border-radius: 4px;\n }\n .u-select-search-field-mirror {\n position: absolute;\n top: 0;\n left: -9999px;\n white-space: pre;\n pointer-events: none;\n }\n > i {\n float: right;\n }\n }\n \n .u-select-selection--multiple {\n min-height: 28px;\n cursor: text;\n padding-bottom: 3px;\n zoom: 1;\n &:before,&:after {\n content: \" \";\n display: table;\n }\n &:after {\n clear: both;\n visibility: hidden;\n font-size: 0;\n height: 0;\n }\n .u-select-search--inline {\n float: left;\n position: static;\n width: auto;\n padding: 0;\n .u-select-search-field {\n width: 0.75em;\n }\n }\n .u-select-selection-rendered {\n margin-left: 5px;\n margin-bottom: -3px;\n height: auto;\n }\n > ul > li,.u-select-selection-rendered > ul > li {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n }\n .u-select-selection-choice {\n background-color: #f3f3f3;\n border-radius: 4px;\n cursor: default;\n float: left;\n padding: 0 16px;\n margin-right: 4px;\n max-width: 99%;\n position: relative;\n overflow: hidden;\n -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n padding: 0 20px 0 10px;\n }\n \n .u-select-selection-choice-disabled {\n padding: 0 10px;\n }\n .u-select-selection-choice-content {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n .u-select-selection-choice-remove {\n font-style: normal;\n vertical-align: baseline;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n line-height: 1;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #999;\n line-height: inherit;\n cursor: pointer;\n font-weight: bold;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n display: inline-block;\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 /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n position: absolute;\n right: 4px;\n padding: 0 0 0 8px;\n top: -3px;\n }\n .u-select-selection-choice-remove:before {\n display: block;\n font-family: \"uf\";\n }\n .u-select-selection-choice-remove {\n -webkit-filter: none;\n filter: none;\n }\n .u-select-selection-choice-remove {\n font-size: 12px;\n }\n .u-select-selection-choice-remove:hover {\n color: #404040;\n }\n .u-select-selection-choice-remove:before {\n font-family: 'uf';\n content: \"\\e602\";\n }\n }\n \n .u-select-open {\n .u-select-arrow {\n -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";\n -ms-transform: rotate(180deg);\n }\n .u-select-arrow:before {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n }\n .u-select-selection {\n border-color: #40a5ed;\n outline: 0;\n border-color: #66afe9;\n outline: 0;\n }\n }\n \n .u-select-combobox {\n .u-select-arrow {\n display: none;\n }\n .u-select-search--inline {\n height: 100%;\n width: 100%;\n float: none;\n }\n .u-select-search-field-wrap {\n width: 100%;\n height: 100%;\n }\n .u-select-search-field {\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n box-shadow: none;\n }\n }\n \n \n .u-select-dropdown {\n background-color: white;\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n box-sizing: border-box;\n z-index: 1800;\n left: -9999px;\n top: -9999px;\n position: absolute;\n outline: none;\n overflow: hidden;\n font-size: 12px;\n // -webkit-animation: uSlideUpIn 300ms ease-in;\n // animation: uSlideUpIn 300ms ease;\n &.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-bottomLeft,\n &.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: uSlideUpIn;\n animation-name: uSlideUpIn;\n }\n &.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-topLeft,\n &.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-topLeft {\n -webkit-animation-name: uSlideDownIn;\n animation-name: uSlideDownIn;\n }\n &.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: uSlideUpOut;\n animation-name: uSlideUpOut;\n }\n &.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-topLeft {\n -webkit-animation-name: uSlideDownOut;\n animation-name: uSlideDownOut;\n }\n &.u-select-dropdown-hidden {\n display: none;\n }\n .u-select-dropdown-menu {\n outline: none;\n margin-bottom: 0;\n padding-left: 0;\n list-style: none;\n max-height: 250px;\n overflow: auto;\n }\n .u-select-dropdown-menu-item-group-list {\n margin: 0;\n padding: 0;\n > .u-select-dropdown-menu-item {\n padding-left: 24px;\n }\n }\n \n .u-select-dropdown-menu-item-group-title {\n color: #999;\n line-height: 1.5;\n padding: 8px 16px;\n }\n .u-select-dropdown-menu-item {\n position: relative;\n display: block;\n padding: 7px 16px;\n font-weight: normal;\n color: #666;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n -webkit-transition: background 0.3s ease;\n transition: background 0.3s ease;\n \n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .u-select-dropdown-menu-item:hover,\n .u-select-dropdown-menu-item-active {\n background-color: $select-dropdown-hover-bg;\n }\n .u-select-dropdown-menu-item-disabled {\n color: #ccc;\n cursor: not-allowed;\n }\n .u-select-dropdown-menu-item-disabled:hover {\n color: #ccc;\n background-color: #fff;\n cursor: not-allowed;\n }\n .u-select-dropdown-menu-item-selected,\n .u-select-dropdown-menu-item-selected:hover {\n background-color: $select-dropdown-selected-bg;\n font-weight: bold;\n color: $select-dropdown-selected-color;\n }\n .u-select-dropdown-menu-item-divider {\n height: 1px;\n margin: 1px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n line-height: 0;\n }\n \n \n }\n .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n font-family: 'uf';\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: \"\\e658\";\n color: transparent;\n display: inline-block;\n font-size: 12px;\n font-size: 10px \\9;\n -webkit-transform: scale(0.83333333) rotate(0deg);\n -ms-transform: scale(0.83333333) rotate(0deg);\n transform: scale(0.83333333) rotate(0deg);\n /* IE6-IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 16px;\n font-weight: bold;\n text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;\n }\n .u-select-dropdown.u-select-dropdown--multiple{\n .u-select-dropdown-menu-item:hover:after {\n color: #ddd;\n }\n .u-select-dropdown-menu-item-disabled:after {\n display: none;\n }\n .u-select-dropdown-menu-item-selected:after,.u-select-dropdown-menu-item-selected:hover:after {\n color: #108ee9;\n display: inline-block;\n }\n }\n \n \n \n :root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n -webkit-filter: none;\n filter: none;\n }\n :root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after {\n font-size: 12px;\n }\n \n \n .u-select-dropdown-container-open .u-select-dropdown,\n .u-select-dropdown-open .u-select-dropdown {\n display: block;\n }\n .u-input-search-wrapper {\n display: inline-block;\n position: relative;\n .u-input-search {\n -webkit-transition: all .3s ease;\n transition: all .3s ease;\n }\n .u-input-search-icon {\n position: absolute;\n right: 8px;\n cursor: pointer;\n -webkit-transition: all .3s ease;\n transition: all .3s ease;\n font-size: 14px;\n height: 20px;\n line-height: 20px;\n top: 50%;\n margin-top: -10px;\n }\n .u-input-search-icon:hover {\n color: #108ee9;\n }\n &:hover .u-input-search:not[disabled] {\n border: 1px solid #108ee9;\n }\n }\n \n .u-search-input-wrapper {\n display: inline-block;\n vertical-align: middle;\n }\n .u-search-input {\n &.u-input-group {\n .u-input:first-child,.u-select:first-child {\n border-radius: 4px;\n position: absolute;\n top: -1px;\n width: 100%;\n }\n .u-input:first-child {\n padding-right: 36px;\n }\n }\n .u-search-btn {\n color: #666;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n border-radius: 0 3px 3px 0;\n left: -1px;\n position: relative;\n border-width: 0 0 0 1px;\n z-index: 2;\n padding-left: 8px;\n padding-right: 8px;\n }\n \n .u-search-btn {\n > a:only-child {\n color: currentColor;\n }\n > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n &:hover > a:only-child,&:focus > a:only-child {\n color: currentColor;\n }\n &:hover > a:only-child:after,&:focus > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n &:active,&.active {\n color: #0f87dd;\n background-color: #f7f7f7;\n border-color: #0f87dd;\n }\n &:active> a:only-child,&.active> a:only-child {\n color: currentColor;\n }\n &:active> a:only-child:after,&.active> a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n &:hover,&:focus {\n color: #40a5ed;\n background-color: #f7f7f7;\n border-color: #40a5ed;\n }\n &:active,&:hover,&:focus {\n background: #fff;\n }\n &:hover {\n border-color: #d9d9d9;\n }\n \n }\n .u-search-btn[disabled] {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n &:hover,&:focus,&:active,&.active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n }\n & > a:only-child,&:hover > a:only-child,&:focus > a:only-child,&:active > a:only-child,&.active > a:only-child {\n color: currentColor;\n }\n & > a:only-child:after,&:hover > a:only-child:after,&:focus > a:only-child:after,&:active > a:only-child:after,&.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n }\n .u-search-btn.disabled {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n &:hover,&:focus,&:active,&.active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n }\n > a:only-child,&:hover > a:only-child,&:focus > a:only-child,&:active > a:only-child,&.active > a:only-child {\n color: currentColor;\n }\n > a:only-child:after,&:hover > a:only-child:after,&:focus > a:only-child:after,&:active > a:only-child:after,&.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n }\n &.u-search-input-focus,&:hover {\n .u-search-btn-noempty {\n color: #fff;\n background-color: #108ee9;\n border-color: #108ee9;\n > a:only-child {\n color: currentColor;\n }\n > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n \n }\n .u-search-btn-noempty:focus,.u-search-btn-noempty:hover {\n color: #fff;\n background-color: #40a5ed;\n border-color: #40a5ed;\n }\n .u-search-btn-noempty:hover > a:only-child,.u-search-btn-noempty:focus > a:only-child {\n color: currentColor;\n }\n .u-search-btn-noempty:hover > a:only-child:after,.u-search-btn-noempty:focus > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n .u-search-btn-noempty:active,.u-search-btn-noempty.active{\n color: #fff;\n background-color: #0f87dd;\n border-color: #0f87dd;\n }\n .u-search-btn-noempty:active > a:only-child,.u-search-btn-noempty.active > a:only-child{\n color: currentColor;\n }\n .u-search-btn-noempty:active > a:only-child:after,.u-search-btn-noempty.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n \n }\n .u-select-combobox .u-select-selection-rendered {\n margin-right: 29px;\n }\n \n }\n .u-search-input.u-search-input-focus,.u-search-input:hover {\n .u-search-btn-noempty.disabled, .u-search-btn-noempty[disabled]{\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n &:hover,&:focus,&:active,&.active {\n color: #ccc;\n background-color: #f7f7f7;\n border-color: #d9d9d9;\n }\n > a:only-child,&:hover > a:only-child,&:focus > a:only-child,&:active > a:only-child,&.active > a:only-child {\n color: currentColor;\n }\n > a:only-child:after,&:hover > a:only-child:after,&:focus > a:only-child:after,&:active > a:only-child:after,&.active > a:only-child:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: transparent;\n }\n }\n }\n \n \n @-webkit-keyframes uSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0.8);\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n }\n ","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n.u-form .u-form-group{\n margin-top: 0;\n margin-bottom: 0;\n}\n.u-form .u-form-item{\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.u-form-item{\n min-height: 64px;\n font-size: 14px;\n}\n.u-form-item .u-select{\n min-width: 100px;\n}\n.u-form .u-form-item{\n min-height: 94px;\n}\n.u-form .u-form-item.u-form-inline{\n min-height: 72px;\n}\n.u-form-error{\n display: none;\n margin-top: 5px;\n margin-bottom: 5px;\n color: #F22C1D;\n}\n.u-form-error.show{\n display: block;\n}\n.u-form .u-form-submit{\n margin-top: 10px;\n}\n.u-form .u-form-item.u-form-inline .u-input-group{\n display: inline-block;\n vertical-align: middle;\n width: auto;\n}\n.u-form-inline .u-label{\n display: inline-block;\n}\n.u-form .u-row .u-label{\n line-height: 40px;\n}\n.u-form-item .u-input-group-outer .u-input-group .u-form-control:last-child,.u-form-item .u-input-group-outer .u-input-group .u-form-control:first-child{\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n}\n.u-form-item.u-form-inline .u-input-group-outer{\n display: inline-block;\n}\n.u-form-item .u-input-group-outer .u-input-before,.u-form-item .u-input-group-outer .u-input-after{\n line-height: 28px;\n padding-left: 5px;\n padding-right: 5px;\n border: 1px solid #bdbdbd;\n background: #eee;\n float: left;\n}\n.u-form-item .u-input-group-outer .u-input-inner{\n float: left;\n}\n.u-form-item .u-input-group-outer .u-input-before{\n border-right: none;\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n}\n.u-form-item .u-input-group-outer .u-input-before +.u-form-control{\n border-bottom-left-radius: 0!important;\n border-top-left-radius: 0!important;\n}\n.u-form-item .u-input-group-outer .u-input-after{\n border-left: none;\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.u-mast{\n color: #F22C1D;\n position: relative;\n top: 2px;\n margin-right: 2px;\n}","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n$popover-max-width: 300px;\n$zIndex-popover: 1540;\n$popover-margin: 10px;\n$popover-title-bg: #f7f7f7;\n$popover-border-color: #ccc;\n$popover-arrow-width: 10px;\n$popover-arrow-color: #999;\n$popover-arrow-outer-width:10px ;\n$popover-arrow-outer-color: #999;\n\n$popover-fallback-border-color: #fff;\n\n.u-popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zIndex-popover;\n display: none;\n padding: 1px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 14px;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid $popover-border-color;\n border-radius: 6px;\n box-shadow: 0 5px 10px rgba(0,0,0,.2);\n &>.arrow, &>.arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n &>.arrow {\n border-width: $popover-arrow-width;\n }\n &>.arrow:after {\n border-width: $popover-arrow-width;\n content: \"\";\n }\n\n &.top, &.top-right, &.top-left{\n margin-top: -$popover-margin;\n .arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: $popover-arrow-outer-color;\n bottom: -11px;\n &:after {\n content: \" \";\n bottom: 1px;\n margin-left: -10px;\n border-bottom-width: 0;\n border-top-color: $popover-fallback-border-color;\n }\n }\n }\n &.top-right{\n .arrow {\n left: auto;\n right: 20px;\n }\n }\n &.top-left{\n .arrow {\n left: 20px;\n }\n }\n &.right, &.right-top, &.right-bottom{\n margin-left: $popover-margin;\n .arrow {\n top: 50%;\n left: -11px;\n margin-top: -11px;\n border-left-width: 0;\n border-right-color: $popover-arrow-outer-color;\n &:after {\n content: \" \";\n left: 1px;\n bottom: -10px;\n border-left-width: 0;\n border-right-color: $popover-fallback-border-color;\n }\n }\n }\n &.right-top{\n .arrow{\n top: 20px;\n }\n }\n &.right-bottom{\n .arrow{\n top: auto;\n bottom: 10px;\n }\n }\n\n &.left, &.left-top, &.left-bottom{\n margin-left: -$popover-margin;\n .arrow {\n top: 50%;\n right: -11px;\n margin-top: -11px;\n border-right-width: 0;\n border-left-color: $popover-arrow-outer-color;\n &:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: $popover-fallback-border-color;\n bottom: -10px;\n }\n }\n }\n &.left-top{\n .arrow{\n top: 20px;\n }\n }\n &.left-bottom{\n .arrow{\n top: auto;\n bottom: 10px;\n }\n }\n\n &.bottom, &.bottom-right, &.bottom-left{\n margin-top: $popover-margin;\n .arrow {\n left: 50%;\n margin-left: -11px;\n border-top-width: 0;\n border-bottom-color: $popover-arrow-outer-color;\n top: -11px;\n &:after {\n content: \" \";\n top: 1px;\n margin-left: -10px;\n border-top-width: 0;\n border-bottom-color: $popover-fallback-border-color;\n }\n }\n }\n &.bottom-right{\n .arrow{\n right: 20px;\n left: auto;\n }\n }\n &.bottom-left{\n .arrow{\n left: 20px;\n }\n }\n .u-popover-content {\n padding: 9px 14px;\n }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n.u-tooltip{\n position: absolute;\n z-index: 1070;\n display: block;\n font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n font-style: normal;\n font-weight: 400;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.42857143;\n text-align: left;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: 12px;\n opacity: 0;\n &.in{\n \topacity: $tooltip-opacity !important;\n }\n .tooltip-arrow{\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .tooltip-inner{\n \tmax-width: $tooltip-max-width;\n\t padding: 3px 8px;\n\t color: #fff;\n\t background-color: $tooltip-bg;\n\t border-radius: 4px;\n word-wrap:break-word;\n }\n \n &.right{\n \tpadding: 0 5px;\n \t.tooltip-arrow{\n \t\ttop: 50%;\n\t\t left: 0;\n\t\t margin-top: -5px;\n\t\t border-width: 5px 5px 5px 0;\n\t\t border-right-color: $tooltip-arrow-color;\n \t}\n }\n &.top{\n \tpadding: 5px 0;\n \t.tooltip-arrow{\n \t\tbottom: 0;\n\t\t left: 50%;\n\t\t margin-left: -5px;\n\t\t border-width: 5px 5px 0;\n\t\t border-top-color: $tooltip-arrow-color;\n \t}\n }\n &.left{\n \tpadding: 0 5px;\n \t.tooltip-arrow{\n \t\ttop: 50%;\n\t\t right: 0;\n\t\t margin-top: -5px;\n\t\t border-width: 5px 0 5px 5px;\n\t\t border-left-color: $tooltip-arrow-color;\n \t}\n }\n &.bottom{\n \tpadding: 5px 0;\n \t.tooltip-arrow{\n \t\ttop: 0;\n\t\t left: 50%;\n\t\t margin-left: -5px;\n\t\t border-width: 0 5px 5px;\n\t\t border-bottom-color: $tooltip-arrow-color;\n }\n \n }\n &.inverse-arrow.right{\n .tooltip-arrow{\n top: 50%;\n left: auto;\n\t\t right: 0;\n\t\t margin-top: -5px;\n\t\t border-width: 5px 0 5px 5px;\n\t\t border-left-color: $tooltip-arrow-color;\n }\n }\n &.inverse-arrow.left{\n .tooltip-arrow{\n top: 50%;\n\t\t left: 0;\n\t\t margin-top: -5px;\n\t\t border-width: 5px 5px 5px 0;\n\t\t border-right-color: $tooltip-arrow-color;\n }\n }\n &.inverse-arrow.top{\n .tooltip-arrow{\n top: 0;\n\t\t left: 50%;\n\t\t margin-left: -5px;\n\t\t border-width: 0 5px 5px;\n\t\t border-bottom-color: $tooltip-arrow-color;\n }\n }\n &.inverse-arrow.bottom{\n .tooltip-arrow{\n top: auto;\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: $tooltip-arrow-color;\n }\n }\n // &.inverse-arrow.inverse{\n // .tooltip-arrow:after{\n // border-color:#fff;\n // }\n // }\n &.inverse.bottom {\n .tooltip-arrow::after{\n top:1px;\n margin-left: -5px;\n border-top-width:0;\n border-bottom-color:#fff;\n }\n .tooltip-arrow {\n border-bottom-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse-arrow.inverse.top {\n .tooltip-arrow::after{\n top:1px;\n margin-left: -5px;\n border-top-width:0;\n border-bottom-color:#fff;\n border-bottom-width: inherit;\n }\n .tooltip-arrow {\n border-bottom-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse.left {\n .tooltip-arrow::after{\n border-right-width: 0;\n top: -5px;\n margin-left: -6px;\n border-left-color: #fff;\n }\n .tooltip-arrow {\n border-left-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse-arrow.inverse.right{\n .tooltip-arrow::after{\n border-right-width: 0;\n top: -5px;\n margin-left: -6px;\n border-left-color: #fff;\n border-left-width: inherit;\n }\n .tooltip-arrow {\n border-left-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse.right{\n .tooltip-arrow::after{\n border-left-width: 0;\n top: -5px;\n margin-left: 1px;\n border-right-color: #fff;\n }\n .tooltip-arrow {\n border-right-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse-arrow.inverse.left {\n .tooltip-arrow::after{\n border-left-width: 0;\n top: -5px;\n margin-left: 1px;\n border-right-color: #fff;\n border-right-width: inherit;\n }\n .tooltip-arrow {\n border-right-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse.top {\n .tooltip-arrow::after{\n top: -6px;\n margin-left: -5px;\n border-bottom-width: 0;\n border-bottom-color: #d9d9d9;\n border-top-color: #fff;\n }\n .tooltip-arrow {\n border-top-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse-arrow.inverse.bottom {\n .tooltip-arrow::after{\n top: -6px;\n margin-left: -5px;\n border-bottom-width: 0;\n border-bottom-color: #d9d9d9;\n border-top-color: #fff;\n border-top-width: inherit;\n }\n .tooltip-arrow {\n border-top-color:$tooltip-inverse-border-color;\n }\n }\n &.inverse {\n .tooltip-inner{\n background-color: #fff;\n color: $tooltip-inverse-color;\n border: 1px solid $tooltip-inverse-border-color;\n }\n\n .tooltip-arrow::after{\n position:absolute;\n display:block;\n width:0;\n height:0;\n border: 5px solid transparent;\n content:\" \";\n }\n\n }\n}","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n\n\n\n/**\n * 加载背景\n */\n//.u-loading-back{\n// position:relative;\n// text-align: center;\n// width:$loading-back-width;\n// height:$loading-back-height;\n// margin:0 auto;\n// &.light{\n// background: #fff;\n// }\n// &.dark{\n// background: #000;\n// }\n//}\n/**\n * 文字\n */\n.u-loading-desc {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n font-size: $loading-desc-font-size;\n color: #000;\n text-align: center;\n}\n\n\n/**\n * default样式 单个圆圈加载\n */\n\n.u-loading {\n &.u-loading-rotate {\n & > div {\n position: absolute;\n border-radius: 100%;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n border: 2px solid #0084ff;\n border-bottom-color: transparent;\n width: $loading-rotate-size;\n height: $loading-rotate-size;\n top: $loading-center-top;\n left: $loading-center-left;\n margin-left: $loading-rotate-center;\n margin-top: $loading-rotate-center;\n background: transparent !important;\n display: inline-block;\n -webkit-animation: rotate 0.75s 0s linear infinite;\n animation: rotate 0.75s 0s linear infinite;\n }\n &.u-loading-rotate-lg {\n & > div {\n margin-left: $loading-rotate-center-lg;\n margin-top: $loading-rotate-center-lg;\n width: $loading-rotate-lg-size;\n height: $loading-rotate-lg-size;\n }\n }\n &.u-loading-rotate-sm {\n & > div {\n margin-left:$loading-rotate-center-sm;\n margin-top: $loading-rotate-center-sm;\n width: $loading-rotate-sm-size;\n height:$loading-rotate-sm-size;\n }\n }\n &.u-loading-rotate-primary {\n & > div {\n border: 2px solid $loading-loadprimary;\n border-bottom-color: transparent;\n }\n }\n &.u-loading-rotate-success {\n & > div {\n border: 2px solid $loading-loadsuccess;\n border-bottom-color: transparent;\n }\n }\n &.u-loading-rotate-warning {\n & > div {\n border: 2px solid $loading-loadwarn;\n border-bottom-color: transparent;\n }\n }\n }\n\n}\n\n.u-loading-backdrop{\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1900;\n opacity: .7;\n filter: blur(.5px);\n background-color: #fff;\n &.full-screen{\n position: fixed;\n }\n}\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(1);\n transform: rotate(0deg) scale(1);\n }\n\n 50% {\n -webkit-transform: rotate(180deg) scale(0.6);\n transform: rotate(180deg) scale(0.6);\n }\n\n 100% {\n -webkit-transform: rotate(360deg) scale(1);\n transform: rotate(360deg) scale(1);\n }\n}\n\n.u-loading {\n &.u-loading-line {\n position: absolute;\n top:$loading-center-top;\n left: $loading-center-left;\n margin-top: $loading-line-center-top;\n margin-left: $loading-line-center-left;\n & > div {\n background-color: #C2C3C5;\n width: $loading-line-width;\n height: $loading-line-height;\n border-radius: 2px;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block;\n }\n &.u-loading-line-lg {\n margin-top: $loading-line-center-lg-top;\n margin-left: $loading-line-center-lg-left;\n & > div {\n width: $loading-line-lg-width;\n height: $loading-line-lg-height;\n }\n }\n &.u-loading-line-sm {\n margin-top: $loading-line-center-sm-top;\n margin-left: $loading-line-center-sm-left;\n & > div {\n width:$loading-line-sm-width;\n height: $loading-line-sm-height;\n }\n }\n @each $index, $anima in $loading-lineanimating {\n div:nth-child( #{$index} ) {\n -webkit-animation: $anima;\n animation: $anima;\n background-color: map_get($loading-linebackcolor, $index);\n }\n }\n\n &.u-loading-line-primary {\n & > div {\n background-color: $loading-loadprimary;\n }\n }\n &.u-loading-line-success {\n & > div {\n background-color: $loading-loadsuccess;\n }\n }\n &.u-loading-line-warning {\n & > div {\n background-color: $loading-loadwarn;\n }\n }\n }\n}\n@keyframes line-scale {\n 0% {\n -webkit-transform: scaley(1);\n transform: scaley(1);\n }\n\n 50% {\n -webkit-transform: scaley(0.4);\n transform: scaley(0.4);\n }\n\n 100% {\n -webkit-transform: scaley(1);\n transform: scaley(1);\n\n }\n}\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n@import \"../node_modules/bee-loading/src/Loading\";\r\n\r\n$text-color: #666;\r\n$font-size-base: 12px;\r\n$line-height: 1.5;\r\n// 主题定制border:\r\n$table-border-color: unquote(\"rgb(#{$table-border-color-base})\");\r\n// $table-head-background-color: #f7f7f7;\r\n// $table-head-text-color: #666;\r\n$vertical-padding: 12px;\r\n$horizontal-padding: 8px;\r\n// $table-border-color: #e9e9e9;\r\n\r\n$table-hover-color: #E7F2FC;\r\n$table-move-in-color: $bg-color-base;\r\n$checkbox-height:16px;\r\n.u-table {\r\n font-size: $font-size-base;\r\n color: $text-color;\r\n // transition: opacity 0.3s ease;\r\n position: relative;\r\n line-height: $line-height;\r\n overflow: hidden;\r\n &-body{\r\n // overflow: hidden!important;\r\n position: relative;\r\n }\r\n &-hiden-drag{\r\n position: relative;\r\n &-li{\r\n position: absolute;\r\n top: 0px;\r\n left: 0px;\r\n // height: 10px;//这个高度先注释掉了,加上后,在火狐浏览器上会站位置。滚动条拉到最右边有错行\r\n }\r\n }\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n text-align: left;\r\n }\r\n\r\n th {\r\n // background: $table-head-background-color;\r\n font-weight: bold;\r\n // transition: background 0.3s ease;\r\n &[colspan] {\r\n text-align: center;\r\n }\r\n ::last-child{\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n td {\r\n border-bottom: 1px solid $table-border-color;\r\n a{\r\n color: $brand-primary;\r\n &:hover{\r\n color: $brand-primary-hover;\r\n }\r\n &:active{\r\n color: $brand-primary-active;\r\n }\r\n }\r\n }\r\n\r\n tr {\r\n // transition: all 0.3s ease;\r\n &:hover {\r\n // background: $hover-bg-color-base;\r\n td {\r\n .uf-eye{\r\n visibility: visible !important;\r\n }\r\n }\r\n }\r\n tr a{\r\n color: $brand-primary;\r\n &:hover{\r\n color: $brand-primary-hover;\r\n }\r\n &:active{\r\n color: $brand-primary-active;\r\n }\r\n }\r\n }\r\n tr.tr-row-hover {\r\n background: $hover-bg-color-base;\r\n }\r\n\r\n th,\r\n td {\r\n padding: $vertical-padding $horizontal-padding;\r\n word-break: break-all;\r\n }\r\n tr {\r\n \r\n &.filterable{\r\n th{\r\n padding-top: 4px;\r\n padding-bottom: 4px;\r\n .filterContext{\r\n height: 35px;\r\n }\r\n }\r\n }\r\n }\r\n &-row-hover {\r\n background: $hover-bg-color-base;\r\n }\r\n\r\n &-scroll {\r\n overflow: auto;\r\n }\r\n &-bordered {\r\n table {\r\n border: 1px solid $table-border-color;\r\n box-sizing: border-box;\r\n table-layout: fixed;\r\n // width:auto;\r\n }\r\n th {\r\n border-bottom: 1px solid $table-border-color;\r\n box-sizing: border-box;\r\n }\r\n th,\r\n td {\r\n border-right: 1px solid $table-border-color;\r\n box-sizing: border-box;\r\n }\r\n }\r\n &-drag-border{\r\n tr {\r\n th.th-can-not-drag{ //拖拽tag影响了表格整体宽度\r\n overflow: hidden;\r\n }\r\n }\r\n }\r\n &-header {\r\n overflow: hidden;\r\n background: $table-head-background-color;\r\n color: $table-head-text-color;\r\n }\r\n\r\n &.fixed-height td {\r\n padding: 0px 8px;\r\n }\r\n\r\n &-fixed-header &-body {\r\n background: #fff;\r\n position: relative;\r\n }\r\n &-fixed-left &-body-inner {\r\n margin-right: -20px;\r\n padding-right: 20px;\r\n }\r\n\r\n &-fixed-header &-fixed-left &-body-inner {\r\n padding-right: 0px;\r\n }\r\n\r\n &-fixed-header &-body-inner {\r\n height: 100%;\r\n overflow: scroll;\r\n }\r\n\r\n\r\n &-fixed-header &-scroll &-header {\r\n overflow-x: scroll;\r\n padding-bottom: 20px;\r\n margin-bottom: -20px;\r\n overflow-y: scroll;\r\n box-sizing: border-box;\r\n }\r\n\r\n &-title {\r\n padding: $vertical-padding $horizontal-padding;\r\n border-top: 1px solid $table-border-color;\r\n }\r\n\r\n &-content {\r\n position: relative;\r\n }\r\n\r\n &-footer {\r\n padding: $vertical-padding $horizontal-padding;\r\n border-bottom: 1px solid $table-border-color;\r\n .u-table-scroll{\r\n overflow-x: hidden;\r\n }\r\n }\r\n &-footer & {\r\n margin: (-$vertical-padding) (-$horizontal-padding);\r\n }\r\n\r\n &-placeholder {\r\n padding: $vertical-padding 8px;\r\n background: #fff;\r\n border-bottom: 1px solid $table-border-color;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n &-expand-icon-col {\r\n width: 10px;\r\n }\r\n &-row,\r\n &-expanded-row {\r\n &-expand-icon {\r\n cursor: pointer;\r\n display: inline-block;\r\n margin-right: 0px;\r\n width: 16px;\r\n height: 16px;\r\n text-align: center;\r\n line-height: 16px;\r\n border: 1px solid $table-border-color;\r\n user-select: none;\r\n background: #fff;\r\n margin-right: 10px;\r\n }\r\n &-spaced {\r\n visibility: hidden;\r\n }\r\n &-spaced:after {\r\n content: \".\";\r\n }\r\n\r\n &-expanded:after {\r\n content: \"-\";\r\n }\r\n\r\n &-collapsed:after {\r\n content: \"+\";\r\n }\r\n }\r\n &-row{\r\n &.selected{\r\n background: $hover-bg-color-base;\r\n }\r\n }\r\n tr.u-table-expanded-row {\r\n background: #f7f7f7;\r\n &:hover {\r\n background: #f7f7f7;\r\n }\r\n .u-table {\r\n // padding: 0 40px 0 20px;\r\n z-index: 1;\r\n }\r\n }\r\n &-column-hidden {\r\n display: none;\r\n }\r\n &-prev-columns-page,\r\n &-next-columns-page {\r\n cursor: pointer;\r\n color: #666;\r\n z-index: 1;\r\n &:hover {\r\n color: #2db7f5;\r\n }\r\n &-disabled {\r\n cursor: not-allowed;\r\n color: #999;\r\n &:hover {\r\n color: #999;\r\n }\r\n }\r\n }\r\n &-prev-columns-page {\r\n margin-right: 8px;\r\n &:before {\r\n content: \"<\";\r\n }\r\n }\r\n &-next-columns-page {\r\n float: right;\r\n &:before {\r\n content: \">\";\r\n }\r\n }\r\n\r\n &-fixed-left,\r\n &-fixed-right {\r\n position: absolute;\r\n top: 0;\r\n overflow: hidden;\r\n z-index: 1;\r\n table {\r\n width: auto;\r\n background: #fff;\r\n }\r\n }\r\n\r\n &-fixed-left {\r\n left: 0;\r\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1);\r\n &-body-inner {\r\n margin-right: -20px;\r\n padding-right: 20px;\r\n }\r\n &-fixed-header & &-body-inner {\r\n padding-right: 0;\r\n }\r\n }\r\n\r\n &-fixed-right {\r\n right: 0;\r\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1);\r\n\r\n // hide expand row content in right fixed Table\r\n // https://github.com/ant-design/ant-design/issues/1898\r\n &-expanded-row {\r\n color: transparent;\r\n pointer-events: none;\r\n }\r\n \r\n }\r\n \r\n &-scroll-position-left &-fixed-left {\r\n box-shadow: none;\r\n }\r\n\r\n &-scroll-position-right &-fixed-right {\r\n box-shadow: none;\r\n }\r\n\r\n &-thead{\r\n .filter-text,.filter-dropdown,.filter-date {\r\n font-weight: normal;\r\n }\r\n .filter-wrap{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n .filter-btns{\r\n min-width: 58px;\r\n }\r\n }\r\n th{\r\n background: $table-head-background-color;\r\n color: $table-head-text-color;\r\n background-clip:padding-box;\r\n //禁止选中文字\r\n -moz-user-select: -moz-none;\r\n -khtml-user-select: none;\r\n -webkit-user-select: none; \r\n /*\r\n Introduced in IE 10. \r\n */\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n // overflow: hidden;\r\n // white-space: nowrap;\r\n // text-overflow: ellipsis;\r\n .bee-table-column-sorter {\r\n position: relative;\r\n margin-left: 4px;\r\n height: 1em;\r\n vertical-align: middle;\r\n text-align: center;\r\n display: inline-block;\r\n \r\n & > .bee-table-column-sorter-down,\r\n & > .bee-table-column-sorter-up, & > .bee-table-column-sorter-flat {\r\n line-height: 6px;\r\n display: block;\r\n width: 34px;\r\n cursor: pointer;\r\n }\r\n \r\n }\r\n\r\n .bee-table-column-sorter-down.on .uf-triangle-down,\r\n .bee-table-column-sorter-down.on .uf-triangle-up,\r\n .bee-table-column-sorter-up.on .uf-triangle-down,\r\n .bee-table-column-sorter-up.on .uf-triangle-up {\r\n color: #108ee9;\r\n }\r\n .bee-table-column-sorter .uf-triangle-down,\r\n .bee-table-column-sorter .uf-triangle-up {\r\n -webkit-filter: none;\r\n filter: none;\r\n font-size: 12px;\r\n }\r\n .bee-table-column-sorter .uf-triangle-down,\r\n .bee-table-column-sorter .uf-triangle-up {\r\n display: inline-block;\r\n padding: 0;\r\n font-size: 12px;\r\n font-size: 8px\\9;\r\n -webkit-transform: scale(0.66666667) rotate(0deg);\r\n -ms-transform: scale(0.66666667) rotate(0deg);\r\n transform: scale(0.66666667) rotate(0deg);\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\r\n zoom: 1;\r\n line-height: 4px;\r\n height: 4px;\r\n color: #999;\r\n // -webkit-transition: all 0.3s;\r\n // transition: all 0.3s;\r\n }\r\n &:hover{\r\n .bee-table-column-sorter {\r\n display: inline-block;\r\n }\r\n }\r\n }\r\n .th-drag{\r\n cursor: move;\r\n }\r\n .th-drag:hover{\r\n background: $hover-bg-color-base;\r\n }\r\n //为了区分是拖拽宽度还是交换列,先注释上面了\r\n // .th-drag:hover{\r\n // background:#ccc;\r\n // }\r\n .th-drag-hover{ \r\n background: #ccc;\r\n }\r\n &-th{\r\n position: relative;\r\n\r\n &-drag-gap{\r\n height: 100%;\r\n position: absolute;\r\n right: -10px;\r\n top: 0;\r\n // background:transparent;\r\n // width: 1px;\r\n // background:#ccc;\r\n width: 20px;\r\n \r\n box-sizing: border-box;\r\n z-index: 1;\r\n\r\n .online{\r\n height: 100%;\r\n width: 1px;\r\n background:transparent;//兼容火狐浏览器,如果table设置border,\r\n margin: 0 auto;\r\n }\r\n .online-hover{\r\n background:#000000;\r\n }\r\n \r\n }\r\n &-drag-gap:hover{\r\n cursor: col-resize;\r\n .online{\r\n background: #000000\r\n }\r\n }\r\n }\r\n &-th:last-child {\r\n &-drag-gap{\r\n border: none;\r\n }\r\n }\r\n }\r\n\r\n\r\n &-filter-column{\r\n \r\n &-pop-cont{\r\n margin: 10px;\r\n margin-top: 0px;\r\n height: 300px;\r\n overflow-y: scroll;\r\n }\r\n &-clear-setting{ \r\n border-bottom: 1px solid #ccc;\r\n cursor: pointer;\r\n }\r\n &-cont{\r\n position: relative;\r\n }\r\n &-filter-icon{\r\n position: absolute;\r\n top: 3px;\r\n right: 18px;\r\n width: 22px;\r\n height: 25px;\r\n line-height: 25px;\r\n z-index: 2;\r\n background: #f7f7f7;\r\n &i.uf{\r\n padding: 0px;\r\n }\r\n }\r\n &-pop-cont-item{\r\n margin-top: 10px;\r\n line-height: 30px;\r\n cursor: pointer;\r\n }\r\n &-pop-cont-item>span{\r\n margin-left: 5px;\r\n width: 100px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n &-pop .u-modal-dialog{\r\n border: 1px solid #ccc;\r\n background: #fff;\r\n }\r\n }\r\n //拖拽宽度代码\r\n &-row-fixed-columns-in-body{\r\n // visibility: hidden;\r\n display:none;\r\n pointer-events: none;\r\n }\r\n //固定列含有checkbox 样式复写\r\n .u-checkbox {\r\n height: $checkbox-height;\r\n line-height: $checkbox-height;\r\n }\r\n}\r\n.u-table:focus{\r\n outline: none;\r\n // border-color: #9ecaed;\r\n // box-shadow: 0 0 10px #9ecaed;\r\n box-shadow: 0 0 0;\r\n}\r\n\r\n .u-table-bordered {\r\n .u-table-drag-gap{\r\n background:#e9e9e9;\r\n }\r\n }\r\n.u-table.bordered {\r\n table {\r\n border-collapse: collapse;\r\n }\r\n th,\r\n td {\r\n border: 1px solid $table-border-color;\r\n }\r\n}\r\n\r\n.move-enter,\r\n.move-appear {\r\n opacity: 0;\r\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\r\n animation-duration: 2.5s;\r\n animation-fill-mode: both;\r\n animation-play-state: paused;\r\n}\r\n\r\n.move-leave {\r\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\r\n animation-duration: 0.5s;\r\n animation-fill-mode: both;\r\n animation-play-state: paused;\r\n}\r\n\r\n.move-enter.move-enter-active,\r\n.move-appear.move-enter-active {\r\n animation-name: moveLeftIn;\r\n animation-play-state: running;\r\n}\r\n\r\n.move-leave.move-leave-active {\r\n animation-name: moveRightOut;\r\n animation-play-state: running;\r\n}\r\n\r\n@keyframes moveLeftIn {\r\n 0% {\r\n transform-origin: 0 0;\r\n transform: translateX(30px);\r\n opacity: 0;\r\n background: $table-move-in-color;\r\n }\r\n 20% {\r\n transform-origin: 0 0;\r\n transform: translateX(0);\r\n opacity: 1;\r\n }\r\n 80% {\r\n background: $table-move-in-color;\r\n }\r\n 100% {\r\n background: transparent;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes moveRightOut {\r\n 0% {\r\n transform-origin: 0 0;\r\n transform: translateX(0);\r\n opacity: 1;\r\n }\r\n 100% {\r\n transform-origin: 0 0;\r\n transform: translateX(-30px);\r\n opacity: 0;\r\n }\r\n}\r\n\r\n.formItem-style {\r\n height: unset;\r\n min-height: unset;\r\n padding: 0;\r\n}\r\n.errMessage-style {\r\n display: none;\r\n border: none;\r\n /* margin-top: 5px; */\r\n /* margin-bottom: 5px; */\r\n background: transparent;\r\n color: #f22c1d;\r\n /* padding-left: 12px; */\r\n /* padding-right: 12px; */\r\n margin: 0;\r\n position: absolute;\r\n padding: 0;\r\n top: 3px;\r\n right: 0;\r\n}\r\n\r\n.editable-cell {\r\n position: relative;\r\n}\r\n\r\n.editable-cell-input-wrapper,\r\n.editable-cell-text-wrapper {\r\n padding-right: 24px;\r\n}\r\n\r\n.editable-cell-text-wrapper {\r\n padding: 5px 24px 5px 5px;\r\n height: 30px;\r\n}\r\n\r\n.editable-cell-icon,\r\n.editable-cell-icon-check {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 20px;\r\n cursor: pointer;\r\n}\r\n\r\n.editable-cell-icon {\r\n line-height: 28px;\r\n display: none;\r\n}\r\n\r\n.editable-cell-icon-check {\r\n line-height: 28px;\r\n}\r\n\r\n.editable-cell:hover .editable-cell-icon {\r\n display: inline-block;\r\n}\r\n\r\n.editable-cell-icon:hover,\r\n.editable-cell-icon-check:hover {\r\n color: #2db7f5;\r\n}\r\n\r\n.editable-add-btn {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.search-component {\r\n margin-bottom: 20px;\r\n .empty-search {\r\n position: absolute;\r\n right: 45px;\r\n z-index: 20;\r\n top: 5px;\r\n color: #524e4e;\r\n cursor: pointer;\r\n }\r\n &.u-input-group.simple {\r\n float: right;\r\n }\r\n &.u-input-group.simple .u-form-control {\r\n width: 251px;\r\n background: #f5f5f5;\r\n border-color: #f5f5f5;\r\n border-radius: 20px;\r\n }\r\n &.u-input-group.simple .u-input-group-btn {\r\n top: 3px;\r\n right: 20px;\r\n position: absolute;\r\n }\r\n}\r\n\r\n\r\n.col-resize-container {\r\n height: 0px;\r\n position: relative;\r\n\r\n & + .table-col-resizer:first-of-type {\r\n table-layout: fixed;\r\n }\r\n\r\n .active-drag .icon{\r\n visibility: visible;\r\n }\r\n\r\n .last-handle {\r\n display: none;\r\n }\r\n\r\n .drag-handle {\r\n margin-left: -5px;\r\n position: absolute;\r\n z-index: 5;\r\n width: 10px;\r\n cursor: col-resize;\r\n\r\n .icon {\r\n color: #40b0dc;\r\n top: -1px;\r\n position: absolute;\r\n visibility: hidden;\r\n\r\n &:first-child {\r\n left: -2px\r\n }\r\n &:last-child {\r\n left: 6px\r\n }\r\n }\r\n\r\n &:hover{\r\n .icon{\r\n visibility: visible;\r\n }\r\n .col-resizer {\r\n border: 1px solid;\r\n }\r\n }\r\n\r\n &.disabled-drag {\r\n cursor: default;\r\n display: none;\r\n }\r\n\r\n .col-resizer {\r\n position: absolute;\r\n width: 1px;\r\n height: 100%;\r\n top: 0px;\r\n left: 3px;\r\n }\r\n }\r\n}\r\n\r\n.u-filter-dropdown-menu-wrap {\r\n z-index: 1800;\r\n .u-dropdown-menu {\r\n li.u-dropdown-menu-item {\r\n line-height: 32px;\r\n height: 32px;\r\n padding: 0px 16px 0 16px;\r\n cursor: pointer;\r\n }\r\n }\r\n}\r\n\r\n.u-row-hover{\r\n position: absolute;\r\n right: 24px;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n background: $table-hover-color\r\n}\r\n\r\n.u-row-hover2{\r\n position: absolute;\r\n left: 100;\r\n}\r\n\r\n// 滚动条样式复写\r\n::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n}\r\n::-webkit-scrollbar-button {\r\n display: none;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n background: #d5d5d5 !important;\r\n border-radius: 5px;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n border-radius: 4px;\r\n background-color: #d5d5d5;\r\n position: absolute;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n display: none;\r\n}\r\n\r\n::-webkit-scrollbar-track-piece {\r\n display: none;\r\n}","\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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 4/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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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// $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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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// $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\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\r\n\r\n\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: $gray-light;\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: 4px;\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// 默认按钮()\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// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$color-light-contrast})\") !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: 5/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 5px 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: 4/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:10px;\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: 3px;\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: 30px;\r\n$form-control-lg-height: 38px;\r\n$form-control-sm-height: 24px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: #bdbdbd;\r\n$form-control-disable-bg-color: #eee;\r\n$form-control-disable-color: #BDBDBD;\r\n$form-control-disable-border-color: #e0e0e0;\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: 4px;\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: unquote(\"rgb(#{$palette-u-gray-600})\") !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-color: rgba(0, 0, 0, 0.25);\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: rgba(0, 0, 0, 0.65);\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\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: #000;\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: .9;\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: #ccc;\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: 9px;\r\n$pagination-lg-padding-horizontal: 15px;\r\n\r\n$pagination-small-font-size: \t14px;\r\n$pagination-small-padding-vertical: 5px;\r\n$pagination-small-padding-horizontal: 9px;\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:rgba(122, 134, 154, 0.35);\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: 3px;\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$border-radius-base: 3px;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\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: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: 3px;\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$default-border-radius: 4px;\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: #d9d9d9;\r\n$select-border-radius: 4px;\r\n$select-color: #666;\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: #ccc;\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: #999;\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;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n\n.u-input-group-addon {\n padding: 6px 12px;\n font-size: 14px;\n font-weight: 400;\n line-height: 1;\n color: #555;\n text-align: center;\n background-color: #eee;\n border: 1px solid #ccc;\n border-radius: 4px;\n width: 1%;\n white-space: nowrap;\n vertical-align: middle;\n display: table-cell;\n &:last-child {\n\t border-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n &:first-child {\n \tborder-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n.u-input-group-btn {\n font-size: 0;\n white-space: nowrap;\n position: relative;\n width: 1%;\n vertical-align: middle;\n display: table-cell;\n .u-button{\n \tposition: relative;\n }\n}\n\n.u-input-group-btn:first-child>button, .u-input-group-btn:first-child>.btn-group>button, .u-input-group-btn:first-child>.dropdown-toggle, .u-input-group-btn:last-child>.btn-group:not(:last-child)>button, .u-input-group-btn:last-child>button:not(:last-child):not(.dropdown-toggle) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.u-input-group-btn:first-child>.btn-group:not(:first-child)>button, .u-input-group-btn:first-child>button:not(:first-child), .u-input-group-btn:last-child>button, .u-input-group-btn:last-child>.btn-group>button, .u-input-group-btn:last-child>.dropdown-toggle{\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.u-input-group-btn:last-child>button, .u-input-group-btn:last-child>.btn-group {\n margin-left: -1px;\n}\n.u-input-group-btn:first-child>button, .u-input-group-btn:first-child>.btn-group {\n margin-right: -1px;\n}\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-input-group-addon/src/InputGroupAddon.scss\";\n@import \"./InputGroupButton.scss\";\n\n.u-input-group {\n\tposition: relative;\n display: table;\n border-collapse: separate;\n .u-input-group-btn .u-button{\n \tborder: 1px solid #ccc;\n \theight: 30px;\n \tline-height: 1.3;\n }\n\t.u-form-control {\n\t\tposition: relative;\n\t float: left;\n\t width: 100%;\n\t margin-bottom: 0;\n\t display: table-cell;\n\t &:first-child {\n\t \tborder-bottom-right-radius: 0;\n \t\tborder-top-right-radius: 0;\n\t }\n\t &:last-child {\n\t \tborder-bottom-left-radius: 0;\n \t\tborder-top-left-radius: 0;\n\t }\n\t &:not(:first-child):not(:last-child) {\n\t \tborder-radius: 0;\n\t }\n\t}\n\t&.simple{\n\t\t.u-form-control {\n\t\t\tborder-radius: 3px;\n\t\t}\n\t\t.u-input-group-btn{\n\t\t\tposition: absolute;\n\t\t top: 2px;\n\t\t bottom: 0;\n\t\t\tright: 5px;\n\t\t\tmin-width: 20px;\n\t\t}\n\t\t.u-form-control:not(:last-child) {\n\t\t padding-right: 23px;\n\t\t}\n\t}\n}","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-form-control/src/FormControl.scss\";\n@import \"../node_modules/bee-input-group/src/InputGroup.scss\";\n\n.rc-calendar {\n box-sizing: border-box;\n}\n.rc-calendar * {\n box-sizing: border-box;\n}\n.rc-calendar-hidden {\n display: none;\n}\n.rc-calendar-input-wrap {\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9;\n}\n.rc-calendar-input-wrap:after {\n content: '';\n clear: both;\n}\n.rc-calendar-date-input-wrap {\n overflow: hidden;\n}\n.rc-calendar-time-picker {\n position: absolute;\n width: 100%;\n top: 34px;\n background-color: white;\n height: 217px;\n}\n.rc-calendar-time-picker-panel {\n width: 100%;\n position: relative;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {\n display: none;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {\n border: none;\n box-shadow: none;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select {\n width: 84px;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select ul {\n max-height: 217px;\n}\n.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {\n text-align: center;\n padding: 0;\n}\n.rc-calendar-time-picker-wrap {\n float: left;\n width: 100%;\n}\n.rc-calendar-time-picker-wrap .rc-time-picker {\n width: 100%;\n}\n.rc-calendar-time-picker-wrap .rc-time-picker-input {\n padding: 0;\n border: 1px solid transparent;\n outline: 0;\n height: 22px;\n}\n.rc-calendar-time-picker-wrap .rc-time-picker-icon {\n display: none;\n}\n.rc-calendar-input {\n border: 1px solid transparent;\n width: 100%;\n color: #666;\n cursor: text;\n line-height: 1.5;\n outline: 0;\n height: 22px;\n}\n.rc-calendar-input-invalid {\n border-color: red;\n}\n.rc-calendar-clear-btn {\n z-index: 9999;\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0;\n}\n.rc-calendar-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease;\n}\n.rc-calendar-clear-btn:hover:after {\n color: #666;\n}\n.rc-calendar-picker {\n position: absolute;\n left: -9999px;\n top: -9999px;\n z-index: 1800;\n}\n.rc-calendar-picker-hidden {\n display: none;\n}\n.rc-calendar-picker-slide-up-enter {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.rc-calendar-picker-slide-up-appear {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.rc-calendar-picker-slide-up-leave {\n -webkit-animation-duration: .3s;\n animation-duration: .3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n display: block !important;\n opacity: 1;\n -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {\n -webkit-animation-name: rcDropdownSlideUpIn;\n animation-name: rcDropdownSlideUpIn;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {\n -webkit-animation-name: rcDropdownSlideDownIn;\n animation-name: rcDropdownSlideDownIn;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {\n -webkit-animation-name: rcDropdownSlideUpOut;\n animation-name: rcDropdownSlideUpOut;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,\n.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {\n -webkit-animation-name: rcDropdownSlideDownOut;\n animation-name: rcDropdownSlideDownOut;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n@-webkit-keyframes rcDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes rcDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes rcDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes rcDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@-webkit-keyframes rcDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes rcDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes rcDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes rcDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n.rc-calendar {\n position: relative;\n outline: none;\n font-family: Arial, \"Hiragino Sans GB\", \"Microsoft Yahei\", \"Microsoft Sans Serif\", \"WenQuanYi Micro Hei\", sans-serif;\n width: 253px;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5;\n z-index:1800;\n}\n.rc-calendar-date-panel,\n.rc-calendar-panel {\n position: relative;\n outline: none;\n}\n.rc-calendar-week-number {\n width: 286px;\n}\n.rc-calendar-week-number-cell {\n text-align: center;\n}\n.rc-calendar-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 0px 5px;\n line-height: 34px;\n text-align: center;\n width: 30px;\n}\n.rc-calendar-header > a:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-header .rc-calendar-prev-month-btn {\n position: absolute;\n left: 25px;\n}\n.rc-calendar-header .rc-calendar-prev-month-btn:after {\n content: '‹';\n}\n.rc-calendar-header .rc-calendar-next-month-btn {\n position: absolute;\n right: 25px;\n}\n.rc-calendar-header .rc-calendar-next-month-btn:after {\n content: '›';\n}\n.rc-calendar-year-select,\n.rc-calendar-month-select,\n.rc-calendar-day-select {\n display: inline-block;\n font-size: 12px;\n font-weight: bold;\n color: #666;\n padding: 0 8px;\n line-height: 34px;\n}\n.rc-calendar-year-select:hover,\n.rc-calendar-month-select:hover,\n.rc-calendar-day-select:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-prev-month-btn,\n.rc-calendar-next-month-btn,\n.rc-calendar-prev-year-btn,\n.rc-calendar-next-year-btn {\n position: absolute;\n top: 0;\n cursor: pointer;\n color: #999;\n font-family: Arial, \"Hiragino Sans GB\", \"Microsoft Yahei\", \"Microsoft Sans Serif\", sans-serif;\n padding: 0 5px;\n font-size: 16px;\n display: inline-block;\n line-height: 34px;\n}\n.rc-calendar-prev-month-btn:hover,\n.rc-calendar-next-month-btn:hover,\n.rc-calendar-prev-year-btn:hover,\n.rc-calendar-next-year-btn:hover {\n color: #23c0fa;\n}\n.rc-calendar-next-year-btn {\n right: 0;\n}\n.rc-calendar-next-year-btn:after {\n content: '»';\n}\n.rc-calendar-prev-year-btn {\n left: 0;\n}\n.rc-calendar-prev-year-btn:after {\n content: '«';\n}\n.rc-calendar-body {\n padding: 9px 10px 10px;\n height: 217px;\n}\n.rc-calendar table {\n border-collapse: collapse;\n max-width: 100%;\n background-color: transparent;\n width: 100%;\n height:100%;\n}\n.rc-calendar table,\n.rc-calendar td,\n.rc-calendar th,\n.rc-calendar td {\n border: none;\n}\n.rc-calendar-table {\n border-spacing: 0;\n margin-bottom: 0;\n}\n.rc-calendar-column-header {\n line-height: 18px;\n padding: 6px 0;\n width: 33px;\n text-align: center;\n}\n.rc-calendar-column-header .rc-calendar-column-header-inner {\n display: block;\n font-weight: normal;\n}\n.rc-calendar-week-number-header .rc-calendar-column-header-inner {\n display: none;\n}\n.rc-calendar-cell {\n padding: 1px 0;\n}\n.rc-calendar-date {\n display: block;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n width: 26px;\n height: 26px;\n padding: 0;\n background: transparent;\n line-height: 26px;\n text-align: center;\n}\n.rc-calendar-date:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-selected-day .rc-calendar-date {\n background: #d9f4fe;\n}\n.rc-calendar-selected-date .rc-calendar-date {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-selected-date .rc-calendar-date:hover {\n background: #3fc7fa;\n}\n.rc-calendar-today .rc-calendar-date {\n border: 1px solid #3fc7fa;\n}\n.rc-calendar-disabled-cell .rc-calendar-date {\n cursor: not-allowed;\n color: #bcbcbc;\n background: #f3f3f3;\n border-radius: 0;\n width: auto;\n}\n.rc-calendar-disabled-cell .rc-calendar-date:hover {\n background: #f3f3f3;\n}\n.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.rc-calendar-last-month-cell .rc-calendar-date,\n.rc-calendar-next-month-btn-day .rc-calendar-date {\n color: #bbb;\n}\n.rc-calendar-footer {\n border-top: 1px solid #ccc;\n padding: 10px 0;\n text-align: center;\n position: relative;\n}\n.rc-calendar-footer .rc-time-picker {\n width: 90px;\n}\n.rc-calendar-footer .rc-time-picker-input {\n height: 24px;\n}\n.rc-calendar-footer-show-ok {\n text-align: right;\n}\n.rc-calendar-footer-show-ok .rc-calendar-footer-btn {\n padding-right: 12px;\n}\n.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {\n margin-left: 0;\n padding: 0 12px;\n}\n.rc-calendar-footer-show-ok .rc-calendar-today-btn {\n float: left;\n padding-left: 12px;\n}\n.rc-calendar-footer-btn {\n margin-top: 2px;\n}\n.rc-calendar-footer-btn:after {\n content: 'x';\n height: 0;\n font-size: 0;\n overflow: hidden;\n clear: both;\n}\n.rc-calendar-time-picker-btn {\n margin-left: 10px;\n}\n.rc-calendar-today-btn,\n.rc-calendar-ok-btn,\n.rc-calendar-time-picker-btn {\n display: inline-block;\n text-align: center;\n color: #f46830;\n}\n.rc-calendar-today-btn:hover,\n.rc-calendar-ok-btn:hover,\n.rc-calendar-time-picker-btn:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-today-btn-disabled,\n.rc-calendar-ok-btn-disabled,\n.rc-calendar-time-picker-btn-disabled {\n color: #bbb;\n}\n.rc-calendar-today-btn-disabled:hover,\n.rc-calendar-ok-btn-disabled:hover,\n.rc-calendar-time-picker-btn-disabled:hover {\n color: #bbb;\n}\n.rc-calendar-today-btn {\n padding-left: 10px;\n}\n.rc-calendar-time-input {\n height: 25px;\n position: relative;\n display: inline-block;\n margin: 0 0;\n padding: 4px 10px;\n border-radius: 6px 6px;\n border: 1px solid #d9d9d9;\n background-color: #ffffff;\n color: #666;\n line-height: 1.5;\n -webkit-transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n width: 40px;\n}\n.rc-calendar-time-input:hover {\n border-color: #23c0fa;\n}\n.rc-calendar-time-input:focus {\n border-color: #23c0fa;\n box-shadow: 0 0 3px #23c0fa;\n}\n.rc-calendar-time-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none;\n}\n.rc-calendar-time-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-time-panel-body {\n padding: 9px 10px 10px;\n}\n.rc-calendar-time-panel-title {\n width: 180px;\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n height: 30px;\n line-height: 22px;\n border-radius: 4px;\n}\n.rc-calendar-time-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 100%;\n border-collapse: separate;\n}\n.rc-calendar-time-panel-cell {\n text-align: center;\n height: 42px;\n vertical-align: middle;\n}\n.rc-calendar-time-panel-time {\n line-height: 26px;\n display: block;\n border-radius: 4px;\n width: 26px;\n margin: 0 auto;\n}\n.rc-calendar-time-panel-time:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-month-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none;\n}\n.rc-calendar-month-panel-hidden {\n display: none;\n}\n.rc-calendar-month-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-month-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n width: 30px;\n}\n.rc-calendar-month-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-month-panel-prev-year-btn,\n.rc-calendar-month-panel-next-year-btn {\n position: absolute;\n top: 0;\n}\n.rc-calendar-month-panel-next-year-btn:after {\n content: '»';\n}\n.rc-calendar-month-panel-prev-year-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0;\n}\n.rc-calendar-month-panel-prev-year-btn:after {\n content: '«';\n}\n.rc-calendar-month-panel .rc-calendar-month-panel-year-select {\n width: 180px;\n}\n.rc-calendar-month-panel-year-select-arrow {\n display: none;\n}\n.rc-calendar-month-panel-next-year-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0;\n}\n.rc-calendar-month-panel-body,.rc-calendar-year-panel-body,.rc-calendar-decade-panel-body {\n padding: 9px 10px 10px;\n height: calc(100% - 30px);\n}\n.rc-calendar-month-panel > div,.rc-calendar-year-panel > div {\n height:100%;\n}\n.rc-calendar-month-panel-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: separate;\n}\n.rc-calendar-month-panel-cell {\n text-align: center;\n}\n.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {\n display: block;\n width: 46px;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center;\n}\n.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {\n color: #bfbfbf;\n}\n.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {\n background: white;\n cursor: not-allowed;\n}\n.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar > .rc-calendar-year-panel {\n position: relative;\n}\n.rc-calendar-year-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none;\n}\n.rc-calendar-year-panel-hidden {\n display: none;\n}\n.rc-calendar-year-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 30px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-year-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 4px 5px;\n text-align: center;\n width: 30px;\n}\n.rc-calendar-year-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-year-panel-prev-decade-btn,\n.rc-calendar-year-panel-next-decade-btn {\n position: absolute;\n top: 0;\n}\n.rc-calendar-year-panel-next-decade-btn:after {\n content: '»';\n}\n.rc-calendar-year-panel-prev-decade-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0;\n}\n.rc-calendar-year-panel-prev-decade-btn:after {\n content: '«';\n}\n.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {\n width: 180px;\n}\n.rc-calendar-year-panel-decade-select-arrow {\n display: none;\n}\n.rc-calendar-year-panel-next-decade-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0;\n}\n.rc-calendar-year-panel-body {\n padding: 9px 10px 10px;\n}\n.rc-calendar-year-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 255px;\n border-collapse: separate;\n}\n.rc-calendar-year-panel-cell {\n text-align: center;\n}\n.rc-calendar-year-panel-year {\n display: block;\n width: 46px;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center;\n}\n.rc-calendar-year-panel-year:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,\n.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n color: rgba(0, 0, 0, 0.25);\n}\n.rc-calendar-decade-panel {\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n background: #ffffff;\n z-index: 10;\n position: absolute;\n outline: none;\n}\n.rc-calendar-decade-panel-hidden {\n display: none;\n}\n.rc-calendar-decade-panel-header {\n padding: 0 10px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n}\n.rc-calendar-decade-panel-header > a {\n font-weight: bold;\n display: inline-block;\n padding: 1px 5px;\n text-align: center;\n width: 30px;\n}\n.rc-calendar-decade-panel-header > a:hover {\n cursor: pointer;\n color: #23c0fa;\n}\n.rc-calendar-decade-panel-prev-century-btn,\n.rc-calendar-decade-panel-next-century-btn {\n position: absolute;\n top: 0;\n}\n.rc-calendar-decade-panel-next-century-btn:after {\n content: '»';\n}\n.rc-calendar-decade-panel-prev-century-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n left: 0;\n}\n.rc-calendar-decade-panel-prev-century-btn:after {\n content: '«';\n}\n.rc-calendar-decade-panel-next-century-btn {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n right: 0;\n}\n.rc-calendar-decade-panel-body {\n padding: 9px 10px 10px;\n}\n.rc-calendar-decade-panel-table {\n table-layout: fixed;\n width: 100%;\n height: 255px;\n border-collapse: separate;\n}\n.rc-calendar-decade-panel-cell {\n text-align: center;\n}\n.rc-calendar-decade-panel-decade {\n display: block;\n margin: 0 auto;\n color: #666;\n border-radius: 4px 4px;\n height: 36px;\n padding: 0;\n background: transparent;\n line-height: 36px;\n text-align: center;\n}\n.rc-calendar-decade-panel-decade:hover {\n background: #ebfaff;\n cursor: pointer;\n}\n.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {\n background: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,\n.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n color: rgba(0, 0, 0, 0.25);\n}\n.rc-calendar-range {\n width: 502px;\n overflow: hidden;\n}\n.rc-calendar-range-part {\n width: 250px;\n position: relative;\n}\n.rc-calendar-range-part .rc-calendar-time-picker {\n top: 69px;\n}\n.rc-calendar-range-part .rc-calendar-time-picker-panel-select {\n width: 77px;\n}\n.rc-calendar-range-left {\n float: left;\n}\n.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {\n border-right: 1px solid #e9e9e9;\n}\n.rc-calendar-range-right {\n float: right;\n}\n.rc-calendar-range-right .rc-calendar-time-picker-panel {\n left: 21px;\n}\n.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {\n border-left: 1px solid #e9e9e9;\n}\n.rc-calendar-range-middle {\n position: absolute;\n margin-left: -10px;\n text-align: center;\n height: 35px;\n line-height: 35px;\n}\n.rc-calendar-range .rc-calendar-date-panel::after {\n content: \".\";\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n.rc-calendar-range .rc-calendar-input-wrap {\n height: 35px;\n}\n.rc-calendar-range .rc-calendar-input,\n.rc-calendar-range .rc-time-picker-input {\n padding: 1px 7px;\n height: 22px;\n}\n.rc-calendar-range .rc-calendar-body,\n.rc-calendar-range .rc-calendar-decade-panel-body,\n.rc-calendar-range .rc-calendar-year-panel-body,\n.rc-calendar-range .rc-calendar-month-panel-body {\n border-bottom: 1px solid #e9e9e9;\n}\n.rc-calendar-range.rc-calendar-week-number {\n width: 574px;\n}\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {\n width: 286px;\n}\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {\n top: 69px;\n}\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {\n width: 89px;\n}\n.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {\n left: 36px;\n}\n.rc-calendar-range .rc-calendar-year-panel,\n.rc-calendar-range .rc-calendar-month-panel,\n.rc-calendar-range .rc-calendar-decade-panel {\n top: 35px;\n}\n.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {\n top: 0;\n}\n.rc-calendar-range .rc-calendar-decade-panel-table,\n.rc-calendar-range .rc-calendar-year-panel-table,\n.rc-calendar-range .rc-calendar-month-panel-table {\n height: 198px;\n}\n.rc-calendar-range .rc-calendar-in-range-cell {\n background: #ebf4f8;\n border-radius: 0;\n}\n.rc-calendar-range-bottom {\n text-align: right;\n}\n.rc-calendar-range .rc-calendar-footer {\n border-top: none;\n padding: 0;\n}\n.rc-calendar-range .rc-calendar-footer-btn {\n padding: 10px 12px 10px 0;\n}\n.rc-calendar-range .rc-calendar-ok-btn {\n position: static;\n}\n.rc-calendar-range .rc-calendar-today-btn {\n float: left;\n}\n.rc-calendar-full {\n width: 275px;\n}\n.rc-calendar-full-header {\n padding: 5px 10px;\n text-align: center;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n border-bottom: 1px solid #ccc;\n overflow: hidden;\n}\n.rc-calendar-full-header-month-select,\n.rc-calendar-full-header-year-select {\n width: 70px;\n float: right;\n margin-right: 5px;\n}\n.rc-calendar-full-header-switcher {\n float: right;\n display: inline-block;\n}\n.rc-calendar-full-header-switcher-normal:hover {\n border-color: #23c0fa;\n box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);\n cursor: pointer;\n}\n.rc-calendar-full-header-switcher-focus {\n border-color: #3fc7fa;\n background-color: #3fc7fa;\n color: #fff;\n}\n.rc-calendar-full-header-switcher > span {\n float: left;\n height: 28px;\n line-height: 24px;\n border: 1px solid #d9d9d9;\n padding: 0 10px;\n color: #666;\n}\n.rc-calendar-full-header-switcher > span:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n border-right: none;\n}\n.rc-calendar-full-header-switcher > span:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-left: none;\n}\n.rc-calendar-fullscreen {\n width: auto;\n}\n.rc-calendar-fullscreen .rc-calendar-full-header {\n border-bottom: none;\n}\n.rc-calendar-fullscreen .rc-calendar-column-header {\n text-align: right;\n padding-right: 12px;\n}\n.rc-calendar-fullscreen .rc-calendar-cell {\n padding: 0;\n}\n.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {\n display: block;\n height: 116px;\n width: auto;\n border-radius: 0;\n margin: 0 4px;\n border: none;\n border-top: 2px solid #eee;\n text-align: right;\n padding-right: 8px;\n}\n.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n background-color: #ebfaff;\n color: #666;\n}\n.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,\n.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {\n border-top-color: #3FC7FA;\n color: #3FC7FA;\n}\n.week-calendar-sidebar-button{\n padding: 3px 5px;\n font-size: 1.2rem;\n color: rgb(255,255,255);\n background-color: rgb(30,136,229);\n border: 1px rgb(30,136,229) solid;\n border-radius: 0.4rem;\n position: relative;\n min-width: 7.2rem;\n display: inline-block;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n overflow: hidden;\n will-change: box-shadow, transform;\n outline: none;\n cursor: pointer;\n text-decoration: none;\n text-align: center;\n vertical-align: middle;\n}\n\n.rc-time-picker {\n display: inline-block;\n box-sizing: border-box;\n}\n.rc-time-picker * {\n box-sizing: border-box;\n}\n.rc-time-picker-input {\n width: 100%;\n position: relative;\n display: inline-block;\n padding: 4px 7px;\n height: 28px;\n cursor: text;\n font-size: 12px;\n line-height: 1.5;\n color: #666;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.rc-time-picker-input[disabled] {\n color: #ccc;\n background: #f7f7f7;\n cursor: not-allowed;\n}\n.rc-time-picker-panel {\n z-index: 1070;\n width: 170px;\n position: absolute;\n box-sizing: border-box;\n}\n.rc-time-picker-panel * {\n box-sizing: border-box;\n}\n.rc-time-picker-panel-inner {\n display: inline-block;\n position: relative;\n outline: none;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5;\n}\n.rc-time-picker-panel-narrow {\n max-width: 113px;\n}\n.rc-time-picker-panel-input {\n margin: 0;\n padding: 0;\n width: 100%;\n cursor: auto;\n line-height: 1.5;\n outline: 0;\n border: 1px solid transparent;\n}\n.rc-time-picker-panel-input-wrap {\n box-sizing: border-box;\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9;\n}\n.rc-time-picker-panel-input-invalid {\n border-color: red;\n}\n.rc-time-picker-panel-clear-btn {\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0;\n}\n.rc-time-picker-panel-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease;\n}\n.rc-time-picker-panel-clear-btn:hover:after {\n color: #666;\n}\n.rc-time-picker-panel-select {\n float: left;\n font-size: 12px;\n border: 1px solid #e9e9e9;\n border-width: 0 1px;\n margin-left: -1px;\n box-sizing: border-box;\n width: 56px;\n max-height: 144px;\n overflow-y: auto;\n position: relative;\n}\n.rc-time-picker-panel-select-active {\n overflow-y: auto;\n}\n.rc-time-picker-panel-select:first-child {\n border-left: 0;\n margin-left: 0;\n}\n.rc-time-picker-panel-select:last-child {\n border-right: 0;\n}\n.rc-time-picker-panel-select ul {\n list-style: none;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 100%;\n}\n.rc-time-picker-panel-select li {\n list-style: none;\n box-sizing: content-box;\n margin: 0;\n padding: 0 0 0 16px;\n width: 100%;\n height: 24px;\n line-height: 24px;\n text-align: left;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rc-time-picker-panel-select li:hover {\n background: #edfaff;\n}\nli.rc-time-picker-panel-select-option-selected {\n background: #f7f7f7;\n font-weight: bold;\n}\nli.rc-time-picker-panel-select-option-disabled {\n color: #ccc;\n}\nli.rc-time-picker-panel-select-option-disabled:hover {\n background: transparent;\n cursor: not-allowed;\n}\n.calendar-picker {\n width:300px;\n}\n.icon-container{\n position: relative;\n}\n.datepicker-input-group{\n &.u-input-group{\n display: block;\n }\n}","th{\r\n .drop-menu{\r\n .uf{\r\n font-size: 12px;\r\n visibility: hidden;\r\n margin-left: 15px;\r\n }\r\n \r\n \r\n }\r\n &:hover{\r\n .uf{\r\n visibility: visible;\r\n }\r\n }\r\n\r\n}\r\n\r\n",".demo3{\r\n .u-table-thead th {\r\n padding-top: 0px;\r\n padding-bottom: 0px;\r\n }\r\n}",".opt-btns{\r\n button{\r\n background: #505F79 ;\r\n height: 26px;\r\n color:#FFFFFF;\r\n line-height: 26px;\r\n }\r\n }"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/demo.js b/dist/demo.js
index e1bf234..ddca9d9 100644
--- a/dist/demo.js
+++ b/dist/demo.js
@@ -76,7 +76,7 @@
var CARETUP = _react2['default'].createElement('i', { className: 'uf uf-arrow-up' });
- var Demo1 = __webpack_require__(84);var Demo2 = __webpack_require__(511);var Demo3 = __webpack_require__(516);var Demo4 = __webpack_require__(517);var Demo5 = __webpack_require__(518);var Demo6 = __webpack_require__(519);var Demo7 = __webpack_require__(523);var Demo8 = __webpack_require__(524);var Demo9 = __webpack_require__(529);var Demo10 = __webpack_require__(530);var Demo11 = __webpack_require__(531);var Demo12 = __webpack_require__(533);var Demo13 = __webpack_require__(539);var Demo14 = __webpack_require__(541);var Demo15 = __webpack_require__(550);var Demo16 = __webpack_require__(551);var Demo17 = __webpack_require__(552);var Demo18 = __webpack_require__(553);var Demo19 = __webpack_require__(554);var Demo20 = __webpack_require__(555);var Demo21 = __webpack_require__(556);var Demo22 = __webpack_require__(561);var Demo23 = __webpack_require__(562);var Demo24 = __webpack_require__(563);var Demo25 = __webpack_require__(564);var Demo26 = __webpack_require__(565);var Demo27 = __webpack_require__(566);var Demo28 = __webpack_require__(567);var Demo29 = __webpack_require__(568);var Demo30 = __webpack_require__(591);var Demo31 = __webpack_require__(593);var Demo32 = __webpack_require__(594);var Demo34 = __webpack_require__(595);var Demo35 = __webpack_require__(596);var DemoArray = [{ "example": _react2['default'].createElement(Demo1, null), "title": " 简单表格、文字过长,两种tip", "code": "/**\n*\n* @title 简单表格、文字过长,两种tip\n* 【Tooltip】\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip, Button } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 500},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n render(text, record, index) {\n return (\n \n );\n }\n }\n];\n\nconst data = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\n];\n\nclass Demo1 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n \n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n />\n\n \n );\n }\n}\n\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo2, null), "title": " 增删改表格", "code": "/**\n*\n* @title 增删改表格\n* @description 这是带有增删改功能的表格(此编辑功能未使用render组件)\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Popconfirm, Input, Icon, Animate, Button } from 'tinper-bee';\n\nclass EditableCell extends React.Component {\n state = {\n value: this.props.value,\n editable: false\n };\n handleChange = e => {\n const value = e;\n this.setState({ value });\n };\n check = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n edit = () => {\n this.setState({ editable: true });\n };\n handleKeydown = event => {\n if (event.keyCode == 13) {\n this.check();\n }\n };\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
\n \n \n
\n ) : (\n
\n {value || \" \"}\n \n
\n )}\n
\n );\n }\n}\n\nclass Demo2 extends React.Component {\n constructor(props) {\n super(props);\n this.columns = [\n {\n title: \"姓名\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"30%\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"年龄\",\n dataIndex: \"age\",\n key: \"age\"\n },\n {\n title: \"你懂的\",\n dataIndex: \"address\",\n key: \"address\"\n },\n {\n title: \"操作\",\n dataIndex: \"operation\",\n key: \"operation\",\n render: (text, record, index) => {\n return this.state.dataSource.length > 1 ? (\n \n \n \n ) : null;\n }\n }\n ];\n\n this.state = {\n dataSource: [\n {\n key: \"0\",\n name: \"沉鱼\",\n age: \"18\",\n address: \"96, 77, 89\"\n },\n {\n key: \"1\",\n name: \"落雁\",\n age: \"16\",\n address: \"90, 70, 80\"\n },\n {\n key: \"2\",\n name: \"闭月\",\n age: \"17\",\n address: \"80, 60, 80\"\n },\n {\n key: \"3\",\n name: \"羞花\",\n age: \"20\",\n address: \"120, 60, 90\"\n }\n ],\n count: 4\n };\n }\n onCellChange = (index, key) => {\n return value => {\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n onDelete = (index) => {\n return () => {\n const dataSource = [...this.state.dataSource];\n dataSource.splice(index, 1);\n this.setState({ dataSource });\n }\n };\n handleAdd = () => {\n const { count, dataSource } = this.state;\n const newData = {\n key: count,\n name: `凤姐 ${count}`,\n age: 32,\n address: `100 100 100`\n };\n this.setState({\n dataSource: [...dataSource, newData],\n count: count + 1\n });\n };\n\n getBodyWrapper = body => {\n return (\n \n {body.props.children}\n \n );\n };\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n );\n }\n}\n\n\n", "desc": " 这是带有增删改功能的表格(此编辑功能未使用render组件)" }, { "example": _react2['default'].createElement(Demo3, null), "title": " 表头分组并自定义表头高度", "code": "/**\n *\n * @title 表头分组并自定义表头高度\n * @description columns[n] 可以内嵌 children,以渲染分组表头。\n * 自定义表头高度需要传headerHeight,注:修改th的padding top和bottom置为0,否则会有影响\n *\n */\n\nimport React, { Component } from \"react\";\nimport { Table, Button } from 'tinper-bee';\n\nconst { ColumnGroup, Column } = Table;\n\nconst columns = [\n {\n title: \"Name\",\n dataIndex: \"name\",\n key: \"name\",\n width: 100,\n fixed: \"left\"\n },\n {\n title: \"Other\",\n width:600,\n children: [\n {\n title: \"Age\",\n dataIndex: \"age\",\n key: \"age\",\n width: 200\n },\n {\n title: \"Address\",\n children: [\n {\n title: \"Street\",\n dataIndex: \"street\",\n key: \"street\",\n width: 200\n },\n {\n title: \"Block\",\n children: [\n {\n title: \"Building\",\n dataIndex: \"building\",\n key: \"building\",\n width: 100\n },\n {\n title: \"Door No.\",\n dataIndex: \"number\",\n key: \"number\",\n width: 100\n }\n ]\n }\n ]\n }\n ]\n },\n {\n title: \"Company\",\n width:400,\n children: [\n {\n title: \"Company Address\",\n dataIndex: \"companyAddress\",\n key: \"companyAddress\",\n width:200,\n },\n {\n title: \"Company Name\",\n dataIndex: \"companyName\",\n key: \"companyName\",\n width:200,\n }\n ]\n },\n {\n title: \"Gender\",\n dataIndex: \"gender\",\n key: \"gender\",\n width: 60,\n fixed: \"right\"\n }\n];\n\nconst data = [];\nfor (let i = 0; i < 20; i++) {\n data.push({\n key: i,\n name: \"John Brown\",\n age: i + 1,\n street: \"Lake Park\",\n building: \"C\",\n number: 2035,\n companyAddress: \"Lake Street 42\",\n companyName: \"SoftLake Co\",\n gender: \"M\"\n });\n}\n\nclass Demo3 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " columns[n] 可以内嵌 children,以渲染分组表头。", "scss_code": ".demo3{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}" }, { "example": _react2['default'].createElement(Demo4, null), "title": " 树形数据展示", "code": "/**\n*\n* @title 树形数据展示\n* @description 通过在data中配置children数据,来自动生成树形数据\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\n\n\nconst columns4 = [\n {\n title: \"Name\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"40%\"\n },\n {\n title: \"Age\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"30%\"\n },\n {\n title: \"Address\",\n dataIndex: \"address\",\n key: \"address\"\n }\n];\n\nconst data4 = [\n {\n key: 1,\n name: \"John Brown sr.\",\n age: 60,\n address: \"New York No. 1 Lake Park\",\n children: [\n {\n key: 11,\n name: \"John Brown\",\n age: 42,\n address: \"New York No. 2 Lake Park\"\n },\n {\n key: 12,\n name: \"John Brown jr.\",\n age: 30,\n address: \"New York No. 3 Lake Park\",\n children: [\n {\n key: 121,\n name: \"Jimmy Brown\",\n age: 16,\n address: \"New York No. 3 Lake Park\"\n }\n ]\n },\n {\n key: 13,\n name: \"Jim Green sr.\",\n age: 72,\n address: \"London No. 1 Lake Park\",\n children: [\n {\n key: 131,\n name: \"Jim Green\",\n age: 42,\n address: \"London No. 2 Lake Park\",\n children: [\n {\n key: 1311,\n name: \"Jim Green jr.\",\n age: 25,\n address: \"London No. 3 Lake Park\"\n },\n {\n key: 1312,\n name: \"Jimmy Green sr.\",\n age: 18,\n address: \"London No. 4 Lake Park\"\n }\n ]\n }\n ]\n }\n ]\n },\n {\n key: 2,\n name: \"Joe Black\",\n age: 32,\n address: \"Sidney No. 1 Lake Park\"\n }\n];\nclass Demo4 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data4,\n factoryValue: 0,\n selectedRow: new Array(data4.length)//状态同步\n }\n }\n\n render() {\n return {\n if (this.state.selectedRow[index]) {\n return 'selected';\n } else {\n return '';\n }\n }}\n onRowClick={(record,index,indent)=>{\n let selectedRow = new Array(this.state.data.length);\n selectedRow[index] = true;\n this.setState({\n factoryValue: record,\n selectedRow: selectedRow\n });\n }}\n \n columns={columns4} data={data4} />;\n }\n}\n\n\n", "desc": " 通过在data中配置children数据,来自动生成树形数据" }, { "example": _react2['default'].createElement(Demo5, null), "title": " 固定列", "code": "/**\n*\n* @title 固定列\n* @description 固定列到表格的某侧\n*\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\n\n\n\nconst columns5 = [\n {\n title: \"Full Name\",\n width: 100,\n dataIndex: \"name\",\n key: \"name\",\n fixed: \"left\"\n },\n { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\", fixed: \"left\" },\n { title: \"address\", dataIndex: \"address\", key: \"address\" }\n];\n\nconst data5 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n address: \"New York Park\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n }\n];\n\nclass Demo5 extends Component {\n render() {\n return ;\n }\n}\n\n", "desc": " 固定列到表格的某侧" }, { "example": _react2['default'].createElement(Demo6, null), "title": " 固定表头", "code": "/**\n*\n* @title 固定表头\n* @description 方便一页内展示大量数据。需要指定 column 的 width 属性,否则列头和内容可能不对齐。(还可以设置scroll来支持横向或纵向滚动)\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;;\nconst DragColumnTable = dragColumn(Table);\n\nconst columns6 = [\n {\n title: \"Full Name\",\n width: 100,\n dataIndex: \"name\",\n key: \"name\"\n },\n { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\"},\n { title: \"Address\", dataIndex: \"address\", key: \"1\" }\n];\n\nconst data6 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n address: \"New York Park\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },{\n key: \"11\",\n name: \"John Brown\",\n age: 32,\n address: \"New York Park\"\n },\n {\n key: \"12\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"13\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n },\n {\n key: \"14\",\n name: \"Jim Green\",\n age: 40,\n address: \"London Park\"\n }\n];\n\nclass Demo6 extends Component {\n render() {\n return ;\n }\n}\n\n", "desc": " 方便一页内展示大量数据。需要指定 column 的 width 属性,否则列头和内容可能不对齐。(还可以设置scroll来支持横向或纵向滚动)" }, { "example": _react2['default'].createElement(Demo7, null), "title": " 主子表", "code": "/**\n *\n * @title 主子表\n * @description 主表点击子表联动\n *\n */\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\n\nconst columns7 = [\n { title: \"班级\", dataIndex: \"a\", key: \"a\" },\n { title: \"人数\", dataIndex: \"b\", key: \"b\" },\n { title: \"班主任\", dataIndex: \"c\", key: \"c\" },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst data7 = [\n { a: \"02级一班\", b: \"2\", c: \"欧阳锋\", d: \"大侠\", key: \"1\" },\n { a: \"03级二班\", b: \"3\", c: \"归海一刀\", d: \"大侠\", key: \"2\" },\n { a: \"05级三班\", b: \"1\", c: \"一拳超人\", d: \"愣头青\", key: \"3\" }\n];\n\nconst columns7_1 = [\n { title: \"姓名\", dataIndex: \"a\", key: \"a\" },\n { title: \"班级\", dataIndex: \"b\", key: \"b\" },\n { title: \"系别\", dataIndex: \"c\", key: \"c\" }\n];\n\nclass Demo7 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n children_data: []\n };\n }\n\n rowclick = (record, index) => {\n if (record.a === \"02级一班\") {\n this.setState({\n children_data: [\n { a: \"郭靖\", b: \"02级一班\", c: \"文学系\", key: \"1\" },\n { a: \"黄蓉\", b: \"02级一班\", c: \"文学系\", key: \"2\" }\n ]\n });\n } else if (record.a === \"03级二班\") {\n this.setState({\n children_data: [\n { a: \"杨过\", b: \"03级二班\", c: \"外语系\", key: \"1\" },\n { a: \"小龙女\", b: \"03级二班\", c: \"外语系\", key: \"2\" },\n { a: \"傻姑\", b: \"03级二班\", c: \"外语系\", key: \"3\" }\n ]\n });\n } else if (record.a === \"05级三班\") {\n this.setState({\n children_data: [{ a: \"金圣叹\", b: \"05级三班\", c: \"美术系\", key: \"1\" }]\n });\n }\n };\n\n render() {\n return (\n \n
标题: 我是主表
}\n />\n 标题: 我是子表
}\n />\n \n );\n }\n}\n\n\n", "desc": " 主表点击子表联动" }, { "example": _react2['default'].createElement(Demo8, null), "title": " 表格+分页", "code": "/**\n *\n * @title 表格+分页\n * @description 点击分页联动表格\n */\n\nimport React, { Component } from \"react\";\n\nimport { Table, Pagination } from 'tinper-bee';\n\nconst columns8 = [\n { title: \"姓名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst pageData = {\n 1: [\n { a: \"杨过\", b: \"男\", c: 30, d: \"内行\", key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"大侠\", key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"大侠\", key: \"3\" }\n ],\n 2: [\n { a: \"芙蓉姐姐\", b: \"女\", c: 23, d: \"大侠\", key: \"1\" },\n { a: \"芙蓉妹妹\", b: \"女\", c: 23, d: \"内行\", key: \"2\" }\n ]\n};\n\nclass Demo8 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: pageData[1],\n activePage: 1\n };\n }\n\n handleSelect(eventKey) {\n this.setState({\n data: pageData[eventKey],\n activePage: eventKey\n });\n }\n\n render() {\n return (\n \n );\n }\n}\n\n", "desc": " 点击分页联动表格" }, { "example": _react2['default'].createElement(Demo9, null), "title": " 表格+搜索", "code": "/**\n *\n * @title 表格+搜索\n * @description 搜索刷新表格数据\n *\n *\n * import {Table} from 'tinper-bee';\n */\n\nimport React, { Component } from \"react\";\n\nimport { Table, FormControl, InputGroup, Icon } from 'tinper-bee';\n\nclass Search extends Component {\n state = {\n searchValue: \"\",\n empty: false\n };\n\n /**\n * 搜索\n */\n handleSearch = () => {\n let { onSearch } = this.props;\n this.setState({\n empty: true\n });\n onSearch && onSearch(this.state.searchValue);\n };\n\n /**\n * 捕获回车\n * @param e\n */\n handleKeyDown = e => {\n if (e.keyCode === 13) {\n this.handleSearch();\n }\n };\n\n /**\n * 输入框改变\n * @param e\n */\n handleChange = (e) => {\n this.setState({\n searchValue: e\n });\n };\n\n /**\n * 清空输入框\n */\n emptySearch = () => {\n let { onEmpty } = this.props;\n this.setState({\n searchValue: \"\",\n empty: false\n });\n onEmpty && onEmpty();\n };\n\n render() {\n return (\n \n \n {this.state.empty ? (\n \n ) : null}\n\n \n \n \n \n );\n }\n}\n\nconst columns9 = [\n {\n title: \"姓名\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst userData = [\n { a: \"杨过\", b: \"男\", c: 30, d: \"内行\", key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"大侠\", key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"大侠\", key: \"3\" }\n];\n\nclass Demo9 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: userData\n };\n }\n\n handleSearch = value => {\n if (value === \"\") {\n return this.setState({\n data: userData\n });\n }\n let regExp = new RegExp(value, \"ig\");\n let data = userData.filter(item => regExp.test(item.a));\n this.setState({\n data\n });\n };\n\n handleEmpty = () => {\n this.setState({\n data: userData\n });\n };\n\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 搜索刷新表格数据" }, { "example": _react2['default'].createElement(Demo10, null), "title": " 无数据时显示", "code": "/**\n*\n* @title 无数据时显示\n* @description 无数据时显示效果展示(可自定义)\n *\n* import {Table} from 'tinper-bee';\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\n\n\nconst columns10 = [\n {\n title: \"Name\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"40%\"\n },\n {\n title: \"Age\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"30%\"\n },\n {\n title: \"Address\",\n dataIndex: \"address\",\n key: \"address\"\n }\n ];\n \n const data10 = [\n \n ];\n\n const emptyFunc = () => 这里没有数据!\n \n class Demo10 extends Component {\n render() {\n return ;\n }\n }\n\n", "desc": " 无数据时显示效果展示(可自定义)" }, { "example": _react2['default'].createElement(Demo11, null), "title": " 列排序", "code": "/**\n* @description column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称\n* @title 列排序\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Icon } from 'tinper-bee';\nimport sort from \"tinper-bee/lib/sort.js\";;\nlet ComplexTable = sort(Table, Icon);\nconst columns11 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst data11 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\n];\n\nconst defaultProps11 = {\n prefixCls: \"bee-table\"\n};\nclass Demo11 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n render() {\n\n return ;\n }\n}\nDemo11.defaultProps = defaultProps11;\n\n\n", "desc": " column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称" }, { "example": _react2['default'].createElement(Demo12, null), "title": " 全选功能", "code": "/**\n*\n* @title 全选功能\n* @description 点击表格左列按钮即可选中,并且在选中的回调函数中能获取到选中的数据(未使用封装好的全选功能)\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Checkbox } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\n\nconst columns12 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n }\n];\n\nconst data12 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\",_checked:true },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" ,_checked:true},\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" ,_checked:true}\n];\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\nlet MultiSelectTable = multiSelect(Table, Checkbox);\n\nclass Demo12 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: data12\n };\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n \n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n return (\n \n );\n }\n}\n\n", "desc": " 点击表格左列按钮即可选中,并且在选中的回调函数中能获取到选中的数据(未使用封装好的全选功能)" }, { "example": _react2['default'].createElement(Demo13, null), "title": " 多列排序、全选功能、合计", "code": "/**\n *\n * @title 多列排序、全选功能、合计\n * @description 多列排序、全选功能、合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)新增回调函数(sorterClick)\n *\n */\n\nimport React, { Component } from \"react\";\nimport { Table, Icon, Button, Checkbox } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nimport sum from \"tinper-bee/lib/sum.js\";;\n\nconst columns13 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n className:'dfasd',\n width: 200\n },\n {\n title: \"功力指数\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"成绩\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n width: 200\n }\n];\n\nconst data13 = [\n { a: \"杨过\", b: 675, c: 30, d: \"内行\",e:100, key: \"2\" },\n { a: \"令狐冲\", b: 43, c: 41, d: \"大侠\",e:90, key: \"1\" },\n { a: \"令狐冲1\", b: 43, c: 81, d: \"大侠\", e:120,key: \"4\" },\n { a: \"令狐冲2\", b: 43, c: 81, d: \"大侠\", e:130,key: \"5\" },\n { a: \"郭靖\", b: 153, c: 25, d: \"大侠\",e:90, key: \"3\" }\n];\n\n\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\nlet ComplexTable = multiSelect(sum(sort(Table, Icon)), Checkbox);\n\nclass Demo13 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data13: data13,\n selectedRow: this.selectedRow,\n selectDisabled: this.selectDisabled\n };\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n selectDisabled = (record, index) => {\n // console.log(record);\n if (index === 1) {\n return true;\n }\n return false;\n };\n selectedRow = (record, index) => {\n // console.log(record);\n if (index === 0) {\n return true;\n }\n return false;\n };\n onClick = () => {\n this.setState({\n selectedRow: function() {}\n });\n };\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let sortObj = {\n mode:'multiple'\n }\n \n return (\n \n \n \n
\n );\n }\n}\n", "desc": " 多列排序、全选功能、合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)新增回调函数(sorterClick)" }, { "example": _react2['default'].createElement(Demo14, null), "title": " 编辑态表格", "code": "/**\n*\n* @title 编辑态表格\n* @description 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)\n*\n*/\n\nimport React from \"react\";\nimport { Table, Select, Datepicker, Checkbox, Input, Icon, Form, Button, Tooltip, Animate } from 'tinper-bee';\nimport renderInput from \"tinper-bee/lib/InputRender.js\";;\nimport renderDate from \"tinper-bee/lib/DateRender.js\";;\nimport renderSelect from \"tinper-bee/lib/SelectRender.js\";;\n\nconst InputRender = renderInput(Form, Input, Icon);\nconst DateRender = renderDate(Datepicker, Icon);\nconst SelectRender = renderSelect(Select, Icon);\n\nconst format = \"YYYY-MM-DD\";\nconst format2 = \"YYYY-MM\";\nconst format3 = \"YYYY-MM-DD HH:mm:ss\";\n\nconst dateInputPlaceholder = \"选择日期\";\nconst dateInputPlaceholder2 = \"选择年月\";\nconst dataSource = [\n {\n key: \"boyuzhou\",\n value: \"jack\"\n },\n {\n key: \"renhualiu\",\n value: \"lucy\"\n },\n {\n key: \"yuzhao\",\n value: \"yiminghe\"\n }\n];\nclass Demo14 extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataSource: [\n {\n key: \"0\",\n name: \"沉鱼\",\n number: \"10\",\n age: \"y\",\n address: \"jack\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"1\",\n name: \"落雁\",\n number: \"100\",\n age: \"y\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"2\",\n name: \"闭月\",\n number: \"1000\",\n age: \"n\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"3\",\n name: \"羞花\",\n number: \"9999\",\n age: \"y\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n }\n ],\n count: 4\n };\n this.columns = [\n {\n title: \"普通输入\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"150px\",\n render: (text, record, index) => (\n \n \n \n }\n />\n )\n },\n {\n title: \"货币输入\",\n dataIndex: \"number\",\n key: \"number\",\n width: \"150px\",\n render: (text, record, index) => (\n \n \n \n }\n reg={/^[0-9]+$/}\n />\n )\n },\n {\n title: \"复选\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"100px\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"下拉框\",\n dataIndex: \"address\",\n key: \"address\",\n width: \"200px\",\n render: (text, record, index) => {\n return (\n \n \n \n \n \n \n );\n }\n },\n {\n title: \"年月日\",\n dataIndex: \"datepicker\",\n key: \"datepicker\",\n width: \"200px\",\n render: (text, record, index) => {\n return (\n \n );\n }\n },\n {\n title: \"年月\",\n dataIndex: \"MonthPicker\",\n key: \"MonthPicker\",\n width: \"200px\",\n render: (text, record, index) => {\n return (\n \n );\n }\n }\n ];\n }\n check = (flag, obj) => {\n console.log(flag);\n console.log(obj);\n };\n\n onInputChange = (index, key) => {\n return value => {\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n onCheckChange = (index, key) => {\n return value => {\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n onSelectChange = (index, key) => {\n return value => {\n console.log(`selected ${value}`);\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n onDateChange = d => {\n console.log(d);\n };\n onDateSelect = d => {\n console.log(d);\n };\n onDelete = index => {\n return () => {\n const dataSource = [...this.state.dataSource];\n dataSource.splice(index, 1);\n this.setState({ dataSource });\n };\n };\n handleAdd = () => {\n const { count, dataSource } = this.state;\n const newData = {\n key: count,\n name: `凤姐 ${count}`,\n age: 32,\n address: \"jack\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n };\n this.setState({\n dataSource: [...dataSource, newData],\n count: count + 1\n });\n };\n\n getBodyWrapper = body => {\n return (\n \n {body.props.children}\n \n );\n };\n getData = () => {\n console.log(this.state.dataSource);\n };\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n
\n
\n
\n
\n );\n }\n}\n\n\n", "desc": " 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)" }, { "example": _react2['default'].createElement(Demo15, null), "title": " 表格行/列合并", "code": "/**\n*\n* @title 表格行/列合并\n* @description 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\n\nconst renderContent = (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n};\n\nconst columns = [{\n title: 'Name',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: 'Age',\n key: \"Age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: 'Home phone',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 2) {\n obj.props.rowSpan = 2;\n }\n if (index === 3) {\n obj.props.rowSpan = 0;\n }\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n },\n}, {\n title: 'Phone',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: 'Address',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\nconst data = [{\n key: '1',\n name: 'John Brown',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: 'New York No. 1 Lake Park',\n}, {\n key: '2',\n name: 'Jim Green',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: 'London No. 1 Lake Park',\n}, {\n key: '3',\n name: 'Joe Black',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Sidney No. 1 Lake Park',\n}, {\n key: '4',\n name: 'Jim Red',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'London No. 2 Lake Park',\n}, {\n key: '5',\n name: 'Jake White',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Dublin No. 2 Lake Park',\n}];\n\nclass Demo15 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n\n", "desc": " 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。" }, { "example": _react2['default'].createElement(Demo16, null), "title": " 嵌套子表格", "code": "/**\n*\n* @title 嵌套子表格\n* @description 通过expandedRowRender参数来实现子表格\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\n\nconst columns16 = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:200,\n render(text, record, index) {\n return (\n {\n alert(\"这是第\" + index + \"列,内容为:\" + text);\n }}\n >\n 一些操作\n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst columns17 = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:200,\n render(text, record, index) {\n return (\n {\n alert(\"这是第\" + index + \"列,内容为:\" + text);\n }}\n >\n 一些操作\n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\n\nconst data16 = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\n];\n\n\nclass Demo16 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{}\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 42 * (this.state.data_obj[record.key].length+ 2);\n \n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n render() {\n return (\n 标题: 这是一个标题
}\n footer={currentData => 表尾: 我是小尾巴
}\n />\n );\n }\n}\n\n\n", "desc": " 通过expandedRowRender参数来实现子表格" }, { "example": _react2['default'].createElement(Demo17, null), "title": " loading属性指定表格是否加载中", "code": "/**\n*\n* @title loading属性指定表格是否加载中\n* @description loading可以传boolean或者obj对象,obj为bee-loading组件的参数类型\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Button } from 'tinper-bee';\n\nconst columns17 = [\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n render(text, record, index) {\n return (\n {\n alert('这是第'+index+'列,内容为:'+text);\n }}\n >\n 一些操作\n \n );\n }\n }\n];\n\nconst data17 = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\n];\n\nclass Demo17 extends Component {\n constructor(props){\n super(props);\n this.state = {\n loading : true\n }\n }\n changeLoading = () => {\n this.setState({\n loading : !this.state.loading\n })\n }\n render() {\n return (\n \n
\n
标题: 这是一个标题
}\n footer={currentData => 表尾: 我是小尾巴
}\n // loading={this.state.loading}或者是boolean\n loading={{show:this.state.loading,loadingType:\"line\"}}\n />\n \n );\n }\n}\n\n\n", "desc": " loading可以传boolean或者obj对象,obj为bee-loading组件的参数类型" }, { "example": _react2['default'].createElement(Demo18, null), "title": " 合并标题后的合计,且支持多字段统计", "code": "/**\n *\n * @title 合并标题后的合计,且支持多字段统计\n * @description 合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)\n *\n */\n\nimport React, { Component } from \"react\";\nimport { Table, Button } from 'tinper-bee'; \nimport sum from \"tinper-bee/lib/sum.js\";;\n \nlet ComplexTable = sum(Table);\n\nconst columns = [\n {\n title: \"Name\",\n dataIndex: \"name\",\n key: \"name\",\n width: 100,\n fixed: \"left\"\n },\n {\n title: \"Other\",\n children: [\n {\n title: \"Age\",\n dataIndex: \"age\",\n key: \"age\",\n width: 200,\n sumCol: true,\n },\n {\n title: \"Address\",\n children: [\n {\n title: \"Street\",\n dataIndex: \"street\",\n key: \"street\",\n width: 200\n },\n {\n title: \"Block\",\n children: [\n {\n title: \"Building\",\n dataIndex: \"building\",\n key: \"building\",\n width: 100\n },\n {\n title: \"Door No.\",\n dataIndex: \"number\",\n key: \"number\",\n // width: 100,\n sumCol: true,\n }\n ]\n }\n ]\n }\n ]\n },\n // {\n // title: \"Company\",\n // children: [\n // {\n // title: \"Company Address\",\n // dataIndex: \"companyAddress\",\n // key: \"companyAddress\",\n // width: 100,\n // },\n // {\n // title: \"Company Name\",\n // dataIndex: \"companyName\",\n // key: \"companyName\",\n // width: 100,\n // }\n // ]\n // },\n {\n title: \"Gender\",\n dataIndex: \"gender\",\n key: \"gender\",\n width: 80,\n fixed: \"right\"\n }\n];\n\nfunction getData(){\n const data = [];\n for (let i = 0; i < 5; i++) {\n data.push({\n key: i,\n name: \"John Brown\"+i,\n age: i + Math.floor(Math.random()*10),\n street: \"Lake Park\",\n building: \"C\",\n number: 20 * Math.floor(Math.random()*10),\n companyAddress: \"Lake Street 42\",\n companyName: \"SoftLake Co\",\n gender: \"M\"\n });\n }\n return data;\n}\n\nclass Demo18 extends Component {\n \n constructor(props) {\n super(props);\n this.state = {\n data: getData()\n };\n }\n\n changeData = ()=>{\n this.setState({\n data: getData()\n });\n }\n\n render() {\n const {data} = this.state;\n return (\n \n \n\n \n
\n );\n }\n}\n\n", "desc": " 合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)" }, { "example": _react2['default'].createElement(Demo19, null), "title": " 编辑态表格", "code": "/**\n*\n* @title 编辑态表格\n* @description 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)\n*\n*/\n\nimport React from \"react\";\nimport { Table, Select, Form, Input, Icon, Tooltip, Animate, Button } from 'tinper-bee';\nimport renderInput from \"tinper-bee/lib/InputRender.js\";;\nimport renderSelect from \"tinper-bee/lib/SelectRender.js\";;\n\nconst InputRender = renderInput(Form, Input, Icon);\nconst SelectRender = renderSelect(Select, Icon);\n\nconst Option = Select.Option;\n\nconst dataSource = [\n {\n key: \"boyuzhou\",\n value: \"jack\"\n },\n {\n key: \"renhualiu\",\n value: \"lucy\"\n },\n {\n key: \"yuzhao\",\n value: \"yiminghe\"\n }\n];\nclass Demo19 extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataSource: [\n {\n key: \"0\",\n name: \"沉鱼\",\n number: \"10\",\n age: \"y\",\n address: \"jack\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"1\",\n name: \"落雁\",\n number: \"100\",\n age: \"y\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"2\",\n name: \"闭月\",\n number: \"1000\",\n age: \"n\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n },\n {\n key: \"3\",\n name: \"羞花\",\n number: \"9999\",\n age: \"y\",\n address: \"lucy\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n }\n ],\n count: 4\n };\n this.columns = [ \n {\n title: \"货币输入\",\n dataIndex: \"number\",\n key: \"number\",\n width: \"150px\",\n render: (text, record, index) => (\n \n \n \n }\n reg={/^[0-9]+$/}\n />\n )\n },\n \n {\n title:(下拉框的div
),\n dataIndex: \"address\",\n key: \"address\",\n width: \"200px\",\n render: (text, record, index) => {\n return (\n \n \n \n \n \n \n );\n }\n }\n ];\n }\n check = (flag, obj) => {\n console.log(flag);\n console.log(obj);\n };\n\n handFocus = (value,e) => {\n console.log(value+` 获取焦点事件`);\n };\n onBlur = (value,e) => {\n console.log(value+` onBlur`);\n };\n\n onInputChange = (index, key) => {\n return value => {\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n\n onSelectChange = (index, key) => {\n return value => {\n console.log(`selected ${value}`);\n const dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\n };\n };\n\n handleAdd = () => {\n const { count, dataSource } = this.state;\n const newData = {\n key: count,\n name: `凤姐 ${count}`,\n age: 32,\n address: \"jack\",\n datepicker: \"2017-06-12\",\n MonthPicker: \"2017-02\"\n };\n this.setState({\n dataSource: [...dataSource, newData],\n count: count + 1\n });\n };\n\n getBodyWrapper = body => {\n return (\n \n {body.props.children}\n \n );\n };\n getData = () => {\n console.log(this.state.dataSource);\n };\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n
\n
\n
\n
\n );\n }\n}\n\n\n", "desc": " 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)" }, { "example": _react2['default'].createElement(Demo20, null), "title": " 简单表格选中行的背景色、表头表尾", "code": "/**\n*\n* @title 简单表格选中行的背景色、表头表尾\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip, Button } from 'tinper-bee';\n\nconst columns = [\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width:80 , className:\"rowClassName\"},\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n];\n\nconst data = [\n { a: \"令狐冲\", b: \"男\", c: 41, key: \"1\" },\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, key: \"3\" }\n];\n\nclass Demo26 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n {\n if (this.state.selectedRowIndex == index) {\n return 'selected';\n } else {\n return '';\n }\n }}\n onRowClick={(record,index,indent)=>{\n this.setState({ \n selectedRowIndex: index\n });\n }}\n title={currentData => 标题: 这是一个标题
}\n footer={currentData => 表尾: 我是小尾巴
}\n /> \n );\n }\n}\n\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo21, null), "title": " 根据列进行过滤", "code": "/**\n*\n* @title 根据列进行过滤\n* @description 点击表格右侧按钮,进行表格列的数据过滤。可以自定义设置显示某列,通过ifshow属性控制,默认为true都显示。afterFilter为过滤之后的回调函数\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Popover, Checkbox, Icon } from 'tinper-bee';\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\nimport sum from \"tinper-bee/lib/sum\";;\n\nconst data21 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行',e: \"操作\", key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠',e: \"操作\", key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠',e: \"操作\", key: \"3\" }\n];\n\nconst FilterColumnTable = filterColumn(Table, Popover, Icon);\n\nconst defaultProps21 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo21 extends Component {\n constructor(props) {\n super(props);\n this.state ={\n columns21: [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\"\n // width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n // width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n ifshow:false,\n // width: 200,\n // sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n },\n {\n title: \"操作\",\n dataIndex: \"e\",\n key: \"e\",\n render(text, record, index){\n return (\n \n );\n }\n }\n ]};\n }\n afterFilter = (optData,columns)=>{\n if(optData.key == 'b'){\n if(optData.ifshow){\n columns[2].ifshow = false;\n }else{\n columns[2].ifshow = true;\n }\n this.setState({\n columns21 :columns,\n showFilterPopover:true\n });\n }\n \n }\n \n render() {\n \n return ;\n }\n}\nDemo21.defaultProps = defaultProps21;\n\n\n", "desc": " 点击表格右侧按钮,进行表格列的数据过滤。可以自定义设置显示某列,通过ifshow属性控制,默认为true都显示。afterFilter为过滤之后的回调函数" }, { "example": _react2['default'].createElement(Demo22, null), "title": " 列的拖拽,交换表头的顺序", "code": "/**\n*\n* @title 列的拖拽,交换表头的顺序\n* @description 点击列的表头,进行左右拖拽\n*/\nimport React, { Component } from 'react';\nimport { Table, Icon } from 'tinper-bee'; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\n\nconst columns22 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n width: 200,\n }\n];\n\nconst data22 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nconst defaultProps22 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props); \n }\n \n render() {\n return ;\n }\n}\nDemo22.defaultProps = defaultProps22;\n\n\n", "desc": " 点击列的表头,进行左右拖拽" }, { "example": _react2['default'].createElement(Demo23, null), "title": " 拖拽调整列的宽度", "code": "/**\n*\n* @title 拖拽调整列的宽度\n* @description 注:不支持tree结构的表头、合并表头的table【目前支持表头拖拽宽度、交互列一起使用】\n*/\nimport React, { Component } from 'react';\nimport { Table, Icon } from 'tinper-bee'; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\n\nconst columns23 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: '200',\n fixed:'left'\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: '600'\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: '200',\n sumCol: true,\n sorter: (a, b) => a.c - b.c\n }, \n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n }\n];\n\nconst data23 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"31\" } , { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"21\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"11\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"32\" } , { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"22\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"12\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nconst defaultProps23 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo23 extends Component {\n constructor(props) {\n super(props); \n }\n\n render() {\n return {\n console.log(width+\"--调整列宽后触发事件\",e.target);\n }}\n />;\n }\n}\nDemo23.defaultProps = defaultProps23;\n\n\n", "desc": " 注:不支持tree结构的表头、合并表头的table【目前支持表头拖拽宽度、交互列一起使用】" }, { "example": _react2['default'].createElement(Demo24, null), "title": " 动态设置固、取消固定列", "code": "/**\n*\n* @title 动态设置固、取消固定列\n* @description 动态设置固、取消固定列\n* @description 动态固定列设置 一个table动态设置一个方向【fixed: \"left\",fixed: \"right\"】。\n*\n*/\nimport React, { Component } from 'react';\nimport { Table, Dropdown, Menu, Icon } from 'tinper-bee';\n\n\nconst { Item } = Menu;\n// const columns24 = [\n// {\n// title: \"Full Name\",\n// width: 100,\n// dataIndex: \"name\",\n// key: \"name\",\n// fixed: \"left\",\n// },\n// { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\", fixed: \"left\" },\n// { title: \"Column 1\", dataIndex: \"address\", key: \"1\" },\n// { title: \"Column 2\", dataIndex: \"address2\", key: \"2\" },\n// { title: \"Column 3\", dataIndex: \"address\", key: \"3\" },\n// { title: \"Column 4\", dataIndex: \"address\", key: \"4\" },\n// { title: \"Column 24\", dataIndex: \"address\", key: \"24\" },\n// { title: \"Column 6\", dataIndex: \"address\", key: \"6\" },\n// { title: \"Column 7\", dataIndex: \"address\", key: \"7\" },\n// { title: \"Column 8\", dataIndex: \"address\", key: \"8\" }\n// ];\n\n\nconst columns24 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100,\n fixed: \"left\",\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100,\n fixed: \"left\",\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100, \n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n width: 150 \n },\n {\n title: \"对手\",\n dataIndex: \"e\",\n key: \"e\",\n width: 100 \n },\n {\n title: \"帮派\",\n dataIndex: \"f\",\n key: \"f\",\n width: 100 \n },\n {\n title: \"武功类型\",\n dataIndex: \"g\",\n key: \"g\",\n width: 100 \n },\n {\n title: \"师傅\",\n dataIndex: \"k\",\n key: \"k\",\n // width: 100 \n },\n {\n title: \"攻击系数\",\n dataIndex: \"h\",\n key: \"h\",\n width: 100 \n }\n];\n\n\nconst data24 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行',e:'黄荣',f:'古墓派',g:'剑术',k:'小龙女',h:'0.5', key: \"1\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'剑客',e:'自己',f:'无',g:'剑术',k:'无',h:'0.5', key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠',e:'黄荣',f:'朝廷',g:'内容',k:'外侵势力',h:'0.6', key: \"3\" }\n]; \n \nclass Demo24 extends Component {\n\n constructor(props) {\n super(props);\n // let columns = [];\n // Object.assign(columns,columns24);\n // columns.forEach(da=>da.onHeadCellClick=this.onHeadCellClick);\n this.state = {\n columns:columns24\n }\n }\n\n \n onSelect = ({key,item})=>{ \n console.log(`${key} selected`); //获取key\n let currentObject = item.props.data; //获取选中对象的数据\n let {columns} = this.state;\n let fixedCols = [];\n let nonColums = [];\n columns.find(da=>{\n if(da.key == key){\n da.fixed?delete da.fixed:da.fixed = 'left';\n }\n da.fixed?fixedCols.push(da):nonColums.push(da);\n });\n \n columns = [...fixedCols,...nonColums]\n\n this.setState({\n columns\n });\n }\n //表头增加下拉菜单\n renderColumnsDropdown(columns) {\n const icon ='uf-arrow-down';\n \n return columns.map((originColumn,index) => {\n let column = Object.assign({}, originColumn);\n let menuInfo = [], title='锁定';\n if(originColumn.fixed){\n title = '解锁'\n }\n menuInfo.push({\n info:title,\n key:originColumn.key,\n index:index\n });\n const menu = (\n )\n column.title = (\n \n {column.title}\n \n \n \n \n \n );\n return column;\n });\n \n }\n\n render() {\n let {columns} = this.state;\n columns = this.renderColumnsDropdown(columns);\n return ;\n }\n}\n\n", "desc": " 动态设置固、取消固定列", "scss_code": "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" }, { "example": _react2['default'].createElement(Demo25, null), "title": " 根据列进行过滤、拖拽交换列综合使用案例", "code": "/**\n* @title 根据列进行过滤、拖拽交换列综合使用案例\n* @description 新增属性【checkMinSize 当前表格显示最少列数 】 1. 当所有列都设置了width属性后,需要给table增加checkMinSize属性 2. 所有列不设置width。\n*/\n\n/**注:\n * 在使用过滤列的时候,如果每一列都设置了width属性,勾选的时候回出现重复列问题。当表格的宽度小于合计宽度的时候,就会出现此问题。 \n * 必须有个别列不设置width属性,即可避免此问题。\n */\nimport React, { Component } from 'react';\nimport { Table, Popover, Checkbox, Icon } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nimport sum from \"tinper-bee/lib/sum\";;\n\n //Cloumns1\nfunction getCloumns(){\n const column = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 100, \n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 300\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 100,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:100,\n fixed: \"right\",\n render(text, record, index) {\n return (\n \n )\n }\n }\n ];\n return column;\n}\n\nconst dataList = [ \n { \n index: 1, \n orderCode:\"2343\", \n supplierName: \"xxx\",\n type_name: \"123\",\n purchasing:'内行', \n purchasingGroup:\"323\",\n voucherDate:\"kkkk\",\n approvalState_name:\"vvvv\",\n confirmState_name:\"aaaa\",\n closeState_name:\"vnnnnn\",\n d:\"操作\",\n key: \"1\"\n }, \n { \n index: 2, \n _checked:true,\n orderCode:\"222\", \n supplierName: \"22xxx\",\n type_name: \"1223\",\n purchasing:'内行2', \n purchasingGroup:\"3223\",\n voucherDate:\"222kk\",\n approvalState_name:\"22vvvv\",\n confirmState_name:\"2aaaa\",\n closeState_name:\"2vnnnnn\",\n d:\"2操作\",\n key: \"2\"\n },\n { \n index: 3, \n orderCode:\"222\", \n supplierName: \"22xxx\",\n _disabled:true,\n type_name: \"1223\",\n purchasing:'内行2', \n purchasingGroup:\"3223\",\n voucherDate:\"222kk\",\n approvalState_name:\"22vvvv\",\n confirmState_name:\"2aaaa\",\n closeState_name:\"2vnnnnn\",\n d:\"3操作\",\n key: \"3\"\n },\n { \n index: 4, \n orderCode:\"222\", \n supplierName: \"22xxx\",\n type_name: \"1223\",\n purchasing:'内行2', \n purchasingGroup:\"3223\",\n voucherDate:\"222kk\",\n approvalState_name:\"22vvvv\",\n confirmState_name:\"2aaaa\",\n closeState_name:\"2vnnnnn\",\n d:\"4操作\",\n key: \"4\"\n },\n]\n\nconst DragColumnTable = filterColumn(dragColumn(multiSelect(Table, Checkbox)),Popover);\n\nconst defaultProps25 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo25 extends Component {\n constructor(props) {\n super(props);\n }\n\n getSelectedDataFunc=(data)=>{\n console.log(\"data\",data);\n }\n \n getCloumnsScroll=(columns)=>{\n let sum = 0;\n columns.forEach((da)=>{\n sum += da.width;\n })\n console.log(\"sum\",sum);\n return (sum);\n }\n\n selectedRow=(record, index)=>{\n\n }\n\n render() {\n let columns = getCloumns();\n \n return \n \n
\n }\n}\nDemo25.defaultProps = defaultProps25;\n\n\n", "desc": " 新增属性【checkMinSize 当前表格显示最少列数 】 1. 当所有列都设置了width属性后,需要给table增加checkMinSize属性 2. 所有列不设置width。" }, { "example": _react2['default'].createElement(Demo26, null), "title": " 按条件和值过滤", "code": "/**\n*\n* @title 按条件和值过滤\n* @description 可以根据输入项目以及判断条件对表格内的数据进行过滤\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\n\n\nconst columns26 = [\n { title: \"姓名\", width: 180, dataIndex: \"name\", key: \"name\", filterType: \"text\", filterDropdown: \"show\" },\n { title: \"年龄\", width: 150, dataIndex: \"age\", key: \"age\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"日期\", width: 200, dataIndex: \"date\", key: \"date\", filterType: \"date\", filterDropdown: \"show\", format: \"YYYY-MM-DD\" },\n { title: \"居住地址\", width: 150, dataIndex: \"address\", key: \"address\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"备注\", dataIndex: \"mark\", key: \"mark\" }\n];\n\nconst data26 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\nclass Demo26 extends Component {\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n render() {\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\n filterable={true}//是否开启过滤数据功能\n bordered\n columns={columns26}\n data={data26} />;\n }\n}\n\n", "desc": " 可以根据输入项目以及判断条件对表格内的数据进行过滤" }, { "example": _react2['default'].createElement(Demo27, null), "title": " 组合过滤和其他功能使用", "code": "/**\n*\n* @title 组合过滤和其他功能使用\n* @description 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等\n*\n*/\n\n/**\n * @description \n */\n\nimport React, { Component } from 'react';\nimport { Table, Dropdown, Menu, Icon, Checkbox } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\n\nconst { Item } = Menu;\nconst SubMenu = Menu.SubMenu;\nconst MenuItemGroup = Menu.ItemGroup;\n\n\nconst dataList = [\n { \"key\": \"1\", value: \"库存明细\", id: \"a\" },\n { \"key\": \"2\", value: \"订单明细\", id: \"v\" },\n { \"key\": \"3\", value: \"发货明细\", id: \"c\" }\n]\n\nconst data27 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\nclass Demo27 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n dropdownvalue: []\n }\n }\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onClick = (item) => {\n console.log(item);\n }\n\n render() {\n const menu1 = (\n )\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n {\n title: \"\", width: 40, dataIndex: \"key\", key: \"key\", render: (text, record, index) => {\n return \n \n \n }\n },\n {\n title: \"姓名\",\n width: 180,\n dataIndex: \"name\",\n key: \"name\",\n filterType: \"text\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"年龄\",\n width: 180,\n dataIndex: \"age\",\n key: \"age\",\n filterType: \"number\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"日期\",\n width: 190,\n dataIndex: \"date\",\n key: \"date\",\n filterType: \"date\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"时间范围\",\n width: 290,\n dataIndex: \"mark\",\n key: \"mark\",\n filterType: \"daterange\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"地址\",\n width: 100,\n dataIndex: \"address\",\n key: \"address\",\n filterType: \"dropdown\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n }\n ];\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认500ms\n filterable={true}//是否开启过滤数据功能\n getSelectedDataFunc={this.getSelectedDataFunc}\n bordered\n multiSelect={multiObj}\n columns={columns27}\n data={data27} />;\n }\n}\n\n", "desc": " 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等" }, { "example": _react2['default'].createElement(Demo28, null), "title": " 列排序,后端排序", "code": "/**\n*\n* @title 列排序,后端排序\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Icon } from 'tinper-bee';\nimport sort from \"tinper-bee/lib/sort.js\";;\nlet ComplexTable = sort(Table, Icon);\nconst columns11 = [\n {\n title: \"名字\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"性别\",\n dataIndex: \"b\",\n key: \"b\",\n width: 100\n },\n {\n title: \"年龄\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\"\n },\n {\n title: \"分数\",\n dataIndex: \"e\",\n key: \"e\",\n sorter: (a, b) => a.c - b.c\n },\n];\n\nconst data11 = [\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', e:139,key: \"2\" },\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', e:109, key: \"1\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', e:159, key: \"3\" }\n];\n\nconst defaultProps = {\n prefixCls: \"bee-table\"\n};\nclass Demo28 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n /**\n * 后端获取数据\n */\n sortFun = (sortParam)=>{\n console.info(sortParam);\n //将参数传递给后端排序\n }\n render() {\n let sortObj = {\n mode:'multiple',\n backSource:true,\n sortFun:this.sortFun\n }\n return ;\n }\n}\nDemo28.defaultProps = defaultProps;\n\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo29, null), "title": " 从弹出框内显示过滤行并且设置可选下拉条件", "code": "/**\n*\n* @title 从弹出框内显示过滤行并且设置可选下拉条件\n* @description 通过Modal组件来展示表格的过滤相关能力,并且通过filterDropdownIncludeKeys设置可选条件\n*\n*/\n\n\nimport React, { Component } from 'react';\nimport { Table, Button, Modal } from 'tinper-bee';\n\n\nconst columns29 = [\n {\n title: \"姓名\",\n width: 180,\n dataIndex: \"name\",\n key: \"name\",\n filterType: \"text\",\n filterDropdown: \"show\",\n filterDropdownIncludeKeys: ['LIKE', 'EQ']\n },\n {\n title: \"年龄\",\n width: 170,\n dataIndex: \"age\",\n key: \"age\",\n filterType: \"number\",\n filterDropdown: \"show\",\n filterDropdownType: \"number\",\n filterDropdownIncludeKeys: ['EQ'],\n filterInputNumberOptions: {\n max: 200,\n min: 0,\n step: 1,\n precision: 0\n }\n },\n {\n title: \"日期\",\n width: 200,\n dataIndex: \"date\",\n key: \"date\",\n filterType: \"date\",\n filterDropdown: \"show\",\n format: \"YYYY-MM-DD\"\n }\n];\n\nconst data29 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\nclass Demo29 extends Component {\n constructor() {\n super();\n this.state = {\n show: false\n }\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n }\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n close() {\n this.setState({\n show: false\n });\n }\n open() {\n this.setState({\n show: true\n });\n }\n render() {\n return (\n \n 过滤行\n \n \n ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\n filterable={true}//是否开启过滤数据功能\n bordered\n columns={columns29}\n data={data29} />\n \n \n \n )\n }\n}\n\n", "desc": " 通过Modal组件来展示表格的过滤相关能力,并且通过filterDropdownIncludeKeys设置可选条件" }, { "example": _react2['default'].createElement(Demo30, null), "title": " 大数据加载", "code": "/**\n*\n* @title 大数据加载\n* 【Tooltip】\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip } from 'tinper-bee';\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'50',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo30 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n />\n\n \n );\n }\n}\n\n", "desc": "", "scss_code": ".big-data tr td {\n // height: 48px;\n}" }, { "example": _react2['default'].createElement(Demo31, null), "title": " 含有嵌套子表格的大数据场景", "code": "/**\n*\n* @title 含有嵌套子表格的大数据场景\n* @description 通过expandedRowRender参数来实现子表格\n*\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst outColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:200,\n render(text, record, index) {\n return (\n {\n alert(\"这是第\" + index + \"列,内容为:\" + text);\n }}\n >\n 一些操作\n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst innerColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:200,\n render(text, record, index) {\n return (\n {\n alert(\"这是第\" + index + \"列,内容为:\" + text);\n }}\n >\n {'一些操作'+index}\n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\n\nconst data16 = [ ...new Array(10000) ].map((e, i) => {\n return { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n })\n\n\n\n\n\nclass Demo31 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{\n 0:[\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ],\n 1: [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ],\n }\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 200;\n let innderData = [ ...new Array(100) ].map((e, i) => {\n return { a: index+\"-\"+ i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: index+\"-\"+ i };\n })\n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n render() {\n return (\n 标题: 这是一个标题
}\n footer={currentData => 表尾: 我是小尾巴
}\n />\n );\n }\n}\n\n\n", "desc": " 通过expandedRowRender参数来实现子表格" }, { "example": _react2['default'].createElement(Demo32, null), "title": " 大数据加载下的复杂Table", "code": "/**\n*\n* @title 大数据加载下的复杂Table\n*\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Popover, Icon, Checkbox, Tooltip } from 'tinper-bee';\nimport BigData from \"tinper-bee/lib/bigData\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\n\nlet ComplexTable = filterColumn(multiSelect(BigData(Table), Checkbox), Popover, Icon);\n\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'50',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo32 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n getSelectedDataFunc={this.getSelectedDataFunc}/>\n\n );\n }\n}\n\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo34, null), "title": " 树状结构的大数据场景", "code": "/**\n*\n* @title 树状结构的大数据场景\n* 【Tooltip】\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip } from 'tinper-bee';\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'150',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(1000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }else{\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }\n return rs;\n })\n\n\nclass Demo30 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n onExpandedRowsChange = (params)=>{\n console.log(params);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n />\n\n \n );\n }\n}\n\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo35, null), "title": " hover呼出菜单栏", "code": "/**\n*\n* @title hover呼出菜单栏\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Tooltip, Button } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 80, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 300 },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n render(text, record, index) {\n return (\n \n );\n }\n }\n];\n\nconst data = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\n];\n\nclass Demo35 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n delFun=()=>{\n // console.log('click'+this.currentIndex);\n let {data} = this.state;\n data.splice(this.currentIndex,1);\n this.setState({\n data\n });\n }\n onRowHover=(index,record)=>{\n this.currentIndex = index;\n this.currentRecord = record;\n }\n getHoverContent=()=>{\n return
\n }\n render() {\n return (\n \n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n />\n\n \n );\n }\n}\n\n\n", "desc": "", "scss_code": ".opt-btns{\n button{\n background: #505F79 ;\n height: 26px;\n color:#FFFFFF;\n line-height: 26px;\n }\n }" }];
+ var Demo1 = __webpack_require__(84);var Demo2 = __webpack_require__(511);var Demo3 = __webpack_require__(516);var Demo4 = __webpack_require__(517);var Demo5 = __webpack_require__(518);var Demo6 = __webpack_require__(519);var Demo7 = __webpack_require__(523);var Demo8 = __webpack_require__(524);var Demo9 = __webpack_require__(529);var Demo10 = __webpack_require__(530);var Demo11 = __webpack_require__(531);var Demo12 = __webpack_require__(533);var Demo13 = __webpack_require__(539);var Demo14 = __webpack_require__(541);var Demo15 = __webpack_require__(550);var Demo16 = __webpack_require__(551);var Demo17 = __webpack_require__(552);var Demo18 = __webpack_require__(553);var Demo19 = __webpack_require__(554);var Demo20 = __webpack_require__(555);var Demo21 = __webpack_require__(556);var Demo22 = __webpack_require__(561);var Demo23 = __webpack_require__(562);var Demo24 = __webpack_require__(563);var Demo25 = __webpack_require__(564);var Demo26 = __webpack_require__(565);var Demo27 = __webpack_require__(566);var Demo28 = __webpack_require__(567);var Demo29 = __webpack_require__(568);var Demo30 = __webpack_require__(591);var Demo31 = __webpack_require__(593);var Demo32 = __webpack_require__(594);var Demo34 = __webpack_require__(595);var Demo35 = __webpack_require__(596);var DemoArray = [{ "example": _react2['default'].createElement(Demo1, null), "title": " 简单表格、文字过长,两种tip", "code": "/**\r\n*\r\n* @title 简单表格、文字过长,两种tip\r\n* 【Tooltip】\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\n\n\nimport { Table, Tooltip, Button } from 'tinper-bee';\r\n\r\nconst columns = [\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\r\n fixed:'left',\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 500},\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n render(text, record, index) {\r\n return (\r\n \r\n );\r\n }\r\n }\r\n];\r\n\r\nconst data = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\r\n];\r\n\r\nclass Demo1 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {\r\n this.setState({\r\n selectedRowIndex: index\r\n });\r\n }}\r\n />\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": "" }, { "example": _react2['default'].createElement(Demo2, null), "title": " 增删改表格", "code": "/**\r\n*\r\n* @title 增删改表格\r\n* @description 这是带有增删改功能的表格(此编辑功能未使用render组件)\r\n*\r\n*/\r\n\r\n\nimport React, { Component } from \"react\";\r\nimport { Table, Popconfirm, Input, Icon, Animate, Button } from 'tinper-bee';\r\n\n\n\n\n\r\nclass EditableCell extends React.Component {\r\n state = {\r\n value: this.props.value,\r\n editable: false\r\n };\r\n handleChange = e => {\r\n const value = e;\r\n this.setState({ value });\r\n };\r\n check = () => {\r\n this.setState({ editable: false });\r\n if (this.props.onChange) {\r\n this.props.onChange(this.state.value);\r\n }\r\n };\r\n edit = () => {\r\n this.setState({ editable: true });\r\n };\r\n handleKeydown = event => {\r\n if (event.keyCode == 13) {\r\n this.check();\r\n }\r\n };\r\n render() {\r\n const { value, editable } = this.state;\r\n return (\r\n \r\n {editable ? (\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n
\r\n {value || \" \"}\r\n \r\n
\r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass Demo2 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.columns = [\r\n {\r\n title: \"姓名\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"30%\",\r\n render: (text, record, index) => (\r\n \r\n )\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"age\",\r\n key: \"age\"\r\n },\r\n {\r\n title: \"你懂的\",\r\n dataIndex: \"address\",\r\n key: \"address\"\r\n },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"operation\",\r\n key: \"operation\",\r\n render: (text, record, index) => {\r\n return this.state.dataSource.length > 1 ? (\r\n \r\n \r\n \r\n ) : null;\r\n }\r\n }\r\n ];\r\n\r\n this.state = {\r\n dataSource: [\r\n {\r\n key: \"0\",\r\n name: \"沉鱼\",\r\n age: \"18\",\r\n address: \"96, 77, 89\"\r\n },\r\n {\r\n key: \"1\",\r\n name: \"落雁\",\r\n age: \"16\",\r\n address: \"90, 70, 80\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"闭月\",\r\n age: \"17\",\r\n address: \"80, 60, 80\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"羞花\",\r\n age: \"20\",\r\n address: \"120, 60, 90\"\r\n }\r\n ],\r\n count: 4\r\n };\r\n }\r\n onCellChange = (index, key) => {\r\n return value => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n onDelete = (index) => {\r\n return () => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource.splice(index, 1);\r\n this.setState({ dataSource });\r\n }\r\n };\r\n handleAdd = () => {\r\n const { count, dataSource } = this.state;\r\n const newData = {\r\n key: count,\r\n name: `凤姐 ${count}`,\r\n age: 32,\r\n address: `100 100 100`\r\n };\r\n this.setState({\r\n dataSource: [...dataSource, newData],\r\n count: count + 1\r\n });\r\n };\r\n\r\n getBodyWrapper = body => {\r\n return (\r\n \r\n {body.props.children}\r\n \r\n );\r\n };\r\n render() {\r\n const { dataSource } = this.state;\r\n const columns = this.columns;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 这是带有增删改功能的表格(此编辑功能未使用render组件)" }, { "example": _react2['default'].createElement(Demo3, null), "title": " 表头分组并自定义表头高度", "code": "/**\r\n *\r\n * @title 表头分组并自定义表头高度\r\n * @description columns[n] 可以内嵌 children,以渲染分组表头。\r\n * 自定义表头高度需要传headerHeight,注:修改th的padding top和bottom置为0,否则会有影响\r\n *\r\n */\r\n\r\n\nimport React, { Component } from \"react\";\r\nimport { Table, Button } from 'tinper-bee';\r\n\r\nconst { ColumnGroup, Column } = Table;\r\n\r\nconst columns = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: 100,\r\n fixed: \"left\"\r\n },\r\n {\r\n title: \"Other\",\r\n width:600,\r\n children: [\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: 200\r\n },\r\n {\r\n title: \"Address\",\r\n children: [\r\n {\r\n title: \"Street\",\r\n dataIndex: \"street\",\r\n key: \"street\",\r\n width: 200\r\n },\r\n {\r\n title: \"Block\",\r\n children: [\r\n {\r\n title: \"Building\",\r\n dataIndex: \"building\",\r\n key: \"building\",\r\n width: 100\r\n },\r\n {\r\n title: \"Door No.\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: 100\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Company\",\r\n width:400,\r\n children: [\r\n {\r\n title: \"Company Address\",\r\n dataIndex: \"companyAddress\",\r\n key: \"companyAddress\",\r\n width:200,\r\n },\r\n {\r\n title: \"Company Name\",\r\n dataIndex: \"companyName\",\r\n key: \"companyName\",\r\n width:200,\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\",\r\n key: \"gender\",\r\n width: 60,\r\n fixed: \"right\"\r\n }\r\n];\r\n\r\nconst data = [];\r\nfor (let i = 0; i < 20; i++) {\r\n data.push({\r\n key: i,\r\n name: \"John Brown\",\r\n age: i + 1,\r\n street: \"Lake Park\",\r\n building: \"C\",\r\n number: 2035,\r\n companyAddress: \"Lake Street 42\",\r\n companyName: \"SoftLake Co\",\r\n gender: \"M\"\r\n });\r\n}\r\n\r\nclass Demo3 extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " columns[n] 可以内嵌 children,以渲染分组表头。", "scss_code": ".demo3{\r\n .u-table-thead th {\r\n padding-top: 0px;\r\n padding-bottom: 0px;\r\n }\r\n}" }, { "example": _react2['default'].createElement(Demo4, null), "title": " 树形数据展示", "code": "/**\r\n*\r\n* @title 树形数据展示\r\n* @description 通过在data中配置children数据,来自动生成树形数据\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table } from 'tinper-bee';\r\n\r\n\r\nconst columns4 = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: \"30%\"\r\n },\r\n {\r\n title: \"Address\",\r\n dataIndex: \"address\",\r\n key: \"address\"\r\n }\r\n];\r\n\r\nconst data4 = [\r\n {\r\n key: 1,\r\n name: \"John Brown sr.\",\r\n age: 60,\r\n address: \"New York No. 1 Lake Park\",\r\n children: [\r\n {\r\n key: 11,\r\n name: \"John Brown\",\r\n age: 42,\r\n address: \"New York No. 2 Lake Park\"\r\n },\r\n {\r\n key: 12,\r\n name: \"John Brown jr.\",\r\n age: 30,\r\n address: \"New York No. 3 Lake Park\",\r\n children: [\r\n {\r\n key: 121,\r\n name: \"Jimmy Brown\",\r\n age: 16,\r\n address: \"New York No. 3 Lake Park\"\r\n }\r\n ]\r\n },\r\n {\r\n key: 13,\r\n name: \"Jim Green sr.\",\r\n age: 72,\r\n address: \"London No. 1 Lake Park\",\r\n children: [\r\n {\r\n key: 131,\r\n name: \"Jim Green\",\r\n age: 42,\r\n address: \"London No. 2 Lake Park\",\r\n children: [\r\n {\r\n key: 1311,\r\n name: \"Jim Green jr.\",\r\n age: 25,\r\n address: \"London No. 3 Lake Park\"\r\n },\r\n {\r\n key: 1312,\r\n name: \"Jimmy Green sr.\",\r\n age: 18,\r\n address: \"London No. 4 Lake Park\"\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n key: 2,\r\n name: \"Joe Black\",\r\n age: 32,\r\n address: \"Sidney No. 1 Lake Park\"\r\n }\r\n];\r\nclass Demo4 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data4,\r\n factoryValue: 0,\r\n selectedRow: new Array(data4.length)//状态同步\r\n }\r\n }\r\n\r\n render() {\r\n return {\r\n if (this.state.selectedRow[index]) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n onRowClick={(record,index,indent)=>{\r\n let selectedRow = new Array(this.state.data.length);\r\n selectedRow[index] = true;\r\n this.setState({\r\n factoryValue: record,\r\n selectedRow: selectedRow\r\n });\r\n }}\r\n \r\n columns={columns4} data={data4} />;\r\n }\r\n}\r\n\r\n\r\n", "desc": " 通过在data中配置children数据,来自动生成树形数据" }, { "example": _react2['default'].createElement(Demo5, null), "title": " 固定列", "code": "/**\r\n*\r\n* @title 固定列\r\n* @description 固定列到表格的某侧\r\n*\r\n*/\r\n\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table } from 'tinper-bee';\r\n\r\n\r\n\r\nconst columns5 = [\r\n {\r\n title: \"Full Name\",\r\n width: 100,\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n fixed: \"left\"\r\n },\r\n { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\", fixed: \"left\" },\r\n { title: \"address\", dataIndex: \"address\", key: \"address\" }\r\n];\r\n\r\nconst data5 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n address: \"New York Park\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n }\r\n];\r\n\r\nclass Demo5 extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n", "desc": " 固定列到表格的某侧" }, { "example": _react2['default'].createElement(Demo6, null), "title": " 固定表头", "code": "/**\r\n*\r\n* @title 固定表头\r\n* @description 方便一页内展示大量数据。需要指定 column 的 width 属性,否则列头和内容可能不对齐。(还可以设置scroll来支持横向或纵向滚动)\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table } from 'tinper-bee';\r\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;;\r\nconst DragColumnTable = dragColumn(Table);\r\n\r\nconst columns6 = [\r\n {\r\n title: \"Full Name\",\r\n width: 100,\r\n dataIndex: \"name\",\r\n key: \"name\"\r\n },\r\n { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\"},\r\n { title: \"Address\", dataIndex: \"address\", key: \"1\" }\r\n];\r\n\r\nconst data6 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n address: \"New York Park\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },{\r\n key: \"11\",\r\n name: \"John Brown\",\r\n age: 32,\r\n address: \"New York Park\"\r\n },\r\n {\r\n key: \"12\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"13\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n },\r\n {\r\n key: \"14\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n address: \"London Park\"\r\n }\r\n];\r\n\r\nclass Demo6 extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n", "desc": " 方便一页内展示大量数据。需要指定 column 的 width 属性,否则列头和内容可能不对齐。(还可以设置scroll来支持横向或纵向滚动)" }, { "example": _react2['default'].createElement(Demo7, null), "title": " 主子表", "code": "/**\r\n *\r\n * @title 主子表\r\n * @description 主表点击子表联动\r\n *\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport { Table } from 'tinper-bee';\r\n\r\nconst columns7 = [\r\n { title: \"班级\", dataIndex: \"a\", key: \"a\" },\r\n { title: \"人数\", dataIndex: \"b\", key: \"b\" },\r\n { title: \"班主任\", dataIndex: \"c\", key: \"c\" },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst data7 = [\r\n { a: \"02级一班\", b: \"2\", c: \"欧阳锋\", d: \"大侠\", key: \"1\" },\r\n { a: \"03级二班\", b: \"3\", c: \"归海一刀\", d: \"大侠\", key: \"2\" },\r\n { a: \"05级三班\", b: \"1\", c: \"一拳超人\", d: \"愣头青\", key: \"3\" }\r\n];\r\n\r\nconst columns7_1 = [\r\n { title: \"姓名\", dataIndex: \"a\", key: \"a\" },\r\n { title: \"班级\", dataIndex: \"b\", key: \"b\" },\r\n { title: \"系别\", dataIndex: \"c\", key: \"c\" }\r\n];\r\n\r\nclass Demo7 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n children_data: []\r\n };\r\n }\r\n\r\n rowclick = (record, index) => {\r\n if (record.a === \"02级一班\") {\r\n this.setState({\r\n children_data: [\r\n { a: \"郭靖\", b: \"02级一班\", c: \"文学系\", key: \"1\" },\r\n { a: \"黄蓉\", b: \"02级一班\", c: \"文学系\", key: \"2\" }\r\n ]\r\n });\r\n } else if (record.a === \"03级二班\") {\r\n this.setState({\r\n children_data: [\r\n { a: \"杨过\", b: \"03级二班\", c: \"外语系\", key: \"1\" },\r\n { a: \"小龙女\", b: \"03级二班\", c: \"外语系\", key: \"2\" },\r\n { a: \"傻姑\", b: \"03级二班\", c: \"外语系\", key: \"3\" }\r\n ]\r\n });\r\n } else if (record.a === \"05级三班\") {\r\n this.setState({\r\n children_data: [{ a: \"金圣叹\", b: \"05级三班\", c: \"美术系\", key: \"1\" }]\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
标题: 我是主表
}\r\n />\r\n 标题: 我是子表
}\r\n />\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 主表点击子表联动" }, { "example": _react2['default'].createElement(Demo8, null), "title": " 表格+分页", "code": "/**\r\n *\r\n * @title 表格+分页\r\n * @description 点击分页联动表格\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\n\r\nimport { Table, Pagination } from 'tinper-bee';\r\n\n\r\nconst columns8 = [\r\n { title: \"姓名\", dataIndex: \"a\", key: \"a\", width: 100 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst pageData = {\r\n 1: [\r\n { a: \"杨过\", b: \"男\", c: 30, d: \"内行\", key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"大侠\", key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"大侠\", key: \"3\" }\r\n ],\r\n 2: [\r\n { a: \"芙蓉姐姐\", b: \"女\", c: 23, d: \"大侠\", key: \"1\" },\r\n { a: \"芙蓉妹妹\", b: \"女\", c: 23, d: \"内行\", key: \"2\" }\r\n ]\r\n};\r\n\r\nclass Demo8 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: pageData[1],\r\n activePage: 1\r\n };\r\n }\r\n\r\n handleSelect(eventKey) {\r\n this.setState({\r\n data: pageData[eventKey],\r\n activePage: eventKey\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n", "desc": " 点击分页联动表格" }, { "example": _react2['default'].createElement(Demo9, null), "title": " 表格+搜索", "code": "/**\r\n *\r\n * @title 表格+搜索\r\n * @description 搜索刷新表格数据\r\n *\r\n *\r\n * import {Table} from 'tinper-bee';\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\n\r\nimport { Table, FormControl, InputGroup, Icon } from 'tinper-bee';\r\n\n\n\n\r\nclass Search extends Component {\r\n state = {\r\n searchValue: \"\",\r\n empty: false\r\n };\r\n\r\n /**\r\n * 搜索\r\n */\r\n handleSearch = () => {\r\n let { onSearch } = this.props;\r\n this.setState({\r\n empty: true\r\n });\r\n onSearch && onSearch(this.state.searchValue);\r\n };\r\n\r\n /**\r\n * 捕获回车\r\n * @param e\r\n */\r\n handleKeyDown = e => {\r\n if (e.keyCode === 13) {\r\n this.handleSearch();\r\n }\r\n };\r\n\r\n /**\r\n * 输入框改变\r\n * @param e\r\n */\r\n handleChange = (e) => {\r\n this.setState({\r\n searchValue: e\r\n });\r\n };\r\n\r\n /**\r\n * 清空输入框\r\n */\r\n emptySearch = () => {\r\n let { onEmpty } = this.props;\r\n this.setState({\r\n searchValue: \"\",\r\n empty: false\r\n });\r\n onEmpty && onEmpty();\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.state.empty ? (\r\n \r\n ) : null}\r\n\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst columns9 = [\r\n {\r\n title: \"姓名\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst userData = [\r\n { a: \"杨过\", b: \"男\", c: 30, d: \"内行\", key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"大侠\", key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"大侠\", key: \"3\" }\r\n];\r\n\r\nclass Demo9 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: userData\r\n };\r\n }\r\n\r\n handleSearch = value => {\r\n if (value === \"\") {\r\n return this.setState({\r\n data: userData\r\n });\r\n }\r\n let regExp = new RegExp(value, \"ig\");\r\n let data = userData.filter(item => regExp.test(item.a));\r\n this.setState({\r\n data\r\n });\r\n };\r\n\r\n handleEmpty = () => {\r\n this.setState({\r\n data: userData\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 搜索刷新表格数据" }, { "example": _react2['default'].createElement(Demo10, null), "title": " 无数据时显示", "code": "/**\r\n*\r\n* @title 无数据时显示\r\n* @description 无数据时显示效果展示(可自定义)\r\n *\r\n* import {Table} from 'tinper-bee';\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table } from 'tinper-bee';\r\n\r\n\r\nconst columns10 = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: \"30%\"\r\n },\r\n {\r\n title: \"Address\",\r\n dataIndex: \"address\",\r\n key: \"address\"\r\n }\r\n ];\r\n \r\n const data10 = [\r\n \r\n ];\r\n\r\n const emptyFunc = () => 这里没有数据!\r\n \r\n class Demo10 extends Component {\r\n render() {\r\n return ;\r\n }\r\n }\r\n\r\n", "desc": " 无数据时显示效果展示(可自定义)" }, { "example": _react2['default'].createElement(Demo11, null), "title": " 列排序", "code": "/**\r\n* @description column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称\r\n* @title 列排序\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table, Icon } from 'tinper-bee';\r\n\nimport sort from \"tinper-bee/lib/sort.js\";;\r\nlet ComplexTable = sort(Table, Icon);\r\nconst columns11 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst data11 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\r\n];\r\n\r\nconst defaultProps11 = {\r\n prefixCls: \"bee-table\"\r\n};\r\nclass Demo11 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sortOrder: \"\",\r\n data: data11\r\n };\r\n }\r\n render() {\r\n\r\n return ;\r\n }\r\n}\r\nDemo11.defaultProps = defaultProps11;\r\n\r\n\r\n", "desc": " column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称" }, { "example": _react2['default'].createElement(Demo12, null), "title": " 全选功能", "code": "/**\r\n*\r\n* @title 全选功能\r\n* @description 点击表格左列按钮即可选中,并且在选中的回调函数中能获取到选中的数据(未使用封装好的全选功能)\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table, Checkbox } from 'tinper-bee';\r\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\r\n\n\r\nconst columns12 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n }\r\n];\r\n\r\nconst data12 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\",_checked:true },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" ,_checked:true},\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" ,_checked:true}\r\n];\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet MultiSelectTable = multiSelect(Table, Checkbox);\r\n\r\nclass Demo12 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data12\r\n };\r\n }\r\n getSelectedDataFunc = data => {\r\n console.log(data);\r\n };\r\n \r\n render() {\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n", "desc": " 点击表格左列按钮即可选中,并且在选中的回调函数中能获取到选中的数据(未使用封装好的全选功能)" }, { "example": _react2['default'].createElement(Demo13, null), "title": " 多列排序、全选功能、合计", "code": "/**\r\n *\r\n * @title 多列排序、全选功能、合计\r\n * @description 多列排序、全选功能、合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)新增回调函数(sorterClick)\r\n *\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport { Table, Icon, Button, Checkbox } from 'tinper-bee';\r\n\n\n\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\r\nimport sort from \"tinper-bee/lib/sort.js\";;\r\nimport sum from \"tinper-bee/lib/sum.js\";;\r\n\r\nconst columns13 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n className:'dfasd',\r\n width: 200\r\n },\r\n {\r\n title: \"功力指数\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 200,\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c,\r\n sorterClick:(data,type)=>{//排序的回调函数\r\n //type value is up or down\r\n console.log(\"data\",data);\r\n }\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c,\r\n sorterClick:(data,type)=>{//排序的回调函数\r\n //type value is up or down\r\n console.log(\"data\",data);\r\n }\r\n },\r\n {\r\n title: \"成绩\",\r\n dataIndex: \"e\",\r\n key: \"e\",\r\n width: 200,\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c,\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width: 200\r\n }\r\n];\r\n\r\nconst data13 = [\r\n { a: \"杨过\", b: 675, c: 30, d: \"内行\",e:100, key: \"2\" },\r\n { a: \"令狐冲\", b: 43, c: 41, d: \"大侠\",e:90, key: \"1\" },\r\n { a: \"令狐冲1\", b: 43, c: 81, d: \"大侠\", e:120,key: \"4\" },\r\n { a: \"令狐冲2\", b: 43, c: 81, d: \"大侠\", e:130,key: \"5\" },\r\n { a: \"郭靖\", b: 153, c: 25, d: \"大侠\",e:90, key: \"3\" }\r\n];\r\n\r\n\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet ComplexTable = multiSelect(sum(sort(Table, Icon)), Checkbox);\r\n\r\nclass Demo13 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data13: data13,\r\n selectedRow: this.selectedRow,\r\n selectDisabled: this.selectDisabled\r\n };\r\n }\r\n getSelectedDataFunc = data => {\r\n console.log(data);\r\n };\r\n selectDisabled = (record, index) => {\r\n // console.log(record);\r\n if (index === 1) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n selectedRow = (record, index) => {\r\n // console.log(record);\r\n if (index === 0) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n onClick = () => {\r\n this.setState({\r\n selectedRow: function() {}\r\n });\r\n };\r\n\r\n render() {\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n let sortObj = {\r\n mode:'multiple'\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n", "desc": " 多列排序、全选功能、合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)新增回调函数(sorterClick)" }, { "example": _react2['default'].createElement(Demo14, null), "title": " 编辑态表格", "code": "/**\r\n*\r\n* @title 编辑态表格\r\n* @description 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)\r\n*\r\n*/\r\n\r\nimport React from \"react\";\r\nimport { Table, Select, Datepicker, Checkbox, Input, Icon, Form, Button, Tooltip, Animate } from 'tinper-bee';\r\n\n\n\n\n\n\n\n\n\nimport renderInput from \"tinper-bee/lib/InputRender.js\";;\r\nimport renderDate from \"tinper-bee/lib/DateRender.js\";;\r\nimport renderSelect from \"tinper-bee/lib/SelectRender.js\";;\r\n\r\nconst InputRender = renderInput(Form, Input, Icon);\r\nconst DateRender = renderDate(Datepicker, Icon);\r\nconst SelectRender = renderSelect(Select, Icon);\r\n\r\nconst format = \"YYYY-MM-DD\";\r\nconst format2 = \"YYYY-MM\";\r\nconst format3 = \"YYYY-MM-DD HH:mm:ss\";\r\n\r\nconst dateInputPlaceholder = \"选择日期\";\r\nconst dateInputPlaceholder2 = \"选择年月\";\r\nconst dataSource = [\r\n {\r\n key: \"boyuzhou\",\r\n value: \"jack\"\r\n },\r\n {\r\n key: \"renhualiu\",\r\n value: \"lucy\"\r\n },\r\n {\r\n key: \"yuzhao\",\r\n value: \"yiminghe\"\r\n }\r\n];\r\nclass Demo14 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataSource: [\r\n {\r\n key: \"0\",\r\n name: \"沉鱼\",\r\n number: \"10\",\r\n age: \"y\",\r\n address: \"jack\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"1\",\r\n name: \"落雁\",\r\n number: \"100\",\r\n age: \"y\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"闭月\",\r\n number: \"1000\",\r\n age: \"n\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"羞花\",\r\n number: \"9999\",\r\n age: \"y\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n }\r\n ],\r\n count: 4\r\n };\r\n this.columns = [\r\n {\r\n title: \"普通输入\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"150px\",\r\n render: (text, record, index) => (\r\n \r\n \r\n \r\n }\r\n />\r\n )\r\n },\r\n {\r\n title: \"货币输入\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: \"150px\",\r\n render: (text, record, index) => (\r\n \r\n \r\n \r\n }\r\n reg={/^[0-9]+$/}\r\n />\r\n )\r\n },\r\n {\r\n title: \"复选\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: \"100px\",\r\n render: (text, record, index) => (\r\n \r\n )\r\n },\r\n {\r\n title: \"下拉框\",\r\n dataIndex: \"address\",\r\n key: \"address\",\r\n width: \"200px\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n },\r\n {\r\n title: \"年月日\",\r\n dataIndex: \"datepicker\",\r\n key: \"datepicker\",\r\n width: \"200px\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n );\r\n }\r\n },\r\n {\r\n title: \"年月\",\r\n dataIndex: \"MonthPicker\",\r\n key: \"MonthPicker\",\r\n width: \"200px\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n );\r\n }\r\n }\r\n ];\r\n }\r\n check = (flag, obj) => {\r\n console.log(flag);\r\n console.log(obj);\r\n };\r\n\r\n onInputChange = (index, key) => {\r\n return value => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n onCheckChange = (index, key) => {\r\n return value => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n onSelectChange = (index, key) => {\r\n return value => {\r\n console.log(`selected ${value}`);\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n onDateChange = d => {\r\n console.log(d);\r\n };\r\n onDateSelect = d => {\r\n console.log(d);\r\n };\r\n onDelete = index => {\r\n return () => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource.splice(index, 1);\r\n this.setState({ dataSource });\r\n };\r\n };\r\n handleAdd = () => {\r\n const { count, dataSource } = this.state;\r\n const newData = {\r\n key: count,\r\n name: `凤姐 ${count}`,\r\n age: 32,\r\n address: \"jack\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n };\r\n this.setState({\r\n dataSource: [...dataSource, newData],\r\n count: count + 1\r\n });\r\n };\r\n\r\n getBodyWrapper = body => {\r\n return (\r\n \r\n {body.props.children}\r\n \r\n );\r\n };\r\n getData = () => {\r\n console.log(this.state.dataSource);\r\n };\r\n render() {\r\n const { dataSource } = this.state;\r\n const columns = this.columns;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)" }, { "example": _react2['default'].createElement(Demo15, null), "title": " 表格行/列合并", "code": "/**\r\n*\r\n* @title 表格行/列合并\r\n* @description 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。\r\n*\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport { Table } from 'tinper-bee';\r\n\r\nconst renderContent = (value, row, index) => {\r\n const obj = {\r\n children: value,\r\n props: {},\r\n };\r\n if (index === 4) {\r\n obj.props.colSpan = 0;\r\n }\r\n return obj;\r\n};\r\n\r\nconst columns = [{\r\n title: 'Name',\r\n key: \"name\",\r\n dataIndex: 'name',\r\n render: (text, row, index) => {\r\n if (index < 4) {\r\n return {text};\r\n }\r\n return {\r\n children: {text},\r\n props: {\r\n colSpan: 5,\r\n },\r\n };\r\n },\r\n}, {\r\n title: 'Age',\r\n key: \"Age\",\r\n dataIndex: 'age',\r\n render: renderContent,\r\n}, {\r\n title: 'Home phone',\r\n colSpan: 2,\r\n key: \"tel\",\r\n dataIndex: 'tel',\r\n render: (value, row, index) => {\r\n const obj = {\r\n children: value,\r\n props: {},\r\n };\r\n if (index === 2) {\r\n obj.props.rowSpan = 2;\r\n }\r\n if (index === 3) {\r\n obj.props.rowSpan = 0;\r\n }\r\n if (index === 4) {\r\n obj.props.colSpan = 0;\r\n }\r\n return obj;\r\n },\r\n}, {\r\n title: 'Phone',\r\n colSpan: 0,\r\n key: \"phone\",\r\n dataIndex: 'phone',\r\n render: renderContent,\r\n}, {\r\n title: 'Address',\r\n key: \"address\",\r\n dataIndex: 'address',\r\n render: renderContent,\r\n}];\r\n\r\nconst data = [{\r\n key: '1',\r\n name: 'John Brown',\r\n age: 32,\r\n tel: '0571-22098909',\r\n phone: 18889898989,\r\n address: 'New York No. 1 Lake Park',\r\n}, {\r\n key: '2',\r\n name: 'Jim Green',\r\n tel: '0571-22098333',\r\n phone: 18889898888,\r\n age: 42,\r\n address: 'London No. 1 Lake Park',\r\n}, {\r\n key: '3',\r\n name: 'Joe Black',\r\n age: 32,\r\n tel: '0575-22098909',\r\n phone: 18900010002,\r\n address: 'Sidney No. 1 Lake Park',\r\n}, {\r\n key: '4',\r\n name: 'Jim Red',\r\n age: 18,\r\n tel: '0575-22098909',\r\n phone: 18900010002,\r\n address: 'London No. 2 Lake Park',\r\n}, {\r\n key: '5',\r\n name: 'Jake White',\r\n age: 18,\r\n tel: '0575-22098909',\r\n phone: 18900010002,\r\n address: 'Dublin No. 2 Lake Park',\r\n}];\r\n\r\nclass Demo15 extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n\r\n", "desc": " 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。" }, { "example": _react2['default'].createElement(Demo16, null), "title": " 嵌套子表格", "code": "/**\r\n*\r\n* @title 嵌套子表格\r\n* @description 通过expandedRowRender参数来实现子表格\r\n*\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport { Table } from 'tinper-bee';\r\n\r\nconst columns16 = [\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\", \r\n width:200,\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert(\"这是第\" + index + \"列,内容为:\" + text);\r\n }}\r\n >\r\n 一些操作\r\n \r\n );\r\n }\r\n },\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n \r\n];\r\nconst columns17 = [\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width:200,\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert(\"这是第\" + index + \"列,内容为:\" + text);\r\n }}\r\n >\r\n 一些操作\r\n \r\n );\r\n }\r\n },\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n \r\n];\r\n\r\nconst data16 = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\r\n];\r\n\r\n\r\nclass Demo16 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n data_obj:{}\r\n }\r\n }\r\n expandedRowRender = (record, index, indent) => {\r\n let height = 42 * (this.state.data_obj[record.key].length+ 2);\r\n \r\n return (\r\n \r\n );\r\n };\r\n getData=(expanded, record)=>{\r\n //当点击展开的时候才去请求数据\r\n let new_obj = Object.assign({},this.state.data_obj);\r\n if(expanded){\r\n if(record.key==='1'){\r\n new_obj[record.key] = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\r\n ]\r\n this.setState({\r\n data_obj:new_obj\r\n })\r\n }else{\r\n new_obj[record.key] = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" }\r\n ]\r\n this.setState({\r\n data_obj:new_obj\r\n })\r\n }\r\n }\r\n }\r\n haveExpandIcon=(record, index)=>{\r\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\r\n if(index == 0){\r\n return true;\r\n }\r\n return false;\r\n }\r\n render() {\r\n return (\r\n 标题: 这是一个标题
}\r\n footer={currentData => 表尾: 我是小尾巴
}\r\n />\r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 通过expandedRowRender参数来实现子表格" }, { "example": _react2['default'].createElement(Demo17, null), "title": " loading属性指定表格是否加载中", "code": "/**\r\n*\r\n* @title loading属性指定表格是否加载中\r\n* @description loading可以传boolean或者obj对象,obj为bee-loading组件的参数类型\r\n*\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport { Table, Button } from 'tinper-bee';\r\n\n\r\nconst columns17 = [\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert('这是第'+index+'列,内容为:'+text);\r\n }}\r\n >\r\n 一些操作\r\n \r\n );\r\n }\r\n }\r\n];\r\n\r\nconst data17 = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\r\n];\r\n\r\nclass Demo17 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loading : true\r\n }\r\n }\r\n changeLoading = () => {\r\n this.setState({\r\n loading : !this.state.loading\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n
标题: 这是一个标题
}\r\n footer={currentData => 表尾: 我是小尾巴
}\r\n // loading={this.state.loading}或者是boolean\r\n loading={{show:this.state.loading,loadingType:\"line\"}}\r\n />\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " loading可以传boolean或者obj对象,obj为bee-loading组件的参数类型" }, { "example": _react2['default'].createElement(Demo18, null), "title": " 合并标题后的合计,且支持多字段统计", "code": "/**\r\n *\r\n * @title 合并标题后的合计,且支持多字段统计\r\n * @description 合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)\r\n *\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\n\nimport { Table, Button } from 'tinper-bee'; \r\nimport sum from \"tinper-bee/lib/sum.js\";;\r\n \r\nlet ComplexTable = sum(Table);\r\n\r\nconst columns = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: 100,\r\n fixed: \"left\"\r\n },\r\n {\r\n title: \"Other\",\r\n children: [\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: 200,\r\n sumCol: true,\r\n },\r\n {\r\n title: \"Address\",\r\n children: [\r\n {\r\n title: \"Street\",\r\n dataIndex: \"street\",\r\n key: \"street\",\r\n width: 200\r\n },\r\n {\r\n title: \"Block\",\r\n children: [\r\n {\r\n title: \"Building\",\r\n dataIndex: \"building\",\r\n key: \"building\",\r\n width: 100\r\n },\r\n {\r\n title: \"Door No.\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n // width: 100,\r\n sumCol: true,\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n // {\r\n // title: \"Company\",\r\n // children: [\r\n // {\r\n // title: \"Company Address\",\r\n // dataIndex: \"companyAddress\",\r\n // key: \"companyAddress\",\r\n // width: 100,\r\n // },\r\n // {\r\n // title: \"Company Name\",\r\n // dataIndex: \"companyName\",\r\n // key: \"companyName\",\r\n // width: 100,\r\n // }\r\n // ]\r\n // },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\",\r\n key: \"gender\",\r\n width: 80,\r\n fixed: \"right\"\r\n }\r\n];\r\n\r\nfunction getData(){\r\n const data = [];\r\n for (let i = 0; i < 5; i++) {\r\n data.push({\r\n key: i,\r\n name: \"John Brown\"+i,\r\n age: i + Math.floor(Math.random()*10),\r\n street: \"Lake Park\",\r\n building: \"C\",\r\n number: 20 * Math.floor(Math.random()*10),\r\n companyAddress: \"Lake Street 42\",\r\n companyName: \"SoftLake Co\",\r\n gender: \"M\"\r\n });\r\n }\r\n return data;\r\n}\r\n\r\nclass Demo18 extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: getData()\r\n };\r\n }\r\n\r\n changeData = ()=>{\r\n this.setState({\r\n data: getData()\r\n });\r\n }\r\n\r\n render() {\r\n const {data} = this.state;\r\n return (\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n", "desc": " 合计(通过使用的封装好的功能方法实现复杂功能,简单易用!)" }, { "example": _react2['default'].createElement(Demo19, null), "title": " 编辑态表格", "code": "/**\r\n*\r\n* @title 编辑态表格\r\n* @description 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)\r\n*\r\n*/\r\n\r\n\nimport React from \"react\";\r\nimport { Table, Select, Form, Input, Icon, Tooltip, Animate, Button } from 'tinper-bee';\r\n\n\n\n\n\n\nimport renderInput from \"tinper-bee/lib/InputRender.js\";;\r\nimport renderSelect from \"tinper-bee/lib/SelectRender.js\";;\r\n\r\nconst InputRender = renderInput(Form, Input, Icon);\r\nconst SelectRender = renderSelect(Select, Icon);\r\n\r\nconst Option = Select.Option;\r\n\r\nconst dataSource = [\r\n {\r\n key: \"boyuzhou\",\r\n value: \"jack\"\r\n },\r\n {\r\n key: \"renhualiu\",\r\n value: \"lucy\"\r\n },\r\n {\r\n key: \"yuzhao\",\r\n value: \"yiminghe\"\r\n }\r\n];\r\nclass Demo19 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataSource: [\r\n {\r\n key: \"0\",\r\n name: \"沉鱼\",\r\n number: \"10\",\r\n age: \"y\",\r\n address: \"jack\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"1\",\r\n name: \"落雁\",\r\n number: \"100\",\r\n age: \"y\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"闭月\",\r\n number: \"1000\",\r\n age: \"n\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"羞花\",\r\n number: \"9999\",\r\n age: \"y\",\r\n address: \"lucy\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n }\r\n ],\r\n count: 4\r\n };\r\n this.columns = [ \r\n {\r\n title: \"货币输入\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: \"150px\",\r\n render: (text, record, index) => (\r\n \r\n \r\n \r\n }\r\n reg={/^[0-9]+$/}\r\n />\r\n )\r\n },\r\n \r\n {\r\n title:(下拉框的div
),\r\n dataIndex: \"address\",\r\n key: \"address\",\r\n width: \"200px\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n }\r\n ];\r\n }\r\n check = (flag, obj) => {\r\n console.log(flag);\r\n console.log(obj);\r\n };\r\n\r\n handFocus = (value,e) => {\r\n console.log(value+` 获取焦点事件`);\r\n };\r\n onBlur = (value,e) => {\r\n console.log(value+` onBlur`);\r\n };\r\n\r\n onInputChange = (index, key) => {\r\n return value => {\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n\r\n onSelectChange = (index, key) => {\r\n return value => {\r\n console.log(`selected ${value}`);\r\n const dataSource = [...this.state.dataSource];\r\n dataSource[index][key] = value;\r\n this.setState({ dataSource });\r\n };\r\n };\r\n\r\n handleAdd = () => {\r\n const { count, dataSource } = this.state;\r\n const newData = {\r\n key: count,\r\n name: `凤姐 ${count}`,\r\n age: 32,\r\n address: \"jack\",\r\n datepicker: \"2017-06-12\",\r\n MonthPicker: \"2017-02\"\r\n };\r\n this.setState({\r\n dataSource: [...dataSource, newData],\r\n count: count + 1\r\n });\r\n };\r\n\r\n getBodyWrapper = body => {\r\n return (\r\n \r\n {body.props.children}\r\n \r\n );\r\n };\r\n getData = () => {\r\n console.log(this.state.dataSource);\r\n };\r\n render() {\r\n const { dataSource } = this.state;\r\n const columns = this.columns;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 这是带有多种不同格式的编辑态表格(编辑态是通过使用不同的render来达到不同编辑格式)" }, { "example": _react2['default'].createElement(Demo20, null), "title": " 简单表格选中行的背景色、表头表尾", "code": "/**\r\n*\r\n* @title 简单表格选中行的背景色、表头表尾\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\n\n\nimport { Table, Tooltip, Button } from 'tinper-bee';\r\n\r\nconst columns = [\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width:80 , className:\"rowClassName\"},\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n];\r\n\r\nconst data = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, key: \"1\" },\r\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, key: \"3\" }\r\n];\r\n\r\nclass Demo26 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {\r\n if (this.state.selectedRowIndex == index) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n onRowClick={(record,index,indent)=>{\r\n this.setState({ \r\n selectedRowIndex: index\r\n });\r\n }}\r\n title={currentData => 标题: 这是一个标题
}\r\n footer={currentData => 表尾: 我是小尾巴
}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": "" }, { "example": _react2['default'].createElement(Demo21, null), "title": " 根据列进行过滤", "code": "/**\r\n*\r\n* @title 根据列进行过滤\r\n* @description 点击表格右侧按钮,进行表格列的数据过滤。可以自定义设置显示某列,通过ifshow属性控制,默认为true都显示。afterFilter为过滤之后的回调函数\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table, Popover, Checkbox, Icon } from 'tinper-bee';\r\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\r\nimport sum from \"tinper-bee/lib/sum\";;\r\n\n\n\n\r\nconst data21 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行',e: \"操作\", key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠',e: \"操作\", key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠',e: \"操作\", key: \"3\" }\r\n];\r\n\r\nconst FilterColumnTable = filterColumn(Table, Popover, Icon);\r\n\r\nconst defaultProps21 = {\r\n prefixCls: \"bee-table\"\r\n};\r\n\r\nclass Demo21 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state ={\r\n columns21: [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\"\r\n // width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n // width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n ifshow:false,\r\n // width: 200,\r\n // sumCol: true,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"e\",\r\n key: \"e\",\r\n render(text, record, index){\r\n return (\r\n \r\n );\r\n }\r\n }\r\n ]};\r\n }\r\n afterFilter = (optData,columns)=>{\r\n if(optData.key == 'b'){\r\n if(optData.ifshow){\r\n columns[2].ifshow = false;\r\n }else{\r\n columns[2].ifshow = true;\r\n }\r\n this.setState({\r\n columns21 :columns,\r\n showFilterPopover:true\r\n });\r\n }\r\n \r\n }\r\n \r\n render() {\r\n \r\n return ;\r\n }\r\n}\r\nDemo21.defaultProps = defaultProps21;\r\n\r\n\r\n", "desc": " 点击表格右侧按钮,进行表格列的数据过滤。可以自定义设置显示某列,通过ifshow属性控制,默认为true都显示。afterFilter为过滤之后的回调函数" }, { "example": _react2['default'].createElement(Demo22, null), "title": " 列的拖拽,交换表头的顺序", "code": "/**\r\n*\r\n* @title 列的拖拽,交换表头的顺序\r\n* @description 点击列的表头,进行左右拖拽\r\n*/\r\nimport React, { Component } from 'react';\r\nimport { Table, Icon } from 'tinper-bee'; \r\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\r\n\r\n\n\r\nconst columns22 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 200\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width: 200,\r\n }\r\n];\r\n\r\nconst data22 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\r\n];\r\n\r\nconst DragColumnTable = dragColumn(Table);\r\n\r\nconst defaultProps22 = {\r\n prefixCls: \"bee-table\"\r\n};\r\n\r\nclass Demo22 extends Component {\r\n constructor(props) {\r\n super(props); \r\n }\r\n \r\n render() {\r\n return ;\r\n }\r\n}\r\nDemo22.defaultProps = defaultProps22;\r\n\r\n\r\n", "desc": " 点击列的表头,进行左右拖拽" }, { "example": _react2['default'].createElement(Demo23, null), "title": " 拖拽调整列的宽度", "code": "/**\r\n*\r\n* @title 拖拽调整列的宽度\r\n* @description 注:不支持tree结构的表头、合并表头的table【目前支持表头拖拽宽度、交互列一起使用】\r\n*/\r\nimport React, { Component } from 'react';\r\nimport { Table, Icon } from 'tinper-bee'; \r\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\r\n\r\n\n\r\nconst columns23 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: '200',\r\n fixed:'left'\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: '600'\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: '200',\r\n sumCol: true,\r\n sorter: (a, b) => a.c - b.c\r\n }, \r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width: 500,\r\n }\r\n];\r\n\r\nconst data23 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"31\" } , { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"21\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"11\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"32\" } , { a: \"杨过\", b: \"男\", c: 30,d:'内行', key: \"22\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', key: \"12\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', key: \"3\" }\r\n];\r\n\r\nconst DragColumnTable = dragColumn(Table);\r\n\r\nconst defaultProps23 = {\r\n prefixCls: \"bee-table\"\r\n};\r\n\r\nclass Demo23 extends Component {\r\n constructor(props) {\r\n super(props); \r\n }\r\n\r\n render() {\r\n return {\r\n console.log(width+\"--调整列宽后触发事件\",e.target);\r\n }}\r\n />;\r\n }\r\n}\r\nDemo23.defaultProps = defaultProps23;\r\n\r\n\r\n", "desc": " 注:不支持tree结构的表头、合并表头的table【目前支持表头拖拽宽度、交互列一起使用】" }, { "example": _react2['default'].createElement(Demo24, null), "title": " 动态设置固、取消固定列", "code": "/**\r\n*\r\n* @title 动态设置固、取消固定列\r\n* @description 动态设置固、取消固定列\r\n* @description 动态固定列设置 一个table动态设置一个方向【fixed: \"left\",fixed: \"right\"】。\r\n*\r\n*/\r\nimport React, { Component } from 'react';\r\nimport { Table, Dropdown, Menu, Icon } from 'tinper-bee';\r\n\n\n\n\r\n\r\nconst { Item } = Menu;\r\n// const columns24 = [\r\n// {\r\n// title: \"Full Name\",\r\n// width: 100,\r\n// dataIndex: \"name\",\r\n// key: \"name\",\r\n// fixed: \"left\",\r\n// },\r\n// { title: \"Age\", width: 100, dataIndex: \"age\", key: \"age\", fixed: \"left\" },\r\n// { title: \"Column 1\", dataIndex: \"address\", key: \"1\" },\r\n// { title: \"Column 2\", dataIndex: \"address2\", key: \"2\" },\r\n// { title: \"Column 3\", dataIndex: \"address\", key: \"3\" },\r\n// { title: \"Column 4\", dataIndex: \"address\", key: \"4\" },\r\n// { title: \"Column 24\", dataIndex: \"address\", key: \"24\" },\r\n// { title: \"Column 6\", dataIndex: \"address\", key: \"6\" },\r\n// { title: \"Column 7\", dataIndex: \"address\", key: \"7\" },\r\n// { title: \"Column 8\", dataIndex: \"address\", key: \"8\" }\r\n// ];\r\n\r\n\r\nconst columns24 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100,\r\n fixed: \"left\",\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100,\r\n fixed: \"left\",\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 100, \r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width: 150 \r\n },\r\n {\r\n title: \"对手\",\r\n dataIndex: \"e\",\r\n key: \"e\",\r\n width: 100 \r\n },\r\n {\r\n title: \"帮派\",\r\n dataIndex: \"f\",\r\n key: \"f\",\r\n width: 100 \r\n },\r\n {\r\n title: \"武功类型\",\r\n dataIndex: \"g\",\r\n key: \"g\",\r\n width: 100 \r\n },\r\n {\r\n title: \"师傅\",\r\n dataIndex: \"k\",\r\n key: \"k\",\r\n // width: 100 \r\n },\r\n {\r\n title: \"攻击系数\",\r\n dataIndex: \"h\",\r\n key: \"h\",\r\n width: 100 \r\n }\r\n];\r\n\r\n\r\nconst data24 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行',e:'黄荣',f:'古墓派',g:'剑术',k:'小龙女',h:'0.5', key: \"1\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'剑客',e:'自己',f:'无',g:'剑术',k:'无',h:'0.5', key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠',e:'黄荣',f:'朝廷',g:'内容',k:'外侵势力',h:'0.6', key: \"3\" }\r\n]; \r\n \r\nclass Demo24 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n // let columns = [];\r\n // Object.assign(columns,columns24);\r\n // columns.forEach(da=>da.onHeadCellClick=this.onHeadCellClick);\r\n this.state = {\r\n columns:columns24\r\n }\r\n }\r\n\r\n \r\n onSelect = ({key,item})=>{ \r\n console.log(`${key} selected`); //获取key\r\n let currentObject = item.props.data; //获取选中对象的数据\r\n let {columns} = this.state;\r\n let fixedCols = [];\r\n let nonColums = [];\r\n columns.find(da=>{\r\n if(da.key == key){\r\n da.fixed?delete da.fixed:da.fixed = 'left';\r\n }\r\n da.fixed?fixedCols.push(da):nonColums.push(da);\r\n });\r\n \r\n columns = [...fixedCols,...nonColums]\r\n\r\n this.setState({\r\n columns\r\n });\r\n }\r\n //表头增加下拉菜单\r\n renderColumnsDropdown(columns) {\r\n const icon ='uf-arrow-down';\r\n \r\n return columns.map((originColumn,index) => {\r\n let column = Object.assign({}, originColumn);\r\n let menuInfo = [], title='锁定';\r\n if(originColumn.fixed){\r\n title = '解锁'\r\n }\r\n menuInfo.push({\r\n info:title,\r\n key:originColumn.key,\r\n index:index\r\n });\r\n const menu = (\r\n )\r\n column.title = (\r\n \r\n {column.title}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n return column;\r\n });\r\n \r\n }\r\n\r\n render() {\r\n let {columns} = this.state;\r\n columns = this.renderColumnsDropdown(columns);\r\n return ;\r\n }\r\n}\r\n\r\n", "desc": " 动态设置固、取消固定列", "scss_code": "th{\r\n .drop-menu{\r\n .uf{\r\n font-size: 12px;\r\n visibility: hidden;\r\n margin-left: 15px;\r\n }\r\n \r\n \r\n }\r\n &:hover{\r\n .uf{\r\n visibility: visible;\r\n }\r\n }\r\n\r\n}\r\n\r\n" }, { "example": _react2['default'].createElement(Demo25, null), "title": " 根据列进行过滤、拖拽交换列综合使用案例", "code": "/**\r\n* @title 根据列进行过滤、拖拽交换列综合使用案例\r\n* @description 新增属性【checkMinSize 当前表格显示最少列数 】 1. 当所有列都设置了width属性后,需要给table增加checkMinSize属性 2. 所有列不设置width。\r\n*/\r\n\r\n/**注:\r\n * 在使用过滤列的时候,如果每一列都设置了width属性,勾选的时候回出现重复列问题。当表格的宽度小于合计宽度的时候,就会出现此问题。 \r\n * 必须有个别列不设置width属性,即可避免此问题。\r\n */\r\nimport React, { Component } from 'react';\r\nimport { Table, Popover, Checkbox, Icon } from 'tinper-bee';\r\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\r\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\r\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\r\n\r\nimport sum from \"tinper-bee/lib/sum\";;\r\n\n\n\n\r\n //Cloumns1\r\nfunction getCloumns(){\r\n const column = [\r\n {\r\n title: \"序号\",\r\n dataIndex: \"index\",\r\n key: \"index\",\r\n width: 100, \r\n },\r\n {\r\n title: \"订单编号\",\r\n dataIndex: \"orderCode\",\r\n key: \"orderCode\",\r\n width: 100, \r\n },\r\n {\r\n title: \"供应商名称\",\r\n dataIndex: \"supplierName\",\r\n key: \"supplierName\",\r\n width: 100\r\n },\r\n {\r\n title: \"类型\",\r\n dataIndex: \"type_name\",\r\n key: \"type_name\",\r\n width: 100\r\n },\r\n {\r\n title: \"采购组织\",\r\n dataIndex: \"purchasing\",\r\n key: \"purchasing\",\r\n width: 100\r\n },\r\n {\r\n title: \"采购组\",\r\n dataIndex: \"purchasingGroup\",\r\n key: \"purchasingGroup\",\r\n width: 300\r\n },\r\n {\r\n title: \"凭证日期\",\r\n dataIndex: \"voucherDate\",\r\n key: \"voucherDate\",\r\n width: 100,\r\n \r\n },\r\n {\r\n title: \"审批状态\",\r\n dataIndex: \"approvalState_name\",\r\n key: \"approvalState_name\",\r\n width: 100\r\n },\r\n {\r\n title: \"确认状态\",\r\n dataIndex: \"confirmState_name\",\r\n key: \"confirmState_name\",\r\n width: 100\r\n }, \r\n {\r\n title: \"关闭状态\",\r\n dataIndex: \"closeState_name\",\r\n key: \"closeState_name\",\r\n width: 100\r\n },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width:100,\r\n fixed: \"right\",\r\n render(text, record, index) {\r\n return (\r\n \r\n )\r\n }\r\n }\r\n ];\r\n return column;\r\n}\r\n\r\nconst dataList = [ \r\n { \r\n index: 1, \r\n orderCode:\"2343\", \r\n supplierName: \"xxx\",\r\n type_name: \"123\",\r\n purchasing:'内行', \r\n purchasingGroup:\"323\",\r\n voucherDate:\"kkkk\",\r\n approvalState_name:\"vvvv\",\r\n confirmState_name:\"aaaa\",\r\n closeState_name:\"vnnnnn\",\r\n d:\"操作\",\r\n key: \"1\"\r\n }, \r\n { \r\n index: 2, \r\n _checked:true,\r\n orderCode:\"222\", \r\n supplierName: \"22xxx\",\r\n type_name: \"1223\",\r\n purchasing:'内行2', \r\n purchasingGroup:\"3223\",\r\n voucherDate:\"222kk\",\r\n approvalState_name:\"22vvvv\",\r\n confirmState_name:\"2aaaa\",\r\n closeState_name:\"2vnnnnn\",\r\n d:\"2操作\",\r\n key: \"2\"\r\n },\r\n { \r\n index: 3, \r\n orderCode:\"222\", \r\n supplierName: \"22xxx\",\r\n _disabled:true,\r\n type_name: \"1223\",\r\n purchasing:'内行2', \r\n purchasingGroup:\"3223\",\r\n voucherDate:\"222kk\",\r\n approvalState_name:\"22vvvv\",\r\n confirmState_name:\"2aaaa\",\r\n closeState_name:\"2vnnnnn\",\r\n d:\"3操作\",\r\n key: \"3\"\r\n },\r\n { \r\n index: 4, \r\n orderCode:\"222\", \r\n supplierName: \"22xxx\",\r\n type_name: \"1223\",\r\n purchasing:'内行2', \r\n purchasingGroup:\"3223\",\r\n voucherDate:\"222kk\",\r\n approvalState_name:\"22vvvv\",\r\n confirmState_name:\"2aaaa\",\r\n closeState_name:\"2vnnnnn\",\r\n d:\"4操作\",\r\n key: \"4\"\r\n },\r\n]\r\n\r\nconst DragColumnTable = filterColumn(dragColumn(multiSelect(Table, Checkbox)),Popover);\r\n\r\nconst defaultProps25 = {\r\n prefixCls: \"bee-table\"\r\n};\r\n\r\nclass Demo25 extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n getSelectedDataFunc=(data)=>{\r\n console.log(\"data\",data);\r\n }\r\n \r\n getCloumnsScroll=(columns)=>{\r\n let sum = 0;\r\n columns.forEach((da)=>{\r\n sum += da.width;\r\n })\r\n console.log(\"sum\",sum);\r\n return (sum);\r\n }\r\n\r\n selectedRow=(record, index)=>{\r\n\r\n }\r\n\r\n render() {\r\n let columns = getCloumns();\r\n \r\n return \r\n \r\n
\r\n }\r\n}\r\nDemo25.defaultProps = defaultProps25;\r\n\r\n\r\n", "desc": " 新增属性【checkMinSize 当前表格显示最少列数 】 1. 当所有列都设置了width属性后,需要给table增加checkMinSize属性 2. 所有列不设置width。" }, { "example": _react2['default'].createElement(Demo26, null), "title": " 按条件和值过滤", "code": "/**\r\n*\r\n* @title 按条件和值过滤\r\n* @description 可以根据输入项目以及判断条件对表格内的数据进行过滤\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table } from 'tinper-bee';\r\n\r\n\r\nconst columns26 = [\r\n { title: \"姓名\", width: 180, dataIndex: \"name\", key: \"name\", filterType: \"text\", filterDropdown: \"show\" },\r\n { title: \"年龄\", width: 150, dataIndex: \"age\", key: \"age\", filterType: \"dropdown\", filterDropdown: \"show\" },\r\n { title: \"日期\", width: 200, dataIndex: \"date\", key: \"date\", filterType: \"date\", filterDropdown: \"show\", format: \"YYYY-MM-DD\" },\r\n { title: \"居住地址\", width: 150, dataIndex: \"address\", key: \"address\", filterType: \"dropdown\", filterDropdown: \"show\" },\r\n { title: \"备注\", dataIndex: \"mark\", key: \"mark\" }\r\n];\r\n\r\nconst data26 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-19\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n }, {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"6\",\r\n name: \"Jim Green\",\r\n age: 48,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"7\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"8\",\r\n name: \"Jim Green\",\r\n age: 38,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n }\r\n];\r\n\r\nclass Demo26 extends Component {\r\n handlerFilterChange = (key, val, condition) => {\r\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\r\n }\r\n\r\n handlerFilterClear = (key) => {\r\n console.log('清除条件', key);\r\n }\r\n render() {\r\n return ()\r\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\r\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\r\n filterable={true}//是否开启过滤数据功能\r\n bordered\r\n columns={columns26}\r\n data={data26} />;\r\n }\r\n}\r\n\r\n", "desc": " 可以根据输入项目以及判断条件对表格内的数据进行过滤" }, { "example": _react2['default'].createElement(Demo27, null), "title": " 组合过滤和其他功能使用", "code": "/**\r\n*\r\n* @title 组合过滤和其他功能使用\r\n* @description 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等\r\n*\r\n*/\r\n\r\n/**\r\n * @description \r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table, Dropdown, Menu, Icon, Checkbox } from 'tinper-bee';\r\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\r\nimport sort from \"tinper-bee/lib/sort\";;\r\n\n\n\n\n\r\n\r\nconst { Item } = Menu;\r\nconst SubMenu = Menu.SubMenu;\r\nconst MenuItemGroup = Menu.ItemGroup;\r\n\r\n\r\nconst dataList = [\r\n { \"key\": \"1\", value: \"库存明细\", id: \"a\" },\r\n { \"key\": \"2\", value: \"订单明细\", id: \"v\" },\r\n { \"key\": \"3\", value: \"发货明细\", id: \"c\" }\r\n]\r\n\r\nconst data27 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-19\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n }, {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"6\",\r\n name: \"Jim Green\",\r\n age: 48,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"7\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"8\",\r\n name: \"Jim Green\",\r\n age: 38,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n }\r\n];\r\n\r\n\r\nconst MultiSelectTable = multiSelect(Table, Checkbox);\r\nconst ComplexTable = sort(MultiSelectTable, Icon);\r\nclass Demo27 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dropdownvalue: []\r\n }\r\n }\r\n handlerFilterChange = (key, val, condition) => {\r\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\r\n }\r\n\r\n handlerFilterClear = (key) => {\r\n console.log('清除条件', key);\r\n }\r\n getSelectedDataFunc = data => {\r\n console.log(data);\r\n }\r\n onClick = (item) => {\r\n console.log(item);\r\n }\r\n\r\n render() {\r\n const menu1 = (\r\n )\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n let columns27 = [\r\n {\r\n title: \"\", width: 40, dataIndex: \"key\", key: \"key\", render: (text, record, index) => {\r\n return \r\n \r\n \r\n }\r\n },\r\n {\r\n title: \"姓名\",\r\n width: 180,\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n filterType: \"text\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"string\"//字符条件\r\n },\r\n {\r\n title: \"年龄\",\r\n width: 180,\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n filterType: \"number\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"number\"//字符条件\r\n },\r\n {\r\n title: \"日期\",\r\n width: 190,\r\n dataIndex: \"date\",\r\n key: \"date\",\r\n filterType: \"date\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"string\"//字符条件\r\n },\r\n {\r\n title: \"时间范围\",\r\n width: 290,\r\n dataIndex: \"mark\",\r\n key: \"mark\",\r\n filterType: \"daterange\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"number\"//字符条件\r\n },\r\n {\r\n title: \"地址\",\r\n width: 100,\r\n dataIndex: \"address\",\r\n key: \"address\",\r\n filterType: \"dropdown\",//输入框类型\r\n filterDropdown: \"show\",//显示条件\r\n filterDropdownType: \"number\"//字符条件\r\n }\r\n ];\r\n return ()\r\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\r\n filterDelay={500}//输入文本多少ms触发回调函数,默认500ms\r\n filterable={true}//是否开启过滤数据功能\r\n getSelectedDataFunc={this.getSelectedDataFunc}\r\n bordered\r\n multiSelect={multiObj}\r\n columns={columns27}\r\n data={data27} />;\r\n }\r\n}\r\n\r\n", "desc": " 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等" }, { "example": _react2['default'].createElement(Demo28, null), "title": " 列排序,后端排序", "code": "/**\r\n*\r\n* @title 列排序,后端排序\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table, Icon } from 'tinper-bee';\r\n\nimport sort from \"tinper-bee/lib/sort.js\";;\r\nlet ComplexTable = sort(Table, Icon);\r\nconst columns11 = [\r\n {\r\n title: \"名字\",\r\n dataIndex: \"a\",\r\n key: \"a\",\r\n width: 100\r\n },\r\n {\r\n title: \"性别\",\r\n dataIndex: \"b\",\r\n key: \"b\",\r\n width: 100\r\n },\r\n {\r\n title: \"年龄\",\r\n dataIndex: \"c\",\r\n key: \"c\",\r\n width: 200,\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n {\r\n title: \"武功级别\",\r\n dataIndex: \"d\",\r\n key: \"d\"\r\n },\r\n {\r\n title: \"分数\",\r\n dataIndex: \"e\",\r\n key: \"e\",\r\n sorter: (a, b) => a.c - b.c\r\n },\r\n];\r\n\r\nconst data11 = [\r\n { a: \"杨过\", b: \"男\", c: 30,d:'内行', e:139,key: \"2\" },\r\n { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', e:109, key: \"1\" },\r\n { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', e:159, key: \"3\" }\r\n];\r\n\r\nconst defaultProps = {\r\n prefixCls: \"bee-table\"\r\n};\r\nclass Demo28 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sortOrder: \"\",\r\n data: data11\r\n };\r\n }\r\n /**\r\n * 后端获取数据\r\n */\r\n sortFun = (sortParam)=>{\r\n console.info(sortParam);\r\n //将参数传递给后端排序\r\n }\r\n render() {\r\n let sortObj = {\r\n mode:'multiple',\r\n backSource:true,\r\n sortFun:this.sortFun\r\n }\r\n return ;\r\n }\r\n}\r\nDemo28.defaultProps = defaultProps;\r\n\r\n\r\n", "desc": "" }, { "example": _react2['default'].createElement(Demo29, null), "title": " 从弹出框内显示过滤行并且设置可选下拉条件", "code": "/**\r\n*\r\n* @title 从弹出框内显示过滤行并且设置可选下拉条件\r\n* @description 通过Modal组件来展示表格的过滤相关能力,并且通过filterDropdownIncludeKeys设置可选条件\r\n*\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\r\nimport { Table, Button, Modal } from 'tinper-bee';\r\n\n\n\r\n\r\nconst columns29 = [\r\n {\r\n title: \"姓名\",\r\n width: 180,\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n filterType: \"text\",\r\n filterDropdown: \"show\",\r\n filterDropdownIncludeKeys: ['LIKE', 'EQ']\r\n },\r\n {\r\n title: \"年龄\",\r\n width: 170,\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n filterType: \"number\",\r\n filterDropdown: \"show\",\r\n filterDropdownType: \"number\",\r\n filterDropdownIncludeKeys: ['EQ'],\r\n filterInputNumberOptions: {\r\n max: 200,\r\n min: 0,\r\n step: 1,\r\n precision: 0\r\n }\r\n },\r\n {\r\n title: \"日期\",\r\n width: 200,\r\n dataIndex: \"date\",\r\n key: \"date\",\r\n filterType: \"date\",\r\n filterDropdown: \"show\",\r\n format: \"YYYY-MM-DD\"\r\n }\r\n];\r\n\r\nconst data29 = [\r\n {\r\n key: \"1\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-19\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"2\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"朝阳区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"3\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"4\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"东城区\",\r\n mark: \"无\"\r\n }, {\r\n key: \"5\",\r\n name: \"John Brown\",\r\n age: 32,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"6\",\r\n name: \"Jim Green\",\r\n age: 48,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"7\",\r\n name: \"Jim Green\",\r\n age: 40,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n },\r\n {\r\n key: \"8\",\r\n name: \"Jim Green\",\r\n age: 38,\r\n date: \"2018-09-18\",\r\n address: \"海淀区\",\r\n mark: \"无\"\r\n }\r\n];\r\n\r\nclass Demo29 extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n show: false\r\n }\r\n this.close = this.close.bind(this);\r\n this.open = this.open.bind(this);\r\n }\r\n handlerFilterChange = (key, val, condition) => {\r\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\r\n }\r\n\r\n handlerFilterClear = (key) => {\r\n console.log('清除条件', key);\r\n }\r\n close() {\r\n this.setState({\r\n show: false\r\n });\r\n }\r\n open() {\r\n this.setState({\r\n show: true\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n 过滤行\r\n \r\n \r\n ()\r\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\r\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\r\n filterable={true}//是否开启过滤数据功能\r\n bordered\r\n columns={columns29}\r\n data={data29} />\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\n", "desc": " 通过Modal组件来展示表格的过滤相关能力,并且通过filterDropdownIncludeKeys设置可选条件" }, { "example": _react2['default'].createElement(Demo30, null), "title": " 大数据加载", "code": "/**\r\n*\r\n* @title 大数据加载\r\n* 【Tooltip】\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\n\nimport { Table, Tooltip } from 'tinper-bee';\r\nimport BigData from \"tinper-bee/lib/bigData\";;\r\nconst BigDataTable = BigData(Table);\r\nconst columns = [\r\n {\r\n title:'序号',\r\n dataIndex:'index',\r\n width:'50',\r\n render:(text,record,index)=>{\r\n return index\r\n }\r\n },\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\r\n\r\n];\r\n\r\nconst data = [ ...new Array(10000) ].map((e, i) => {\r\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\r\n if(i%3==0){\r\n rs.b = '女';\r\n }\r\n return rs;\r\n })\r\n\r\n\r\nclass Demo30 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {\r\n console.log('currentIndex--'+index);\r\n }}\r\n />\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\n", "desc": "", "scss_code": ".big-data tr td {\r\n // height: 48px;\r\n}" }, { "example": _react2['default'].createElement(Demo31, null), "title": " 含有嵌套子表格的大数据场景", "code": "/**\r\n*\r\n* @title 含有嵌套子表格的大数据场景\r\n* @description 通过expandedRowRender参数来实现子表格\r\n*\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport { Table } from 'tinper-bee';\r\nimport BigData from \"tinper-bee/lib/bigData\";;\r\nconst BigDataTable = BigData(Table);\r\nconst outColumns = [\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\", \r\n width:200,\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert(\"这是第\" + index + \"列,内容为:\" + text);\r\n }}\r\n >\r\n 一些操作\r\n \r\n );\r\n }\r\n },\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n \r\n];\r\nconst innerColumns = [\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n width:200,\r\n render(text, record, index) {\r\n return (\r\n {\r\n alert(\"这是第\" + index + \"列,内容为:\" + text);\r\n }}\r\n >\r\n {'一些操作'+index}\r\n \r\n );\r\n }\r\n },\r\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\r\n \r\n];\r\n\r\nconst data16 = [ ...new Array(10000) ].map((e, i) => {\r\n return { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\r\n })\r\n\r\n\r\n\r\n\r\n\r\nclass Demo31 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n data_obj:{\r\n 0:[\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\r\n ],\r\n 1: [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\r\n ],\r\n }\r\n }\r\n }\r\n expandedRowRender = (record, index, indent) => {\r\n let height = 200;\r\n let innderData = [ ...new Array(100) ].map((e, i) => {\r\n return { a: index+\"-\"+ i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: index+\"-\"+ i };\r\n })\r\n return (\r\n \r\n );\r\n };\r\n getData=(expanded, record)=>{\r\n //当点击展开的时候才去请求数据\r\n let new_obj = Object.assign({},this.state.data_obj);\r\n if(expanded){\r\n if(record.key==='1'){\r\n new_obj[record.key] = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\r\n ]\r\n this.setState({\r\n data_obj:new_obj\r\n })\r\n }else{\r\n new_obj[record.key] = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\r\n ]\r\n this.setState({\r\n data_obj:new_obj\r\n })\r\n }\r\n }\r\n }\r\n haveExpandIcon=(record, index)=>{\r\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\r\n if(index == 0){\r\n return true;\r\n }\r\n return false;\r\n }\r\n render() {\r\n return (\r\n 标题: 这是一个标题
}\r\n footer={currentData => 表尾: 我是小尾巴
}\r\n />\r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 通过expandedRowRender参数来实现子表格" }, { "example": _react2['default'].createElement(Demo32, null), "title": " 大数据加载下的复杂Table", "code": "/**\r\n*\r\n* @title 大数据加载下的复杂Table\r\n*\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\n\n\n\n\nimport { Table, Popover, Icon, Checkbox, Tooltip } from 'tinper-bee';\r\nimport BigData from \"tinper-bee/lib/bigData\";;\r\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\r\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\r\n\r\nlet ComplexTable = filterColumn(multiSelect(BigData(Table), Checkbox), Popover, Icon);\r\n\r\nconst columns = [\r\n {\r\n title:'序号',\r\n dataIndex:'index',\r\n width:'50',\r\n render:(text,record,index)=>{\r\n return index\r\n }\r\n },\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\r\n];\r\n\r\nconst data = [ ...new Array(10000) ].map((e, i) => {\r\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\r\n if(i%3==0){\r\n rs.b = '女';\r\n }\r\n return rs;\r\n })\r\n\r\n\r\nclass Demo32 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n getSelectedDataFunc = data => {\r\n console.log(data);\r\n };\r\n\r\n render() {\r\n return (\r\n {\r\n this.setState({\r\n selectedRowIndex: index\r\n });\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}/>\r\n\r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": "" }, { "example": _react2['default'].createElement(Demo34, null), "title": " 树状结构的大数据场景", "code": "/**\r\n*\r\n* @title 树状结构的大数据场景\r\n* 【Tooltip】\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\n\nimport { Table, Tooltip } from 'tinper-bee';\r\nimport BigData from \"tinper-bee/lib/bigData\";;\r\nconst BigDataTable = BigData(Table);\r\nconst columns = [\r\n {\r\n title:'序号',\r\n dataIndex:'index',\r\n width:'150',\r\n render:(text,record,index)=>{\r\n return index\r\n }\r\n },\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\r\n];\r\n\r\nconst data = [ ...new Array(1000) ].map((e, i) => {\r\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\r\n if(i%3==0){\r\n rs.b = '女';\r\n rs.children = [];\r\n for(let subi=0;subi<3;subi++){\r\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\r\n }\r\n }else{\r\n rs.children = [];\r\n for(let subi=0;subi<3;subi++){\r\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\r\n }\r\n }\r\n return rs;\r\n })\r\n\r\n\r\nclass Demo30 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n onExpandedRowsChange = (params)=>{\r\n console.log(params);\r\n }\r\n onExpand = (expandKeys)=>{\r\n console.log('expand---'+expandKeys);\r\n }\r\n render() {\r\n return (\r\n {\r\n console.log('currentIndex--'+index);\r\n }}\r\n />\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": "" }, { "example": _react2['default'].createElement(Demo35, null), "title": " hover呼出菜单栏", "code": "/**\r\n*\r\n* @title hover呼出菜单栏\r\n* @description\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\n\n\nimport { Table, Tooltip, Button } from 'tinper-bee';\r\n\r\nconst columns = [\r\n {\r\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 80, className: \"rowClassName\",\r\n fixed:'left',\r\n render: (text, record, index) => {\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n }\r\n },\r\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 300 },\r\n {\r\n title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\r\n render(text, record, index) {\r\n return (\r\n \r\n );\r\n }\r\n }\r\n];\r\n\r\nconst data = [\r\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\r\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67, d: \"操作\", key: \"2\" },\r\n { a: \"郭靖\", b: \"男\", c: 25, d: \"操作\", key: \"3\" }\r\n];\r\n\r\nclass Demo35 extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n delFun=()=>{\r\n // console.log('click'+this.currentIndex);\r\n let {data} = this.state;\r\n data.splice(this.currentIndex,1);\r\n this.setState({\r\n data\r\n });\r\n }\r\n onRowHover=(index,record)=>{\r\n this.currentIndex = index;\r\n this.currentRecord = record;\r\n }\r\n getHoverContent=()=>{\r\n return
\r\n }\r\n render() {\r\n return (\r\n \r\n {\r\n this.setState({\r\n selectedRowIndex: index\r\n });\r\n }}\r\n />\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": "", "scss_code": ".opt-btns{\r\n button{\r\n background: #505F79 ;\r\n height: 26px;\r\n color:#FFFFFF;\r\n line-height: 26px;\r\n }\r\n }" }];
var Demo = function (_Component) {
_inherits(Demo, _Component);
@@ -2119,7 +2119,10 @@
}
return (0, _createChainableTypeChecker2.default)(allPropTypes);
- }
+ } /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
/***/ }),
/* 29 */
@@ -2140,6 +2143,10 @@
// Mostly taken from ReactPropTypes.
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
function createChainableTypeChecker(validate) {
function checkType(isRequired, props, propName, componentName, location, propFullName) {
var componentNameSafe = componentName || '<>';
@@ -2174,7 +2181,11 @@
exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
var _react = __webpack_require__(4);
@@ -2218,8 +2229,10 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var warned = {};
-
+ var warned = {}; /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
function deprecated(validator, reason) {
return function validate(props, propName, componentName, location, propFullName) {
var componentNameSafe = componentName || '<>';
@@ -2514,7 +2527,11 @@
exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
var _react = __webpack_require__(4);
@@ -2551,6 +2568,10 @@
exports.__esModule = true;
exports.default = isRequiredForA11y;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
function isRequiredForA11y(validator) {
return function validate(props, propName, componentName, location, propFullName) {
var componentNameSafe = componentName || '<>';
@@ -2576,6 +2597,10 @@
exports.__esModule = true;
exports.default = splitComponentProps;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
function _objectEntries(obj) {
var entries = [];
var keys = Object.keys(obj);
@@ -2618,6 +2643,10 @@
'use strict';
exports.__esModule = true;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
function createChainedFunction() {
for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
funcs[_key] = arguments[_key];
@@ -2650,6 +2679,10 @@
/* 38 */
/***/ (function(module, exports) {
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
'use strict';
/**
@@ -3179,6 +3212,10 @@
exports.__esModule = true;
exports.default = contains;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
function contains(root, n) {
var node = n;
while (node) {
@@ -3210,6 +3247,10 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
function addEventListenerWrap(target, eventType, cb) {
/* eslint camelcase: 2 */
var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
@@ -3729,7 +3770,11 @@
exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
var _Event = __webpack_require__(46);
@@ -3920,6 +3965,10 @@
'use strict';
exports.__esModule = true;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
var EVENT_NAME_MAP = {
transitionend: {
transition: 'transitionend',
@@ -4233,7 +4282,10 @@
ret.push(c);
});
return ret;
- }
+ } /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
/***/ }),
/* 50 */
@@ -4269,7 +4321,11 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
//import isWindow from './isWindow';
@@ -7796,38 +7852,38 @@
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = {
- /**
- * @title 尺寸
+ /**
+ * @title 尺寸
*/
- size: _propTypes2["default"].oneOf(['sm', 'xg', 'lg']),
- /**
- * @title 样式
+ size: _propTypes2["default"].oneOf(['sm', 'md', 'xg', 'lg']),
+ /**
+ * @title 样式
*/
style: _propTypes2["default"].object,
- /**
- * @title 形状
+ /**
+ * @title 形状
*/
shape: _propTypes2["default"].oneOf(['block', 'round', 'border', 'squared', 'floating', 'pillRight', 'pillLeft', 'icon']),
bordered: _propTypes2["default"].bool,
- /**
- * @title 类型
+ /**
+ * @title 类型
*/
- colors: _propTypes2["default"].oneOf(['primary', 'accent', 'success', 'info', 'warning', 'danger', 'default']),
- /**
- * @title 是否禁用
- * @veIgnore
+ colors: _propTypes2["default"].oneOf(['primary', 'secondary', 'accent', 'success', 'info', 'warning', 'danger', 'dark', 'light', 'default']),
+ /**
+ * @title 是否禁用
+ * @veIgnore
*/
disabled: _propTypes2["default"].bool,
- /**
- * @title 类名
- * @veIgnore
+ /**
+ * @title 类名
+ * @veIgnore
*/
className: _propTypes2["default"].string,
- /**
- * @title