diff --git a/build/Table.css b/build/Table.css
index aae990e..020e581 100644
--- a/build/Table.css
+++ b/build/Table.css
@@ -178,13 +178,25 @@
.u-table th ::last-child {
overflow: hidden; }
.u-table td {
- border-bottom: 1px solid #e9e9e9; }
+ border-bottom: 1px solid rgb(233,233,233); }
+ .u-table td a {
+ color: rgb(30,136,229); }
+ .u-table td a:hover {
+ color: rgb(66,165,245); }
+ .u-table td a:active {
+ color: rgb(21,101,192); }
.u-table tr:hover {
- background: #E7F2FC; }
+ background: rgb(227,242,253); }
.u-table tr:hover td .uf-eye {
visibility: visible !important; }
+ .u-table tr tr a {
+ color: rgb(30,136,229); }
+ .u-table tr tr a:hover {
+ color: rgb(66,165,245); }
+ .u-table tr tr a:active {
+ color: rgb(21,101,192); }
.u-table tr.tr-row-hover {
- background: #E7F2FC; }
+ background: rgb(227,242,253); }
.u-table th,
.u-table td {
padding: 12px 8px;
@@ -197,23 +209,24 @@
.u-table tr.filterable th .filterContext {
height: 35px; }
.u-table-row-hover {
- background: #e3f2fd; }
+ background: rgb(227,242,253); }
.u-table-scroll {
overflow: auto; }
.u-table-bordered table {
- border: 1px solid #e9e9e9;
+ border: 1px solid rgb(233,233,233);
box-sizing: border-box;
table-layout: fixed; }
.u-table-bordered th {
- border-bottom: 1px solid #e9e9e9;
+ border-bottom: 1px solid rgb(233,233,233);
box-sizing: border-box; }
.u-table-bordered th,
.u-table-bordered td {
- border-right: 1px solid #e9e9e9;
+ border-right: 1px solid rgb(233,233,233);
box-sizing: border-box; }
.u-table-header {
overflow: hidden;
- background: #f7f7f7; }
+ background: rgb(247,247,247);
+ color: rgb(102, 102, 102); }
.u-table.fixed-height td {
padding: 0px 8px; }
.u-table-fixed-header .u-table-body {
@@ -235,12 +248,12 @@
box-sizing: border-box; }
.u-table-title {
padding: 12px 8px;
- border-top: 1px solid #e9e9e9; }
+ border-top: 1px solid rgb(233,233,233); }
.u-table-content {
position: relative; }
.u-table-footer {
padding: 12px 8px;
- border-bottom: 1px solid #e9e9e9; }
+ border-bottom: 1px solid rgb(233,233,233); }
.u-table-footer .u-table-scroll {
overflow-x: hidden; }
.u-table-footer .u-table {
@@ -248,7 +261,7 @@
.u-table-placeholder {
padding: 12px 8px;
background: #fff;
- border-bottom: 1px solid #e9e9e9;
+ border-bottom: 1px solid rgb(233,233,233);
text-align: center;
position: relative; }
.u-table-expand-icon-col {
@@ -261,7 +274,7 @@
height: 16px;
text-align: center;
line-height: 16px;
- border: 1px solid #e9e9e9;
+ border: 1px solid rgb(233,233,233);
user-select: none;
background: #fff;
margin-right: 10px; }
@@ -273,6 +286,8 @@
content: "-"; }
.u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {
content: "+"; }
+ .u-table-row.selected {
+ background: rgb(227,242,253); }
.u-table tr.u-table-expanded-row {
background: #f7f7f7; }
.u-table tr.u-table-expanded-row:hover {
@@ -335,7 +350,8 @@
.u-table-thead .filter-wrap .filter-btns {
min-width: 58px; }
.u-table-thead th {
- background: #f7f7f7;
+ background: rgb(247,247,247);
+ color: rgb(102, 102, 102);
background-clip: padding-box;
-moz-user-select: -moz-none;
-khtml-user-select: none;
@@ -387,7 +403,7 @@
.u-table-thead .th-drag {
cursor: move; }
.u-table-thead .th-drag:hover {
- background: #e3f2fd; }
+ background: rgb(227,242,253); }
.u-table-thead .th-drag-hover {
background: #ccc; }
.u-table-thead-th {
@@ -466,7 +482,7 @@
.u-table.bordered th,
.u-table.bordered td {
- border: 1px solid #e9e9e9; }
+ border: 1px solid rgb(233,233,233); }
.move-enter,
.move-appear {
diff --git a/build/lib/dragColumn.js b/build/lib/dragColumn.js
index c4d1c4d..74ae9b6 100644
--- a/build/lib/dragColumn.js
+++ b/build/lib/dragColumn.js
@@ -1,7 +1,7 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
- value: true
+ 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; };
@@ -36,137 +36,137 @@ var cloneDeep = require('lodash.clonedeep');
function dragColumn(Table) {
- return function (_Component) {
- _inherits(DragColumn, _Component);
+ return function (_Component) {
+ _inherits(DragColumn, _Component);
- function DragColumn(props) {
- _classCallCheck(this, DragColumn);
+ function DragColumn(props) {
+ _classCallCheck(this, DragColumn);
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+ 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.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;
+ _this.onDrop = function (event, data) {
+ var dragSource = data.dragSource,
+ dragTarg = data.dragTarg;
+ var columns = _this.state.columns;
- var sourceIndex = -1,
- targetIndex = -1;
+ 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;
+ 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;
}
- columns.splice(targetIndex, 0, columns.splice(sourceIndex, 1)[0]);
- _this.setState({
- columns: cloneDeep(columns)
+
+ 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;
});
- if (_this.props.onDrop) {
- _this.props.onDrop(event, data, columns);
- }
- };
- _this.getTarget = function (evt) {
- return evt.target || evt.srcElement;
- };
+ 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']);
- _this.state = {
- columns: _this.setColumOrderByIndex(props.columns)
- };
- return _this;
- }
+ 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
+ }));
+ };
- 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);
+ return DragColumn;
+ }(_react.Component);
}
module.exports = exports['default'];
\ No newline at end of file
diff --git a/build/lib/util.js b/build/lib/util.js
index 9ea2e19..237dba1 100644
--- a/build/lib/util.js
+++ b/build/lib/util.js
@@ -1,7 +1,7 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
- value: true
+ 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; };
@@ -20,29 +20,29 @@ exports.ObjectAssign = ObjectAssign;
*/
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 '参数类型错误';
+ 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;
}
- props.sort();
- for (i = 0; i < len; i++) {
- ret[i] = props[i]._obj;
+ } else if (typeof prop == 'function') {
+ for (; i < len; i++) {
+ var _oI = arr[i];
+ (props[i] = new String(_oI && prop(_oI) || ''))._obj = _oI;
}
- if (desc) ret.reverse();
- return ret;
+ } else {
+ throw '参数类型错误';
+ }
+ props.sort();
+ for (i = 0; i < len; i++) {
+ ret[i] = props[i]._obj;
+ }
+ if (desc) ret.reverse();
+ return ret;
};
/**
@@ -51,11 +51,11 @@ function sortBy(arr, prop, desc) {
* @param {} property
*/
function compare(property) {
- return function (a, b) {
- var value1 = a[property];
- var value2 = b[property];
- return value1 - value2;
- };
+ return function (a, b) {
+ var value1 = a[property];
+ var value2 = b[property];
+ return value1 - value2;
+ };
}
/**
@@ -63,17 +63,17 @@ function compare(property) {
* @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;
+ 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/demo/index.js b/demo/index.js
index b7d9cfa..68dd2ba 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -11,7 +11,7 @@ const CARET = ;
const CARETUP = ;
-var Demo1 = require("./demolist/Demo1");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 Demo2 = require("./demolist/Demo2");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 Demo3 = require("./demolist/Demo3");var Demo30 = require("./demolist/Demo30");var Demo31 = require("./demolist/Demo31");var Demo32 = require("./demolist/Demo32");var Demo33 = require("./demolist/Demo33");var Demo34 = require("./demolist/Demo34");var Demo35 = require("./demolist/Demo35");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 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: 80, 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: '10%' },\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 无数据时显示效果展示(可自定义)\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 这是带有增删改功能的表格(此编辑功能未使用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\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 },\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 sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n fixed:'right',\n width: 200,\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: \"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 * @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* 【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 fixed:'left'\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 title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n fixed:'right',\n render(text, record, index) {\n return (\n \n );\n }\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 一些操作\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\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 = 42 * (this.state.data_obj[0].length+ 2);\n const data = record.key%2?this.state.data_obj[0]:this.state.data_obj[0]\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 fixed:'left'\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 title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n fixed:'right',\n render(text, record, index) {\n return (\n \n );\n }\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 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":" 快捷键在table中的简单使用应用。","code":"/**\n*\n* @title 快捷键在table中的简单使用应用。\n* @description tab 键可以默认选中第一行、up 选中上一条、down 选中下一条 更多api 见文档说明。\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Checkbox, Tooltip, Button } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"\",\n dataIndex: \"d\",\n fixed: \"left\",\n key: \"d\",\n width:80,\n render(text, record, index) {\n return (\n \n \n
\n );\n }\n },\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,d:'操作', key: \"1\" },\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67,d:'操作', key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'操作', key: \"3\" }\n];\n\nclass Demo33 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 2\n }\n }\n\n onKeyTab=()=>{\n let {selectedRowIndex} = this.state;\n // let count = selectedRowIndex;//(selectedRowIndex+1);\n // count == (data.length-1)?count = -1:count;\n // this.setState({\n // selectedRowIndex: (count+1)\n // })\n console.log(\" ---onKeyTab---- \",selectedRowIndex);\n this.setState({\n selectedRowIndex: 0\n })\n }\n\n onKeyUp=()=>{\n let {selectedRowIndex} = this.state;\n let count = selectedRowIndex;\n let len = (data.length-1);\n count = count == 0?count = len:(count-1);\n this.setState({\n selectedRowIndex: count\n })\n }\n\n onKeyDown=()=>{\n let {selectedRowIndex} = this.state;\n let count = selectedRowIndex;\n count == (data.length-1)?count = -1:(count+1);\n this.setState({\n selectedRowIndex: (count+1)\n })\n }\n \n onTableKeyDown = ()=>{\n let {selectedRowIndex} = this.state;\n console.log(\" ----onTabkeKeyDown--- \",selectedRowIndex);\n }\n \n render() {\n return (\n \n
\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 onKeyTab={this.onKeyTab}\n onKeyUp={this.onKeyUp}\n onKeyDown={this.onKeyDown}\n onTableKeyDown={this.onTableKeyDown} \n scroll={{ x: \"110%\", y: 140 }}\n focusable = {true}\n />\n \n \n );\n }\n}\n\n\n","desc":" tab 键可以默认选中第一行、up 选中上一条、down 选中下一条 更多api 见文档说明。"},{"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 title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n fixed:'right',\n render(text, record, index) {\n return (\n \n );\n }\n }\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 }"},{"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":" 搜索刷新表格数据"}]
+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 Demo33 = require("./demolist/Demo33");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\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 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: '10%' },\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\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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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":,"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 },\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 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 fixed:'right',\r\n width: 200,\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: \"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, 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":,"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":,"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":,"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":,"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":,"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":,"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 fixed:'left'\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 title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\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\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 '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 一些操作\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\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 = 42 * (this.state.data_obj[0].length+ 2);\r\n const data = record.key%2?this.state.data_obj[0]:this.state.data_obj[0]\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\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 fixed:'left'\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 title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\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\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":" 快捷键在table中的简单使用应用。","code":"/**\r\n*\r\n* @title 快捷键在table中的简单使用应用。\r\n* @description tab 键可以默认选中第一行、up 选中上一条、down 选中下一条 更多api 见文档说明。\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\n\n\nimport { Table, Checkbox, Tooltip, Button } from 'tinper-bee';\r\n\n\r\nconst columns = [\r\n {\r\n title: \"\",\r\n dataIndex: \"d\",\r\n fixed: \"left\",\r\n key: \"d\",\r\n width:80,\r\n render(text, record, index) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n },\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,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 Demo33 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 2\r\n }\r\n }\r\n\r\n onKeyTab=()=>{\r\n let {selectedRowIndex} = this.state;\r\n // let count = selectedRowIndex;//(selectedRowIndex+1);\r\n // count == (data.length-1)?count = -1:count;\r\n // this.setState({\r\n // selectedRowIndex: (count+1)\r\n // })\r\n console.log(\" ---onKeyTab---- \",selectedRowIndex);\r\n this.setState({\r\n selectedRowIndex: 0\r\n })\r\n }\r\n\r\n onKeyUp=()=>{\r\n let {selectedRowIndex} = this.state;\r\n let count = selectedRowIndex;\r\n let len = (data.length-1);\r\n count = count == 0?count = len:(count-1);\r\n this.setState({\r\n selectedRowIndex: count\r\n })\r\n }\r\n\r\n onKeyDown=()=>{\r\n let {selectedRowIndex} = this.state;\r\n let count = selectedRowIndex;\r\n count == (data.length-1)?count = -1:(count+1);\r\n this.setState({\r\n selectedRowIndex: (count+1)\r\n })\r\n }\r\n \r\n onTableKeyDown = ()=>{\r\n let {selectedRowIndex} = this.state;\r\n console.log(\" ----onTabkeKeyDown--- \",selectedRowIndex);\r\n }\r\n \r\n render() {\r\n return (\r\n \r\n
\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 onKeyTab={this.onKeyTab}\r\n onKeyUp={this.onKeyUp}\r\n onKeyDown={this.onKeyDown}\r\n onTableKeyDown={this.onTableKeyDown} \r\n scroll={{ x: \"110%\", y: 140 }}\r\n focusable = {true}\r\n />\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" tab 键可以默认选中第一行、up 选中上一条、down 选中下一条 更多api 见文档说明。"},{"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\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 title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\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\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\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 }"}]
class Demo extends Component {
diff --git a/dist/demo.css b/dist/demo.css
index 0a28440..40e1910 100644
--- a/dist/demo.css
+++ b/dist/demo.css
@@ -2422,9 +2422,6 @@ i.uf {
/*
* 选择时删除文本阴影,及设置默认选中颜色
*/
-::-moz-selection {
- background: rgb(187,222,251);
- text-shadow: none; }
::selection {
background: rgb(187,222,251);
text-shadow: none; }
@@ -3509,6 +3506,36 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.uf-filterno:before {
content: "\e9d1"; }
+.uf-clean:before {
+ content: "\e9d2"; }
+
+.uf-save:before {
+ content: "\e9d3"; }
+
+.uf-export:before {
+ content: "\e9d4"; }
+
+.uf-import:before {
+ content: "\e9d5"; }
+
+.uf-stop-c:before {
+ content: "\e9d6"; }
+
+.uf-rubber:before {
+ content: "\e9d7"; }
+
+.uf-bediting:before {
+ content: "\e9d8"; }
+
+.uf-maxmize:before {
+ content: "\e9d9"; }
+
+.uf-minimize:before {
+ content: "\e9da"; }
+
+.uf-globe:before {
+ content: "\e9db"; }
+
/* FormGroup */
/* Navlayout */
.vertical-align {
@@ -5288,7 +5315,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-panel .u-panel-body {
padding: 15px 15px;
position: relative; }
- .u-panel .u-panel-body .uf {
+ .u-panel .u-panel-body .u-panel-copy {
position: absolute;
right: 25px;
top: 30px;
@@ -5298,7 +5325,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
margin: 8px;
border-radius: 4px;
cursor: pointer; }
- .u-panel .u-panel-body .uf:hover {
+ .u-panel .u-panel-body .u-panel-copy:hover {
color: #a8a7a7; }
.u-panel-default {
@@ -5953,12 +5980,12 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
/* Navlayout */
.u-button {
background: rgb(224,224,224);
- border: none;
+ border: 1px solid rgb(224,224,224);
border-radius: 4px;
color: rgb(0,0,0);
position: relative;
min-width: 72px;
- padding: 5px 13px;
+ padding: 4px 13px;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 14px;
@@ -5976,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); }
.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);
@@ -6002,7 +6032,7 @@ input.u-button[type="submit"] {
width: 38px;
padding: 0;
line-height: normal;
- border: 1px solid rgb(224,224,224); }
+ border: 1px solid rgb(189,189,189); }
.u-button-floating.colored {
background: rgb(67,160,71);
color: rgb(255,255,255);
@@ -6028,63 +6058,114 @@ input.u-button[type="submit"] {
background-color: #e6e6e6;
border-color: #adadad; }
-.u-button-primary {
+.u-button-border {
+ color: rgb(0,0,0);
+ border: 1px solid rgb(189,189,189);
+ background: rgb(255,255,255); }
+ .u-button-border:hover {
+ color: rgb(0,0,0);
+ background-color: rgb(238,238,238);
+ border-color: rgb(189,189,189); }
+ .u-button-border:active {
+ color: rgb(0,0,0);
+ background-color: rgb(189,189,189);
+ border-color: rgb(189,189,189); }
+ .u-button-border:focus:not(:active) {
+ color: rgb(0,0,0);
+ background-color: rgb(238,238,238);
+ border-color: rgb(189,189,189); }
+
+.u-button.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 {
+ .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); }
- .u-button-primary.active, .u-button-primary:active {
+ .u-button.u-button-primary.active, .u-button.u-button-primary:active {
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
-.u-button-danger {
+.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);
@@ -6097,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);
@@ -6109,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);
@@ -6121,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);
@@ -6133,6 +6217,7 @@ input.u-button[type="submit"] {
.u-button-border.u-button-primary {
color: rgb(30,136,229);
+ background-color: #fff;
border: 1px rgb(30,136,229) 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);
@@ -6143,18 +6228,44 @@ input.u-button[type="submit"] {
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
-.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%;
@@ -6165,16 +6276,20 @@ input.u-button[type="submit"] {
width: 32px;
padding: 0;
line-height: normal;
- border: 1px solid rgb(224,224,224); }
+ border: 1px solid rgb(189,189,189); }
.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; }
@@ -6236,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(189,189,189);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.u-popconfirm-dark {
@@ -6260,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(189,189,189); }
.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(189,189,189); }
.u-popconfirm.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
- border-top-color: rgb(224,224,224);
+ border-top-color: rgb(189,189,189);
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(189,189,189);
top: -11px; }
.u-popconfirm > .arrow {
@@ -6430,12 +6545,12 @@ input.u-button[type="submit"] {
/* Navlayout */
.u-button {
background: rgb(224,224,224);
- border: none;
+ border: 1px solid rgb(224,224,224);
border-radius: 4px;
color: rgb(0,0,0);
position: relative;
min-width: 72px;
- padding: 5px 13px;
+ padding: 4px 13px;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 14px;
@@ -6453,13 +6568,16 @@ input.u-button[type="submit"] {
.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); }
.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);
@@ -6505,63 +6623,114 @@ input.u-button[type="submit"] {
background-color: #e6e6e6;
border-color: #adadad; }
-.u-button-primary {
+.u-button-border {
+ color: rgb(30,136,229);
+ border: 1px solid rgb(224,224,224);
+ background: rgb(255,255,255); }
+ .u-button-border:hover {
+ color: rgb(30,136,229);
+ background-color: rgb(238,238,238);
+ border-color: rgb(224,224,224); }
+ .u-button-border:active {
+ color: rgb(30,136,229);
+ background-color: rgb(189,189,189);
+ border-color: rgb(224,224,224); }
+ .u-button-border:focus:not(:active) {
+ color: rgb(30,136,229);
+ background-color: rgb(238,238,238);
+ border-color: rgb(224,224,224); }
+
+.u-button.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 {
+ .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); }
- .u-button-primary.active, .u-button-primary:active {
+ .u-button.u-button-primary.active, .u-button.u-button-primary:active {
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
-.u-button-danger {
+.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);
@@ -6574,6 +6743,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);
@@ -6586,6 +6756,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);
@@ -6598,6 +6769,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);
@@ -6610,6 +6782,7 @@ input.u-button[type="submit"] {
.u-button-border.u-button-primary {
color: rgb(30,136,229);
+ background-color: #fff;
border: 1px rgb(30,136,229) 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);
@@ -6620,18 +6793,44 @@ input.u-button[type="submit"] {
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
-.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%;
@@ -6649,7 +6848,7 @@ input.u-button[type="submit"] {
font-size: 14px; }
.u-button-xg {
- padding: 10px 18px;
+ padding: 10.5px 18px;
font-size: 16px; }
.u-button-sm {
@@ -6674,7 +6873,8 @@ input.u-button[type="submit"] {
border-radius: 0 500px 500px 0; }
.u-pagination {
- font-size: 14px; }
+ font-size: 14px;
+ position: relative; }
.u-pagination-list {
float: left;
margin: 5px; }
@@ -6682,17 +6882,22 @@ input.u-button[type="submit"] {
clear: both;
display: table;
content: ''; }
+ .u-pagination-list > li.iconBtn > a {
+ padding: 5px 9px;
+ line-height: 1.57142857; }
.u-pagination-list > li > a, .u-pagination-list > li > span {
display: inline-block;
text-decoration: none;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
- background-color: white;
+ background-color: transparent;
text-align: center;
color: #666666;
- padding: 6px 11px;
+ padding: 5px 12px;
line-height: 1.57142857; }
+ .u-pagination-list.u-pagination-no-border > li > a, .u-pagination-list > li > span {
+ border-radius: 4px; }
.u-pagination-list > li:first-child > a, .u-pagination-list > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
@@ -6709,21 +6914,21 @@ input.u-button[type="submit"] {
list-style-type: none; }
.u-pagination-list > li > a:hover, .u-pagination-list > li > span:hover, .u-pagination-list > li > a:focus, .u-pagination-list > li > span:focus {
color: #666;
- background-color: #eee;
+ background-color: rgba(122, 134, 154, 0.35);
border-color: #d7d7d7;
cursor: pointer; }
.u-pagination-list > li > a > i {
- color: #999999; }
+ color: #7a869a; }
.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 {
z-index: 2;
color: #fff;
cursor: default;
- background-color: rgb(30,136,229);
- border-color: rgb(30,136,229); }
+ background-color: #7A869A;
+ border-color: #7A869A; }
.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 {
color: #777;
cursor: not-allowed;
- background-color: #fff;
+ background-color: transparent;
border-color: #ddd; }
.u-pagination-list > .disabled > a > i {
color: #cccccc; }
@@ -6743,7 +6948,7 @@ input.u-button[type="submit"] {
box-sizing: content-box; }
.u-pagination-list i.uf, .u-pagination-list i.fa {
padding: 0px;
- font-size: 12px; }
+ font-size: 14px; }
.u-pagination-list > li:last-child > a, .u-pagination-list > li:last-child > span {
border-right: 1px solid #d7d7d7; }
.u-pagination .temp-main {
@@ -6769,9 +6974,15 @@ input.u-button[type="submit"] {
margin: 5px;
float: left;
min-width: 120px; }
+ .u-pagination .data_per_select > span {
+ display: inline-block;
+ line-height: 36px;
+ float: left; }
.u-pagination .data_per_select .u-select {
width: 50px;
- margin: 0 6px; }
+ margin: 0 6px;
+ height: 36px;
+ float: left; }
.u-pagination .data_per_select .u-select .u-select-selection {
height: 36px; }
.u-pagination .data_per_select .u-select .u-select-selection .u-select-selection-rendered {
@@ -6791,20 +7002,26 @@ input.u-button[type="submit"] {
.u-pagination .page_jump {
float: left;
margin: 5px; }
+ .u-pagination .page_jump > span {
+ display: inline-block;
+ line-height: 36px;
+ float: left; }
.u-pagination .page_jump_value {
outline: none;
-webkit-appearance: none;
background: #fff;
border-radius: 4px;
- line-height: 32px;
width: 50px;
- margin: 0 6px;
text-align: center;
border: 1px solid #d7d7d7; }
- .u-pagination .page_jump_btn {
- margin-top: -3px;
- margin-left: 10px;
- border-color: #d7d7d7; }
+ .u-pagination .page_jump_btn,
+ .u-pagination .page_jump_value {
+ margin: 0 6px;
+ padding: 0;
+ height: 36px;
+ line-height: 34px;
+ box-sizing: border-box;
+ float: left; }
.u-pagination-total {
float: left;
height: 36px;
@@ -6812,6 +7029,15 @@ input.u-button[type="submit"] {
margin: 5px; }
.u-pagination-total span {
padding: 0 5px; }
+ .u-pagination.u-pagination-disabled .u-pagination-disabled-mask {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 46px;
+ background: rgba(255, 255, 255, 0.6);
+ z-index: 2;
+ cursor: not-allowed; }
.pagination-state {
float: left;
@@ -6886,10 +7112,18 @@ input.u-button[type="submit"] {
font-size: 14px;
line-height: 1.5; }
-.u-pagination-no-border > li > a, .u-pagination-no-border > li[role="next"] > a {
+.u-pagination-lg > li.iconBtn > a {
+ padding: 7px 11.5px; }
+ .u-pagination-lg > li.iconBtn > a > i {
+ font-size: 16px; }
+
+.u-pagination-sm > li.iconBtn > a {
+ padding: 4.5px 6px; }
+
+.u-pagination-no-border:not(.u-pagination-gap) > li > a, .u-pagination-no-border:not(.u-pagination-gap) > li[role="next"] > a {
border: none; }
-.u-pagination-no-border > li:last-child > a, .u-pagination-no-border > li:last-child > span {
+.u-pagination-no-border:not(.u-pagination-gap) > li:last-child > a, .u-pagination-no-border:not(.u-pagination-gap) > li:last-child > span {
border: none; }
.u-pagination-gap > li:first-child > a,
@@ -6902,7 +7136,7 @@ input.u-button[type="submit"] {
border: 1px solid #d7d7d7; }
.u-pagination-gap > li > a:hover {
background-color: transparent;
- border-color: rgb(30,136,229); }
+ border-color: #7A869A; }
.u-pagination-gap > li:first-child > a, .u-pagination-gap > li:last-child > a {
border-radius: 5px; }
@@ -6918,15 +7152,29 @@ input.u-button[type="submit"] {
margin: 0 5px;
height: 18px;
line-height: 18px;
- font-size: 14px; }
+ font-size: 14px;
+ white-space: nowrap;
+ cursor: pointer;
+ outline: none;
+ position: relative;
+ line-height: 1;
+ vertical-align: middle; }
.u-checkbox.disabled .u-checkbox-label {
cursor: not-allowed;
opacity: 0.5; }
.u-checkbox input[type='checkbox'] {
- display: none;
- cursor: pointer; }
+ position: absolute;
+ z-index: 3;
+ cursor: pointer;
+ opacity: 0;
+ box-sizing: border-box;
+ padding: 0;
+ width: 100%;
+ height: 100%; }
.u-checkbox input[disabled] {
cursor: not-allowed; }
+ .u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
+ border-color: rgb(30,136,229); }
.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); }
@@ -6971,29 +7219,44 @@ 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(30,136,229);
+ border-color: rgb(30,136,229); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(76,175,80);
border-color: rgb(76,175,80); }
+.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
+ border-color: rgb(76,175,80); }
+
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(255,152,0);
border-color: rgb(255,152,0); }
+.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
+ border-color: rgb(255,152,0); }
+
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(244,67,54);
border-color: rgb(244,67,54); }
+.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
+ border-color: rgb(244,67,54); }
+
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(97,97,97);
border-color: rgb(97,97,97); }
+.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
+ border-color: rgb(97,97,97); }
+
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(0,188,212);
border-color: rgb(0,188,212); }
+.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
+ border-color: rgb(0,188,212); }
+
/* FormGroup */
/* Navlayout */
/* keyframes 定义 */
@@ -7531,7 +7794,8 @@ ul {
zoom: 1;
position: absolute;
right: 4px;
- padding: 0 0 0 8px; }
+ padding: 0 0 0 8px;
+ top: -3px; }
.u-select-selection--multiple .u-select-selection-choice-remove:before {
display: block;
font-family: "uf"; }
@@ -7631,7 +7895,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: #e7f4fd; }
+ background-color: rgb(227,242,253); }
.u-select-dropdown .u-select-dropdown-menu-item-disabled {
color: #ccc;
cursor: not-allowed; }
@@ -7641,9 +7905,9 @@ ul {
cursor: not-allowed; }
.u-select-dropdown .u-select-dropdown-menu-item-selected,
.u-select-dropdown .u-select-dropdown-menu-item-selected:hover {
- background-color: #f7f7f7;
+ background-color: rgb(247,247,247);
font-weight: bold;
- color: #666; }
+ color: #867777; }
.u-select-dropdown .u-select-dropdown-menu-item-divider {
height: 1px;
margin: 1px 0;
@@ -8439,13 +8703,25 @@ ul {
.u-table th ::last-child {
overflow: hidden; }
.u-table td {
- border-bottom: 1px solid #e9e9e9; }
+ border-bottom: 1px solid rgb(233,233,233); }
+ .u-table td a {
+ color: rgb(30,136,229); }
+ .u-table td a:hover {
+ color: rgb(66,165,245); }
+ .u-table td a:active {
+ color: rgb(21,101,192); }
.u-table tr:hover {
- background: #E7F2FC; }
+ background: rgb(227,242,253); }
.u-table tr:hover td .uf-eye {
visibility: visible !important; }
+ .u-table tr tr a {
+ color: rgb(30,136,229); }
+ .u-table tr tr a:hover {
+ color: rgb(66,165,245); }
+ .u-table tr tr a:active {
+ color: rgb(21,101,192); }
.u-table tr.tr-row-hover {
- background: #E7F2FC; }
+ background: rgb(227,242,253); }
.u-table th,
.u-table td {
padding: 12px 8px;
@@ -8458,23 +8734,24 @@ ul {
.u-table tr.filterable th .filterContext {
height: 35px; }
.u-table-row-hover {
- background: #e3f2fd; }
+ background: rgb(227,242,253); }
.u-table-scroll {
overflow: auto; }
.u-table-bordered table {
- border: 1px solid #e9e9e9;
+ border: 1px solid rgb(233,233,233);
box-sizing: border-box;
table-layout: fixed; }
.u-table-bordered th {
- border-bottom: 1px solid #e9e9e9;
+ border-bottom: 1px solid rgb(233,233,233);
box-sizing: border-box; }
.u-table-bordered th,
.u-table-bordered td {
- border-right: 1px solid #e9e9e9;
+ border-right: 1px solid rgb(233,233,233);
box-sizing: border-box; }
.u-table-header {
overflow: hidden;
- background: #f7f7f7; }
+ background: rgb(247,247,247);
+ color: rgb(102, 102, 102); }
.u-table.fixed-height td {
padding: 0px 8px; }
.u-table-fixed-header .u-table-body {
@@ -8496,12 +8773,12 @@ ul {
box-sizing: border-box; }
.u-table-title {
padding: 12px 8px;
- border-top: 1px solid #e9e9e9; }
+ border-top: 1px solid rgb(233,233,233); }
.u-table-content {
position: relative; }
.u-table-footer {
padding: 12px 8px;
- border-bottom: 1px solid #e9e9e9; }
+ border-bottom: 1px solid rgb(233,233,233); }
.u-table-footer .u-table-scroll {
overflow-x: hidden; }
.u-table-footer .u-table {
@@ -8509,7 +8786,7 @@ ul {
.u-table-placeholder {
padding: 12px 8px;
background: #fff;
- border-bottom: 1px solid #e9e9e9;
+ border-bottom: 1px solid rgb(233,233,233);
text-align: center;
position: relative; }
.u-table-expand-icon-col {
@@ -8522,7 +8799,7 @@ ul {
height: 16px;
text-align: center;
line-height: 16px;
- border: 1px solid #e9e9e9;
+ border: 1px solid rgb(233,233,233);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@@ -8537,6 +8814,8 @@ ul {
content: "-"; }
.u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {
content: "+"; }
+ .u-table-row.selected {
+ background: rgb(227,242,253); }
.u-table tr.u-table-expanded-row {
background: #f7f7f7; }
.u-table tr.u-table-expanded-row:hover {
@@ -8602,7 +8881,8 @@ ul {
.u-table-thead .filter-wrap .filter-btns {
min-width: 58px; }
.u-table-thead th {
- background: #f7f7f7;
+ background: rgb(247,247,247);
+ color: rgb(102, 102, 102);
background-clip: padding-box;
-moz-user-select: -moz-none;
-webkit-user-select: none;
@@ -8650,7 +8930,7 @@ ul {
.u-table-thead .th-drag {
cursor: move; }
.u-table-thead .th-drag:hover {
- background: #e3f2fd; }
+ background: rgb(227,242,253); }
.u-table-thead .th-drag-hover {
background: #ccc; }
.u-table-thead-th {
@@ -8729,7 +9009,7 @@ ul {
.u-table.bordered th,
.u-table.bordered td {
- border: 1px solid #e9e9e9; }
+ border: 1px solid rgb(233,233,233); }
.move-enter,
.move-appear {
diff --git a/dist/demo.css.map b/dist/demo.css.map
index e27daed..8e9d764 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/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-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;AC6UjB,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;AC3UjB,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;;AH3HD,eAAe;AAWf,iBAAiB;AIhVjB;EACK,gBAAgB,EACpB;;AAED;EACE,qGJkBiG;EIjBjG,6BJ2BiB;EI1BjB,kBAAkB;EAClB,iBAAiB,EAClB;;AAID;EACE,eAAe,EAChB;;AAGD;;GAEG;AAEH;EACI,6BJoF4B;EInF5B,kBAAkB,EACrB;AAHD;EACI,6BJoF4B;EInF5B,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;;AL16BD,eAAe;AAWf,iBAAiB;AMnVjB;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;ECqeE,iBAAiB;EACjB,wBAAwB;EACxB,kBAAkB;EAClB,oBAAoB,EDterB;;AAED;ECweE,sBAAsB;EAElB,kBAAkB;EACd,cAAc;EACtB,sBAAsB;EACtB,oBAAoB,ED3erB;;AAED;EC6eE,oBAAoB,ED3erB;;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;EC2WI,aAAa;EACb,eAAe,EAChB;;AD7WH;EC+WI,YAAY,EACb;;AD7WH;ECgWE,eAAe;EACf,kBAAkB;EAClB,mBAAmB,EDhWpB;;AACD;EACE,wBAAwB,EACzB;;AACD;EACE,uBAAuB,EACxB;;AAOD;EACE,yBAAyB,EAC1B;;AACD;EACE,0BAA0B,EAC3B;;AACD;EACE,mBAAmB,EACpB;;AACD;EC0VE,mBAAmB;EACnB,kBAAkB;EAClB,8BAA8B;EAC9B,UAAU,ED3VX;;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;;;;ECj7BE,yBAAyB,EDs7B1B;;AAED;;;;;;;;;;;;EAYE,yBAAyB,EAC1B;;AAGC;EADF;IC/8BE,0BAA0B,EDm9B3B;IAJD;MC98BY,0BAA0B,EAAI;ID88B1C;MC78BY,8BAA8B,EAAI;ID68B9C;;MC38BY,+BAA+B,EAAI,EAAA;;ADi9B7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAGC;EADF;ICp+BE,0BAA0B,EDw+B3B;IAJD;MCn+BY,0BAA0B,EAAI;IDm+B1C;MCl+BY,8BAA8B,EAAI;IDk+B9C;;MCh+BY,+BAA+B,EAAI,EAAA;;ADs+B7C;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;IC9gCE,0BAA0B,EDkhC3B;IAJD;MC7gCY,0BAA0B,EAAI;ID6gC1C;MC5gCY,8BAA8B,EAAI;ID4gC9C;;MC1gCY,+BAA+B,EAAI,EAAA;;ADghC7C;EADF;IAEI,0BAA0B,EAE7B,EAAA;;AAEC;EADF;IAEI,2BAA2B,EAE9B,EAAA;;AAEC;EADF;IAEI,iCAAiC,EAEpC,EAAA;;AAIC;EADF;IC5hCE,yBAAyB,EDgiC1B,EAAA;;AAEC;EADF;ICjiCE,yBAAyB,EDqiC1B,EAAA;;AAEC;EADF;ICtiCE,yBAAyB,ED0iC1B,EAAA;;AAEC;EADF;IC3iCE,yBAAyB,ED+iC1B,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;;ANn0CD,eAAe;AAWf,iBAAiB;AQrVjB;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;;ATtVrB,eAAe;AAWf,iBAAiB;AUtVjB;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,eXmoC0B;EWloC1B,mBAAmB;EACnB,oBAAoB;EAEpB,2CAA4B;EAC5B,uBX6nCkB;EW5nClB,8BAA8B;EAC9B,mBAAmB,EAmDtB;EA5DD;IAWQ,4BAA4B;IAC5B,6BAA6B;IAC7B,mBAAmB;IACnB,mBXinCyB;IWhnCzB,qCAAqC,EACxC;EAhBL;IAkBQ,+BAA+B;IAC/B,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,yCAAoC,EACvC;EAxBL;IA0BQ,mBXsmCyB;IWrmCzB,0BXwmCwB;IWvmCxB,2BX0mCuB;IWzmCvB,gCAAgC;IAChC,+BAA+B,EAClC;EA/BL;IAiCQ,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,eAAe,EAIlB;IAzCL;MAuCU,eAAc,EACf;EAxCT;IA2CQ,mBXslCuB;IWrlCvB,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,mBXukCuB,EW/jC9B;EATD;IAGQ,0BXikCwB;IWhkCxB,YAAY,EACf;EALL;IAOQ,kCAAkC,EACrC;;AAML;EACI,mBXyjC2B,EWjjC9B;EATD;IAGQ,8BXujCuB,EWtjC1B;EAJL;IAMQ,2BXojCuB;IWnjCvB,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,2BXshC2B,EWrhC1B;;AXsNL,eAAe;AAWf,iBAAiB;AYhQjB;EAzEE,mBAAmB;EACnB,kBAAkB;EAClB,mBAAoB;EACpB,oBAAmB,EAkFpB;EATC;IAHF;MAII,aZiWiC,EYzVpC,EAAA;EANC;IANF;MAOI,aZmWiC,EY9VpC,EAAA;EAHC;IATF;MAUI,cZqWkC,EYnWrC,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,mBdyPsB;EcxPtB,kBd2MiC;Ec1MjC,mBAAmB;EACnB,gBd8OmB;Ec7OnB,kBd+O8B;Ec9O9B,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,uBdoHoB,Ec/GrB;IApCH;MAkCM,mCdqBgB,EcpBjB;EAnCL;IAsCI,yBAAyB;IACzB,0BAAa;IACb,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EACd;;AAGH;EACE,yBAAwB,EACzB;;AAGD;EACE,mBAAmB;EACnB,gBd2MuB;Ec1MvB,adwMkB;EcvMlB,aAAa;EACb,gBdsMkB;EcrMlB,YdqMkB;EcpMlB,WAAW;EACX,oBAAoB;EACpB,mCd2M0B,EcxL3B;EA5BD;IAYI,2BdyK0B;IcxK1B,wBd2K+B;Ic9J/B,6Bd+JiC,Ec9JlC;IA3BH;MAgBM,mCdsK8B,EcrK/B;IAjBL;MAoBM,iCdmK+B,EclKhC;IArBL;MAwBM,iCd+J+B,Ec9JhC;;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,wBfpImB;EeqInB,kCfhMgB;EeiMhB,kCAA2B,ED/OlC;EAFD;ICoPQ,kCfnMqB;IeoMrB,8BfpMqB,EeqMxB;EDtPL;ICyPQ,kCfvMsB;IewMtB,8BfxMsB,EeyMzB;;ADxPL;EC4OQ,wBfpImB;EeqInB,iCf3Ke;Ee4Kf,iCAA2B,ED5OlC;EAFD;ICiPQ,mCf9KoB;Ie+KpB,+Bf/KoB,EegLvB;EDnPL;ICsPQ,iCflLqB;IemLrB,6BfnLqB,EeoLxB;;ADrPL;ECyOQ,wBfpImB;EeqInB,iCfxLY;EeyLZ,iCAA2B,EDzOlC;EAFD;IC8OQ,kCf3LkB;Ie4LlB,8Bf5LkB,Ee6LrB;EDhPL;ICmPQ,iCf/LmB;IegMnB,6BfhMmB,EeiMtB;;ADlPL;ECsOQ,wBfpImB;EeqInB,iCfpLe;EeqLf,iCAA2B,EDtOlC;EAFD;IC2OQ,kCfvLqB;IewLrB,8BfxLqB,EeyLxB;ED7OL;ICgPQ,iCf3LsB;Ie4LtB,6Bf5LsB,Ee6LzB;;AD/OL;ECmOQ,wBfpImB;EeqInB,iCf5Le;Ee6Lf,iCAA2B,EDnOlC;EAFD;ICwOQ,mCf/LqB;IegMrB,+BfhMqB,EeiMxB;ED1OL;IC6OQ,iCfnMsB;IeoMtB,6BfpMsB,EeqMzB;;AD3OL;ECwMI,sBfpKmB;EeqKnB,iCAA2B,EDvM9B;EAFD;IC4MI,mCfvKyB;IewKzB,+BfxKyB;IeyKzB,YAAW,EACV;ED/ML;ICkNQ,YAAW;IACX,iCf7KsB;Ie8KtB,6Bf9KsB,Ee+KzB;;ADlNL;ECqMI,sBf5JmB;Ee6JnB,iCAA2B,EDpM9B;EAFD;ICyMI,kCf/JyB;IegKzB,8BfhKyB;IeiKzB,YAAW,EACV;ED5ML;IC+MQ,YAAW;IACX,iCfrKsB;IesKtB,6BftKsB,EeuKzB;;AD/ML;ECkMI,sBfnJmB;EeoJnB,iCAA2B,EDjM9B;EAFD;ICsMI,mCftJwB;IeuJxB,+BfvJwB;IewJxB,YAAW,EACV;EDzML;IC4MQ,YAAW;IACX,iCf5JqB;Ie6JrB,6Bf7JqB,Ee8JxB;;AD5ML;EC+LI,sBfhKgB;EeiKhB,iCAA2B,ED9L9B;EAFD;ICmMI,kCfnKsB;IeoKtB,8BfpKsB;IeqKtB,YAAW,EACV;EDtML;ICyMQ,YAAW;IACX,iCfzKmB;Ie0KnB,6Bf1KmB,Ee2KtB;;ADxML;EC2LI,uBfxKoB;EeyKpB,kCAA2B,ED1L9B;EAFD;IC+LI,kCf3KyB;Ie4KzB,8Bf5KyB;Ie6KzB,YAAW,EACV;EDlML;ICqMQ,YAAW;IACX,kCfjLsB;IekLtB,8BflLsB,EemLzB;;ADpML;EACI,kBd0E+B;EczE/B,0BAA0B;EAC1B,uBAAuB,EAC1B;;AACD;EACI,kBdqE+B;EcpE/B,6BdlFkB,EcmFrB;;AACD;EACI,YAAY;EACZ,6BdxFkB,EcyFrB;;AAED;EACI,mBAAmB;EACnB,gBd4GqB;Ec3GrB,ad6GiB;Ec5GjB,aAAa;EACb,gBd2GiB;Ec1GjB,Yd0GiB;EczGjB,WAAW;EACX,oBAAoB;EACpB,mCd4GwB,Ec3G3B;;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;;AhB2TD,eAAe;AAWf,iBAAiB;AiBpVjB;EACI,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,cjBqFoB;EiBpFpB,cAAc;EACd,iBjB8qCwB;EiB7qCxB,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,kBjBqpCoB,EiBppCvB;;AAED;EACI,mBjBipCoB,EiBhpCvB;;AAED;EACI,kBjB6oCoB,EiB5oCvB;;AAED;EACI,iBjByoCoB,EiBxoCvB;;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,mBjBwmCyB,EiBvmC5B;;AAED;EACI,mBAAmB;EACnB,eAAe;EACf,SAAS;EACT,UAAU;EACV,0BAA0B;EAC1B,oBAAoB,EACvB;;AAGD;EACI,mBjB0lCyB;EiBzlCzB,YAAY,EACf;;AAED;EACI,aAAa;EACb,UAAU;EACV,cAAc;EACd,qBAAqB;EACrB,yBjBslCmC,EiBrlCtC;;AAED;EACI,aAAa;EACb,WAAW;EACX,sBAAsB;EACtB,wBjB+kCmC;EiB9kCnC,cAAc,EACjB;;AAED;EACI,aAAa;EACb,YAAY;EACZ,mBAAmB;EACnB,uBAAuB;EACvB,uBjBskCmC,EiBrkCtC;;AAED;EACI,aAAa;EACb,SAAS;EACT,mBAAmB;EACnB,oBAAoB;EACpB,0BjB8jCmC,EiB7jCtC;;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;;AnBwPL,eAAe;AAWf,iBAAiB;AaXjB,eAAe;AAWf,iBAAiB;ACpVjB;EACE,6BduDqB;EctDrB,aAAa;EACb,mBdyPsB;EcxPtB,kBd2MiC;Ec1MjC,mBAAmB;EACnB,gBd8OmB;Ec7OnB,kBd+O8B;Ec9O9B,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,uBdoHoB,Ec/GrB;IApCH;MAkCM,mCdqBgB,EcpBjB;EAnCL;IAsCI,yBAAyB;IACzB,0BAAa;IACb,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EACd;;AAGH;EACE,yBAAwB,EACzB;;AAGD;EACE,mBAAmB;EACnB,gBd2MuB;Ec1MvB,adwMkB;EcvMlB,aAAa;EACb,gBdsMkB;EcrMlB,YdqMkB;EcpMlB,WAAW;EACX,oBAAoB;EACpB,mCd2M0B,EcxL3B;EA5BD;IAYI,2BdyK0B;IcxK1B,wBd2K+B;Ic9J/B,6Bd+JiC,Ec9JlC;IA3BH;MAgBM,mCdsK8B,EcrK/B;IAjBL;MAoBM,iCdmK+B,EclKhC;IArBL;MAwBM,iCd+J+B,Ec9JhC;;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,wBfpImB;EeqInB,kCfhMgB;EeiMhB,kCAA2B,ED/OlC;EAFD;ICoPQ,kCfnMqB;IeoMrB,8BfpMqB,EeqMxB;EDtPL;ICyPQ,kCfvMsB;IewMtB,8BfxMsB,EeyMzB;;ADxPL;EC4OQ,wBfpImB;EeqInB,iCf3Ke;Ee4Kf,iCAA2B,ED5OlC;EAFD;ICiPQ,mCf9KoB;Ie+KpB,+Bf/KoB,EegLvB;EDnPL;ICsPQ,iCflLqB;IemLrB,6BfnLqB,EeoLxB;;ADrPL;ECyOQ,wBfpImB;EeqInB,iCfxLY;EeyLZ,iCAA2B,EDzOlC;EAFD;IC8OQ,kCf3LkB;Ie4LlB,8Bf5LkB,Ee6LrB;EDhPL;ICmPQ,iCf/LmB;IegMnB,6BfhMmB,EeiMtB;;ADlPL;ECsOQ,wBfpImB;EeqInB,iCfpLe;EeqLf,iCAA2B,EDtOlC;EAFD;IC2OQ,kCfvLqB;IewLrB,8BfxLqB,EeyLxB;ED7OL;ICgPQ,iCf3LsB;Ie4LtB,6Bf5LsB,Ee6LzB;;AD/OL;ECmOQ,wBfpImB;EeqInB,iCf5Le;Ee6Lf,iCAA2B,EDnOlC;EAFD;ICwOQ,mCf/LqB;IegMrB,+BfhMqB,EeiMxB;ED1OL;IC6OQ,iCfnMsB;IeoMtB,6BfpMsB,EeqMzB;;AD3OL;ECwMI,sBfpKmB;EeqKnB,iCAA2B,EDvM9B;EAFD;IC4MI,mCfvKyB;IewKzB,+BfxKyB;IeyKzB,YAAW,EACV;ED/ML;ICkNQ,YAAW;IACX,iCf7KsB;Ie8KtB,6Bf9KsB,Ee+KzB;;ADlNL;ECqMI,sBf5JmB;Ee6JnB,iCAA2B,EDpM9B;EAFD;ICyMI,kCf/JyB;IegKzB,8BfhKyB;IeiKzB,YAAW,EACV;ED5ML;IC+MQ,YAAW;IACX,iCfrKsB;IesKtB,6BftKsB,EeuKzB;;AD/ML;ECkMI,sBfnJmB;EeoJnB,iCAA2B,EDjM9B;EAFD;ICsMI,mCftJwB;IeuJxB,+BfvJwB;IewJxB,YAAW,EACV;EDzML;IC4MQ,YAAW;IACX,iCf5JqB;Ie6JrB,6Bf7JqB,Ee8JxB;;AD5ML;EC+LI,sBfhKgB;EeiKhB,iCAA2B,ED9L9B;EAFD;ICmMI,kCfnKsB;IeoKtB,8BfpKsB;IeqKtB,YAAW,EACV;EDtML;ICyMQ,YAAW;IACX,iCfzKmB;Ie0KnB,6Bf1KmB,Ee2KtB;;ADxML;EC2LI,uBfxKoB;EeyKpB,kCAA2B,ED1L9B;EAFD;IC+LI,kCf3KyB;Ie4KzB,8Bf5KyB;Ie6KzB,YAAW,EACV;EDlML;ICqMQ,YAAW;IACX,kCfjLsB;IekLtB,8BflLsB,EemLzB;;ADpML;EACI,kBd0E+B;EczE/B,0BAA0B;EAC1B,uBAAuB,EAC1B;;AACD;EACI,kBdqE+B;EcpE/B,6BdlFkB,EcmFrB;;AACD;EACI,YAAY;EACZ,6BdxFkB,EcyFrB;;AAED;EACI,mBAAmB;EACnB,gBd4GqB;Ec3GrB,ad6GiB;Ec5GjB,aAAa;EACb,gBd2GiB;Ec1GjB,Yd0GiB;EczGjB,WAAW;EACX,oBAAoB;EACpB,mCd4GwB,Ec3G3B;;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;;AMrMD;EACE,gBAAgB,EA6KjB;EA9KD;IAGI,YAAY;IACZ,YAAY,EA4Fb;IAhGH;MAMM,YAAY;MACZ,eAAe;MACf,YAAY,EACb;IATL;MAWM,sBAAsB;MACtB,sBAAsB;MACtB,8BPw1BmB;MOv1BnB,iCPu1BmB;MOt1BnB,+BPs1BmB;MOr1BnB,wBAAwB;MACxB,mBAAmB;MACnB,ePi1Ba;MOh1Bb,kBAAkB;MAClB,wBAAwB,EACzB;IArBL;MAuBM,eAAe;MACf,4BAA4B;MAC5B,+BAA+B,EAChC;IA1BL;MA4BM,6BAA6B;MAC7B,gCAAgC,EACjC;IA9BL;MAgCM,6BAA6B;MAC7B,gCAAgC;MAChC,gCAAgC,EACjC;IAnCL;MAqCM,YAAY;MACZ,sBAAsB,EAUvB;MAhDL;QAwCQ,YP8zBc;QO7zBd,uBP8zBgB;QO7zBhB,sBP8zBuB;QO7zBvB,gBAAgB,EACjB;MA5CP;QA8CQ,eAAe,EAChB;IA/CP;MAmDQ,WAAW;MACX,YPqzBe;MOpzBf,gBAAgB;MAChB,kCPozBoB;MOnzBpB,8BPozBwB,EOnzBzB;IAxDP;MA4DQ,YPgzBiB;MO/yBjB,oBAAoB;MACpB,uBP+yBmB;MO9yBnB,mBP+yBuB,EO9yBxB;IAhEP;MAkEQ,eAAe,EAChB;IAnEP;MAsEM,8BAA8B;MAC9B,+BAA+B;MAC/B,4BAA4B;MAC5B,kBAAkB;MAClB,wBAAwB,EACzB;IA3EL;MA8EQ,8BAA8B,EAC/B;IA/EP;MAkFM,uBAAuB;MACvB,4BAA4B;MAC5B,+BAA+B,EAChC;IArFL;MAuFM,wBAAwB,EACzB;IAxFL;MA0FM,aAAa;MACb,gBAAgB,EACjB;IA5FL;MA8FM,gCAAgC,EACjC;EA/FL;IAmGI,aAAa;IACb,cAAc;IACd,uBAAuB,EACxB;EAtGH;IAwGI,qBAAc;IAAd,cAAc;IACd,wBAAoB;IAApB,oBAAoB;IACpB,uBAAoB;IAApB,oBAAoB;IACpB,sBAAkB;IAAlB,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IAEf,sBAAwB;IAAxB,wBAAwB,EACzB;EAhHH;IAkHI,YAAY,EACb;EAnHH;IAqHI,YAAY;IACZ,YAAY;IACZ,iBAAiB,EAWlB;IAlIH;MAyHM,YAAY;MACZ,cAAc,EAOf;MAjIL;QA4HQ,aAAa,EAId;QAhIP;UA8HU,kBAAkB,EACnB;EA/HT;IAoII,cAAc;IACd,yBAAyB;IACzB,aAAa;IACb,iBAAiB;IACjB,sBAAsB;IACtB,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,gBAAgB;IAChB,cAAc,EACf;EA/IH;IAiJI,YAAY;IACZ,YAAY,EACb;EAnJH;IAqJI,cAAc;IACd,yBAAyB;IACzB,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;IAClB,YAAY;IACZ,cAAc;IACd,mBAAmB;IACnB,0BAA0B,EAE3B;EA/JH;IAiKI,iBAAiB;IACjB,kBAAkB;IAClB,sBAAsB,EACvB;EApKH;IAsKI,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,YAAY,EAIb;IA7KH;MA2KM,eAAc,EACf;;AAIL;EACE,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,gBAAgB;EAChB,YPgrBoB;EO/qBpB,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;;ALsLG;EACA,kBF+c0C;EE9c1C,gBF4c0C;EE3c1C,qBFoe+B,EEnehC;;AAEG;EA9FN,+BFqmB6B;EEpmB1B,4BFomB0B,EErgBxB;;AAGC;EA3GN,gCF6mB6B;EE5mB1B,6BF4mB0B,EEhgBxB;;AAIC;EACA,mBF8bwC;EE7bxC,gBF2bwC;EE1bxC,qBFmd6B,EEld9B;;AArBD;EACA,iBFmdyC;EEldzC,gBFgd0C;EE/c1C,iBFqeyB,EEpe1B;;AAEG;EA9FN,+BFsmB6B;EErmB1B,4BFqmB0B,EEtgBxB;;AAGC;EA3GN,gCF8mB6B;EE7mB1B,6BF6mB0B,EEjgBxB;;AAIC;EACA,iBFkcuC;EEjcvC,gBF+bwC;EE9bxC,iBFoduB,EEndxB;;AK9LP;EAEI,aAAa,EACd;;AAHH;EAKI,aAAa,EACd;;AAIH;;EAEE,mBAAmB,EACpB;;AAED;EAGM,cAAc;EACd,mBAAmB;EACnB,0BAA0B,EAK3B;EAVL;IAOQ,8BAA8B;IAC9B,8BP6lB4B,EO5lB7B;;AATP;EAcQ,mBAAmB,EACpB;;AAfP;EAoBM,wBAAwB,EACzB;;ApBiEL,eAAe;AAWf,iBAAiB;AqBpVjB;EACC,sBAAsB;EACtB,mBAAmB;EACnB,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,gBAAgB,EA+DhB;EArED;IAQE,oBAAoB;IACpB,aAAa,EACb;EAVF;IAYE,cAAc;IACX,gBAAgB,EACnB;EAdF;IAgBE,oBAAoB,EACpB;EAjBF;IAsBM,6CrB+fkB;IqB9flB,8BrB8fkB,EqB7frB;EAxBH;IA0BG,YAAY;IACZ,iBAAiB;IACd,kBAAkB;IAClB,gBAAgB,EACnB;EA9BH;IAiCE,gBAAgB;IACb,sBAAsB;IAEtB,mBAAmB,EAgCtB;IApEF;MAwCM,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;IAxDH;MA0DG,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,4CrB6DiB;EqB5DjB,6BrB4DiB,EqB3DpB;;AAMH;EAKM,4CrBwDiB;EqBvDjB,6BrBuDiB,EqBtDpB;;AAMH;EAKM,4CrBoDiB;EqBnDjB,6BrBmDiB,EqBlDpB;;AAMH;EAKM,2CrB7EgB;EqB8EhB,4BrB9EgB,EqB+EnB;;AAMH;EAKM,4CrBac;EqBZd,6BrBYc,EqBXjB;;ArByLH,eAAe;AAWf,iBAAiB;ASvVjB,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;;Aa/pBrB;EACE,UAAU;EACV,WAAW;EACX,iBAAiB,EAClB;;AACD;EACI,uBAAuB;EACvB,sBAAsB;EACtB,mBAAmB;EACnB,YtB8rCe;EsB7rCf,YAAY;EACZ,gBtB6rCmB,EsB/nCtB;EApED;IASQ,aAAa,EAChB;EAVL;IAYM,gBtBurCiB,EsBtrClB;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,gBtBmqCe;IsBlqCf,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,uBtBqoCc;IsBpoCd,mBtBsoCkB;IsBroClB,0BtBooCqB;IsBloCrB,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,YtBqkCwB,EsBviC3B;EA/BD;IAGQ,oBtBokCoB;IsBnkCpB,oBAAoB,EACvB;EALL;IAOQ,sBtBikC8B;IsBhkC9B,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,EAwGX;EA5GD;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,EACtB;EAzFL;IA2FQ,eAAe;IACf,kBAAkB,EACrB;EA7FL;IAgGQ,aAAa,EAChB;EAjGL;IAmGQ,gBAAgB,EACnB;EApGL;IAsGQ,eAAe,EAClB;EAvGL;IAyGQ,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,kBtBouBgC;IsBnuBhC,oBAAoB;IACpB,YAAY;IACZ,gBAAgB;IAChB,oBAAoB;IACpB,iBAAiB;IAEjB,iCAAiC;IAEjC,iBAAiB;IACjB,wBAAwB;IACxB,oBAAoB,EACvB;EAvEL;;IA0EQ,0BtBktB0B,EsBjtB7B;EA3EL;IA6EQ,YAAY;IACZ,oBAAoB,EACvB;EA/EL;IAiFQ,YAAY;IACZ,uBAAuB;IACvB,oBAAoB,EACvB;EApFL;;IAuFQ,0BtBssB6B;IsBrsB7B,kBAAkB;IAClB,YtBqsB6B,EsBpsBhC;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;;AtB9eT,eAAe;AAWf,iBAAiB;AuBtVjB;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;;AvBuPD,eAAe;AAWf,iBAAiB;AwBzUjB;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;;AxBgKL,eAAe;AAWf,iBAAiB;AyBpVjB;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,iBzBsqBoB;IyBrqBpB,iBAAiB;IACjB,YAAY;IACZ,uBzBqqBY;IyBpqBZ,mBAAmB;IAChB,sBAAqB,EACxB;EAvCL;IA0CK,eAAe,EAQf;IAlDL;MA4CM,SAAS;MACT,QAAQ;MACR,iBAAiB;MACjB,4BAA4B;MAC5B,yBzBypBW,EyBxpBX;EAjDN;IAoDK,eAAe,EAQf;IA5DL;MAsDM,UAAU;MACV,UAAU;MACV,kBAAkB;MAClB,wBAAwB;MACxB,uBzB+oBW,EyB9oBX;EA3DN;IA8DK,eAAe,EAQf;IAtEL;MAgEM,SAAS;MACT,SAAS;MACT,iBAAiB;MACjB,4BAA4B;MAC5B,wBzBqoBW,EyBpoBX;EArEN;IAwEK,eAAe,EASf;IAjFL;MA0EM,OAAO;MACP,UAAU;MACV,kBAAkB;MAClB,wBAAwB;MACxB,0BzB2nBW,EyB1nBR;EA/ET;IAoFY,SAAS;IACT,WAAW;IACjB,SAAS;IACT,iBAAiB;IACjB,4BAA4B;IAC5B,wBzBgnBW,EyB/mBR;EA1FT;IA8FY,SAAS;IACf,QAAQ;IACR,iBAAiB;IACjB,4BAA4B;IAC5B,yBzBumBW,EyBtmBR;EAnGT;IAuGY,OAAO;IACb,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,0BzB8lBW,EyB7lBR;EA5GT;IAgHY,UAAU;IACV,UAAU;IACV,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,uBzBolBK,EyBnlBR;EAtHT;IA+HY,SAAQ;IACR,kBAAkB;IAClB,oBAAmB;IACnB,0BAAyB,EAC5B;EAnIT;IAqIY,6BzBqkB0B,EyBpkB7B;EAtIT;IA0IY,SAAQ;IACR,kBAAkB;IAClB,oBAAmB;IACnB,0BAAyB;IACzB,6BAA6B,EAChC;EA/IT;IAiJY,6BzByjB0B,EyBxjB7B;EAlJT;IAsJY,sBAAsB;IACtB,UAAU;IACV,kBAAkB;IAClB,wBAAwB,EAC3B;EA1JT;IA4JY,2BzB8iB0B,EyB7iB7B;EA7JT;IAiKY,sBAAsB;IACtB,UAAU;IACV,kBAAkB;IAClB,wBAAwB;IACxB,2BAA2B,EAC9B;EAtKT;IAwKY,2BzBkiB0B,EyBjiB7B;EAzKT;IA6KY,qBAAqB;IACrB,UAAU;IACV,iBAAiB;IACjB,yBAAyB,EAC5B;EAjLT;IAmLY,4BzBuhB0B,EyBthB7B;EApLT;IAwLY,qBAAqB;IACrB,UAAU;IACV,iBAAiB;IACjB,yBAAyB;IACzB,4BAA4B,EAC/B;EA7LT;IA+LY,4BzB2gB0B,EyB1gB7B;EAhMT;IAoMY,UAAU;IACV,kBAAkB;IAClB,uBAAuB;IACvB,6BAA6B;IAC7B,uBAAuB,EAC1B;EAzMT;IA2MY,0BzB+f0B,EyB9f7B;EA5MT;IAgNY,UAAU;IACV,kBAAkB;IAClB,uBAAuB;IACvB,6BAA6B;IAC7B,uBAAuB;IACvB,0BAA0B,EAC7B;EAtNT;IAwNY,0BzBkf0B,EyBjf7B;EAzNT;IA6NY,uBAAuB;IACvB,ezB6ee;IyB5ef,0BzB2e0B,EyB1e7B;EAhOT;IAmOY,mBAAkB;IAClB,eAAc;IACd,SAAQ;IACR,UAAS;IACT,8BAA8B;IAC9B,aAAY,EACf;;AzBgGT,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;A0BlVjB;;IAEI;AAcJ;;IAEI;AACJ;EACE,mBAAmB;EACnB,UAAU;EACV,QAAQ;EACR,SAAS;EACT,gB1ByuC2B;E0BxuC3B,YAAY;EACZ,mBAAmB,EACpB;;AAGD;;IAEI;AAEJ;EAGM,mBAAmB;EACnB,oBAAoB;EACpB,YAAY;EAEZ,0BAA0B;EAC1B,0BAA0B;EAC1B,iCAAiC;EACjC,Y1B2tCmB;E0B1tCnB,a1B0tCmB;E0BztCnB,S1BouCiB;E0BnuCjB,U1BouCkB;E0BnuClB,mB1BsuCsB;E0BruCtB,kB1BquCsB;E0BpuCtB,mCAAmC;EACnC,sBAAsB;EAEtB,2CAA2C,EAC5C;;AApBL;EAuBQ,mB1B8tCuB;E0B7tCvB,kB1B6tCuB;E0B5tCvB,Y1B6sCoB;E0B5sCpB,a1B4sCoB,E0B3sCrB;;AA3BP;EA+BQ,mB1BotCwB;E0BntCxB,kB1BmtCwB;E0BltCxB,Y1BmsCqB;E0BlsCrB,a1BksCqB,E0BjsCtB;;AAnCP;EAuCQ,0B1BqqCiB;E0BpqCjB,iCAAiC,EAClC;;AAzCP;EA6CQ,0B1BgqCqB;E0B/pCrB,iCAAiC,EAClC;;AA/CP;EAmDQ,0B1B2pCc;E0B1pCd,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,S1BkpCmB;E0BjpCnB,U1BkpCoB;E0BjpCpB,kB1BypC0B;E0BxpC1B,mB1BypC2B,E0BvmC5B;EAxDH;IAQM,0BAA0B;IAC1B,W1BsoCiB;I0BroCjB,a1BsoCmB;I0BroCnB,mBAAmB;IACnB,YAAY;IAEZ,0BAA0B;IAC1B,sBAAsB,EACvB;EAhBL;IAkBM,kB1B8oC2B;I0B7oC3B,mB1B8oC4B,E0BzoC7B;IAxBL;MAqBQ,W1B4nCkB;M0B3nClB,a1B4nCoB,E0B3nCrB;EAvBP;IA0BM,kB1BkoC4B;I0BjoC5B,mB1BkoC4B,E0B7nC7B;IAhCL;MA6BQ,W1BgnCmB;M0B/mCnB,a1BgnCoB,E0B/mCrB;EA/BP;IAoCQ,2E1BilC0C;I0BhlC1C,0B1BulCU,E0BtlCX;EAtCP;IAoCQ,2E1BklC0C;I0BjlC1C,0B1BwlCU,E0BvlCX;EAtCP;IAoCQ,2E1BmlC0C;I0BllC1C,0B1BylCU,E0BxlCX;EAtCP;IAoCQ,2E1BolC0C;I0BnlC1C,0B1B0lCU,E0BzlCX;EAtCP;IAoCQ,2E1BqlC0C;I0BplC1C,0B1B2lCU,E0B1lCX;EAtCP;IA2CQ,0B1BskCiB,E0BrkClB;EA5CP;IAgDQ,0B1BkkCqB,E0BjkCtB;EAjDP;IAqDQ,0B1B8jCc,E0B7jCf;;AAIP;EACE;IAEE,qBAAiB,EAAA;EAGnB;IAEE,uBAAiB,EAAA;EAGnB;IAEE,qBAAiB,EAAA,EAAA;;AC1LrB;EACE,gBAZmB;EAanB,YAde;EAgBf,mBAAmB;EACnB,iBAfe;EAgBf,iBAAiB,EAsdlB;EA5dD;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,iCA5CwB,EA6CzB;EAxCH;IA6CM,oBAhDqB,EAsDtB;IAnDL;MAgDU,+BAA+B,EAChC;EAjDT;IAsDI,oBAzDuB,EA0DxB;EAvDH;;IA2DI,kBAjEoB;IAkEpB,sBAAsB,EACvB;EA7DH;IAgEM,iBAAiB,EAClB;EAjEL;IAoEQ,iBAAiB;IACjB,oBAAoB,EAIrB;IAzEP;MAuEU,aAAa,EACd;EAxET;IA6EI,oBAAe,EAChB;EA9EH;IAiFI,eAAe,EAChB;EAlFH;IAqFM,0BAA0B;IAC1B,uBAAuB;IACvB,oBAAoB,EAErB;EAzFL;IA2FM,iCAAiC;IACjC,uBAAuB,EACxB;EA7FL;;IAgGM,gCAAgC;IAChC,uBAAuB,EACxB;EAlGL;IAqGI,iBAAiB;IACjB,oBA9GiC,EA+GlC;EAvGH;IA0GI,iBAAiB,EAClB;EA3GH;IA8GI,iBAAiB;IACjB,mBAAmB,EACpB;EAhHH;IAkHI,oBAAoB;IACpB,oBAAoB,EACrB;EApHH;IAuHI,mBAAmB,EACpB;EAxHH;IA2HI,aAAa;IACb,iBAAiB,EAClB;EA7HH;IAiII,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,mBAAmB;IACnB,uBAAuB,EACxB;EAtIH;IAyII,kBA/IoB;IAgJpB,8BA/IwB,EAgJzB;EA3IH;IA8II,mBAAmB,EACpB;EA/IH;IAkJI,kBAxJoB;IAyJpB,iCAxJwB,EA4JzB;IAvJH;MAqJM,mBAAmB,EACpB;EAtJL;IAyJI,mBA/JoB,EAgKrB;EA1JH;IA6JI,kBAA8B;IAC9B,iBAAiB;IACjB,iCApKwB;IAqKxB,mBAAmB;IACnB,mBAAmB,EACpB;EAlKH;IAqKI,YAAY,EACb;EAtKH;IA0KM,gBAAgB;IAChB,sBAAsB;IACtB,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,0BAtLsB;IAuLtB,0BAAkB;IAAlB,uBAAkB;IAAlB,sBAAkB;IAAlB,kBAAkB;IAClB,iBAAiB;IACjB,mBAAmB,EACpB;EArLL;IAuLM,mBAAmB,EACpB;EAxLL;IA0LM,aAAa,EACd;EA3LL;IA8LM,aAAa,EACd;EA/LL;IAkMM,aAAa,EACd;EAnML;IAsMI,oBAAoB,EAQrB;IA9MH;MAwMM,oBAAoB,EACrB;IAzML;MA4MM,WAAW,EACZ;EA7ML;IAgNI,cAAc,EACf;EAjNH;IAoNI,gBAAgB;IAChB,YAAY;IACZ,WAAW,EAWZ;IAjOH;MAwNM,eAAe,EAChB;IAzNL;MA2NM,oBAAoB;MACpB,YAAY,EAIb;MAhOL;QA8NQ,YAAY,EACb;EA/NP;IAmOI,kBAAkB,EAInB;IAvOH;MAqOM,aAAa,EACd;EAtOL;IAyOI,aAAa,EAId;IA7OH;MA2OM,aAAa,EACd;EA5OL;IAiPI,mBAAmB;IACnB,OAAO;IACP,iBAAiB;IACjB,WAAW,EAKZ;IAzPH;MAsPM,YAAY;MACZ,iBAAiB,EAClB;EAxPL;IA4PI,QAAQ;IACR,+CAA0B,EAQ3B;IArQH;MA+PM,oBAAoB;MACpB,oBAAoB,EACrB;IAjQL;MAmQM,iBAAiB,EAClB;EApQL;IAwQI,SAAS;IACT,gDAA2B,EAS5B;IAlRH;MA8QM,mBAAmB;MACnB,qBAAqB,EACtB;EAhRL;IAqRI,iBAAiB,EAClB;EAtRH;IAyRI,iBAAiB,EAClB;EA1RH;IA8RM,oBAAoB,EACrB;EA/RL;IAiSM,qBAAc;IAAd,cAAc;IACd,sBAAwB;IAAxB,wBAAwB;IACxB,uBAAoB;IAApB,oBAAoB,EAIrB;IAvSL;MAqSQ,gBAAgB,EACjB;EAtSP;IAySM,oBAjT+B;IAkT/B,6BAA4B;IAE5B,4BAA4B;IAE5B,0BAA0B;IAC1B;;QAEE;IACA,sBAAsB;IACtB,kBAAkB,EAyDrB;IA5WL;MAyTQ,mBAAmB;MACnB,iBAAiB;MACjB,YAAY;MACZ,uBAAuB;MACvB,mBAAmB;MACnB,sBAAsB,EAUvB;MAxUP;;QAkUU,iBAAiB;QACjB,eAAe;QACf,YAAY;QACZ,gBAAgB,EACjB;IAtUT;;;;MA8UQ,eAAe,EAChB;IA/UP;;MAmVQ,aAAa;MACb,gBAAgB,EACjB;IArVP;;MAwVQ,sBAAsB;MACtB,WAAW;MACX,gBAAgB;MAChB,iBAAiB;MAGjB,uCAAmC;MACnC,+GAA+G;MAC/G,QAAQ;MACR,iBAAiB;MACjB,YAAY;MACZ,YAAY,EAGb;IAtWP;MAyWY,sBAAsB,EACzB;EA1WT;IA8WM,aAAa,EACd;EA/WL;IAiXM,oBAAe,EAChB;EAlXL;IAwXM,iBAAiB,EAClB;EAzXL;IA2XM,mBAAmB,EAgCpB;IA3ZL;MA8XQ,aAAa;MACb,mBAAmB;MACnB,aAAa;MACb,OAAO;MAIP,YAAY;MAEZ,uBAAuB;MACvB,WAAW,EAYZ;MApZP;QA2YU,aAAa;QACb,WAAW;QACX,wBAAuB;QACvB,eAAe,EAChB;MA/YT;QAiZU,oBAAmB,EACpB;IAlZT;MAsZQ,mBAAmB,EAIpB;MA1ZP;QAwZU,oBACD,EAAC;EAzZV;IA8ZQ,aAAa,EACd;EA/ZP;IAuaM,aAAa;IACb,gBAAgB;IAChB,cAAc;IACd,mBAAmB,EACpB;EA3aL;IA6aM,8BAA8B;IAC9B,gBAAgB,EACjB;EA/aL;IAibM,mBAAmB,EACpB;EAlbL;IAobM,mBAAmB;IACnB,SAAS;IACT,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,WAAW;IACX,oBAAoB,EAIrB;IA/bL;MA6bQ,aAAa,EACd;EA9bP;IAicM,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB,EACjB;EApcL;IAscM,iBAAiB;IACjB,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,oBAAoB,EACrB;EA3cL;IA6cM,uBAAuB;IACvB,iBAAiB,EAClB;EA/cL;IAodI,cAAa;IACb,qBAAqB,EACtB;EAtdH;IAydI,aA1diB;IA2djB,kBA3diB,EA4dlB;;AAEH;EACE,cAAc;EAGd,kBAAkB,EACnB;;AAEC;EAEI,oBAAmB,EACpB;;AAEL;EAEI,0BAA0B,EAC3B;;AAHH;;EAMI,0BApfwB,EAqfzB;;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,6B3BtekB,EAAA;E2BwepB;IACE,sBAAsB;IACtB,yBAAqB;IACrB,WAAW,EAAA;EAEb;IACE,6B3B9ekB,EAAA;E2BgfpB;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,oBA/tByB,EAguB1B;;AAED;EACE,mBAAmB;EACnB,UAAU,EACX;;A3BraD,eAAe;AAWf,iBAAiB;AkBXjB,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;;AnBwPL,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;A4BrVjB;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;;A5BmTL,eAAe;AAWf,iBAAiB;A6BtVjB;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;;A9B10CH;EACE,oBAAe,EAChB;;AAED;EACE,aAAa;EACb,aAAa,EAMd;EARD;IAKI,YAAY,EACb;;A+BjCH;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/*\n * 保护有用的浏览器默认样式而不是完全去掉它们\n * 一般化的样式:为大部分HTML元素提供\n * 修复浏览器自身的bug并保证各浏览器的一致性\n * 优化CSS可用性:用一些小技巧\n * 解释代码:用注释和详细的文档来\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/*\n* 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。\n* 去掉默认的margin\n*/\nbody {\n margin: 0;\n width: 100%;\n height: 100%; }\n\n/*\n * 主显示屏复位为IE支持\n * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011\n */\nmain {\n display: block; }\n\n/*\n* 对具有hidden属性的元素不应用显示。\n* IE 9 and 10 support.\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/*\n * 选择时删除文本阴影,及设置默认选中颜色\n */\n::selection {\n background: rgb(187,222,251);\n text-shadow: none; }\n\n/*\n * 默认水平规则\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/*\n * 删除音频,画布,iframes,图像,视频和其容器底部之间的差距\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle; }\n\n/*\n * 仅允许垂直调整textareas的大小\n */\ntextarea {\n resize: vertical; }\n\n/* ==========================================================================\n 浏览器升级提示\n ========================================================================== */\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0; }\n\n/*\n * 适用于屏幕阅读器的隐藏\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/*\n * 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的:\n * https://www.drupal.org/node/897638\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/* ==========================================================================\n 打印样式。内联以避免额外的HTTP请求\n\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 /*\n * 不显示片段标识符的链接,\n * 或使用`javascript:`伪协议\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 /*\n * 打印表格:\n * http://css-discuss.incutio.com/wiki/Printing_Tables\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/*\n*删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android\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/* 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 .uf {\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 .uf: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: 5px 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(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-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(224,224,224); }\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: none;\n border-radius: 4px;\n color: rgb(0,0,0);\n position: relative;\n min-width: 72px;\n padding: 5px 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(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-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(224,224,224); }\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.u-pagination {\n font-size: 14px; }\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 > 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: white;\n text-align: center;\n color: #666666;\n padding: 6px 11px;\n line-height: 1.57142857; }\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: #eee;\n border-color: #d7d7d7;\n cursor: pointer; }\n .u-pagination-list > li > a > i {\n color: #999999; }\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: rgb(30,136,229);\n border-color: rgb(30,136,229); }\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: #fff;\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: 12px; }\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 .u-select {\n width: 50px;\n margin: 0 6px; }\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_value {\n outline: none;\n -webkit-appearance: none;\n background: #fff;\n border-radius: 4px;\n line-height: 32px;\n width: 50px;\n margin: 0 6px;\n text-align: center;\n border: 1px solid #d7d7d7; }\n .u-pagination .page_jump_btn {\n margin-top: -3px;\n margin-left: 10px;\n border-color: #d7d7d7; }\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\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-no-border > li > a, .u-pagination-no-border > li[role=\"next\"] > a {\n border: none; }\n\n.u-pagination-no-border > li:last-child > a, .u-pagination-no-border > 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: rgb(30,136,229); }\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 .u-checkbox.disabled .u-checkbox-label {\n cursor: not-allowed;\n opacity: 0.5; }\n .u-checkbox input[type='checkbox'] {\n display: none;\n cursor: pointer; }\n .u-checkbox input[disabled] {\n cursor: not-allowed; }\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-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-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-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-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/* 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 .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: #e7f4fd; }\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: #f7f7f7;\n font-weight: bold;\n color: #666; }\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 #e9e9e9; }\n .u-table tr:hover {\n background: #E7F2FC; }\n .u-table tr:hover td .uf-eye {\n visibility: visible !important; }\n .u-table tr.tr-row-hover {\n background: #E7F2FC; }\n .u-table th,\n .u-table td {\n padding: 12px 8px;\n word-break: break-all; }\n .u-table tr th:last-child {\n overflow: hidden; }\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: #e3f2fd; }\n .u-table-scroll {\n overflow: auto; }\n .u-table-bordered table {\n border: 1px solid #e9e9e9;\n box-sizing: border-box;\n table-layout: fixed; }\n .u-table-bordered th {\n border-bottom: 1px solid #e9e9e9;\n box-sizing: border-box; }\n .u-table-bordered th,\n .u-table-bordered td {\n border-right: 1px solid #e9e9e9;\n box-sizing: border-box; }\n .u-table-header {\n overflow: hidden;\n background: #f7f7f7; }\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 #e9e9e9; }\n .u-table-content {\n position: relative; }\n .u-table-footer {\n padding: 12px 8px;\n border-bottom: 1px solid #e9e9e9; }\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 #e9e9e9;\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 #e9e9e9;\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 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: #f7f7f7;\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: #e3f2fd; }\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 #e9e9e9; }\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/* 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","\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: $brand-primary;\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\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/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\";\n\n@if $trim-color-classes == false {\n // Red\n\n .red {\n color: unquote(\"rgb(#{$palette-red-500})\") !important;\n }\n\n .bg-red {\n background-color: unquote(\"rgb(#{$palette-red-500})\") !important;\n }\n\n .red-50 {\n color: unquote(\"rgb(#{$palette-red-50})\") !important;\n }\n\n .bg-red-50 {\n background-color: unquote(\"rgb(#{$palette-red-50})\") !important;\n }\n\n .red-100 {\n color: unquote(\"rgb(#{$palette-red-100})\") !important;\n }\n\n .bg-red-100 {\n background-color: unquote(\"rgb(#{$palette-red-100})\") !important;\n }\n\n .red-200 {\n color: unquote(\"rgb(#{$palette-red-200})\") !important;\n }\n\n .bg-red-200 {\n background-color: unquote(\"rgb(#{$palette-red-200})\") !important;\n }\n\n .red-300 {\n color: unquote(\"rgb(#{$palette-red-300})\") !important;\n }\n\n .bg-red-300 {\n background-color: unquote(\"rgb(#{$palette-red-300})\") !important;\n }\n\n .red-400 {\n color: unquote(\"rgb(#{$palette-red-400})\") !important;\n }\n\n .bg-red-400 {\n background-color: unquote(\"rgb(#{$palette-red-400})\") !important;\n }\n\n .red-500 {\n color: unquote(\"rgb(#{$palette-red-500})\") !important;\n }\n\n .bg-red-500 {\n background-color: unquote(\"rgb(#{$palette-red-500})\") !important;\n }\n\n .red-600 {\n color: unquote(\"rgb(#{$palette-red-600})\") !important;\n }\n\n .bg-red-600 {\n background-color: unquote(\"rgb(#{$palette-red-600})\") !important;\n }\n\n .red-700 {\n color: unquote(\"rgb(#{$palette-red-700})\") !important;\n }\n\n .bg-red-700 {\n background-color: unquote(\"rgb(#{$palette-red-700})\") !important;\n }\n\n .red-800 {\n color: unquote(\"rgb(#{$palette-red-800})\") !important;\n }\n\n .bg-red-800 {\n background-color: unquote(\"rgb(#{$palette-red-800})\") !important;\n }\n\n .red-900 {\n color: unquote(\"rgb(#{$palette-red-900})\") !important;\n }\n\n .bg-red-900 {\n background-color: unquote(\"rgb(#{$palette-red-900})\") !important;\n }\n\n .red-A100 {\n color: unquote(\"rgb(#{$palette-red-A100})\") !important;\n }\n\n .bg-red-A100 {\n background-color: unquote(\"rgb(#{$palette-red-A100})\") !important;\n }\n\n .red-A200 {\n color: unquote(\"rgb(#{$palette-red-A200})\") !important;\n }\n\n .bg-red-A200 {\n background-color: unquote(\"rgb(#{$palette-red-A200})\") !important;\n }\n\n .red-A400 {\n color: unquote(\"rgb(#{$palette-red-A400})\") !important;\n }\n\n .bg-red-A400 {\n background-color: unquote(\"rgb(#{$palette-red-A400})\") !important;\n }\n\n .red-A700 {\n color: unquote(\"rgb(#{$palette-red-A700})\") !important;\n }\n\n .bg-red-A700 {\n background-color: unquote(\"rgb(#{$palette-red-A700})\") !important;\n }\n\n // Pink\n\n .pink {\n color: unquote(\"rgb(#{$palette-pink-500})\") !important;\n }\n\n .bg-pink {\n background-color: unquote(\"rgb(#{$palette-pink-500})\") !important;\n }\n\n .pink-50 {\n color: unquote(\"rgb(#{$palette-pink-50})\") !important;\n }\n\n .bg-pink-50 {\n background-color: unquote(\"rgb(#{$palette-pink-50})\") !important;\n }\n\n .pink-100 {\n color: unquote(\"rgb(#{$palette-pink-100})\") !important;\n }\n\n .bg-pink-100 {\n background-color: unquote(\"rgb(#{$palette-pink-100})\") !important;\n }\n\n .pink-200 {\n color: unquote(\"rgb(#{$palette-pink-200})\") !important;\n }\n\n .bg-pink-200 {\n background-color: unquote(\"rgb(#{$palette-pink-200})\") !important;\n }\n\n .pink-300 {\n color: unquote(\"rgb(#{$palette-pink-300})\") !important;\n }\n\n .bg-pink-300 {\n background-color: unquote(\"rgb(#{$palette-pink-300})\") !important;\n }\n\n .pink-400 {\n color: unquote(\"rgb(#{$palette-pink-400})\") !important;\n }\n\n .bg-pink-400 {\n background-color: unquote(\"rgb(#{$palette-pink-400})\") !important;\n }\n\n .pink-500 {\n color: unquote(\"rgb(#{$palette-pink-500})\") !important;\n }\n\n .bg-pink-500 {\n background-color: unquote(\"rgb(#{$palette-pink-500})\") !important;\n }\n\n .pink-600 {\n color: unquote(\"rgb(#{$palette-pink-600})\") !important;\n }\n\n .bg-pink-600 {\n background-color: unquote(\"rgb(#{$palette-pink-600})\") !important;\n }\n\n .pink-700 {\n color: unquote(\"rgb(#{$palette-pink-700})\") !important;\n }\n\n .bg-pink-700 {\n background-color: unquote(\"rgb(#{$palette-pink-700})\") !important;\n }\n\n .pink-800 {\n color: unquote(\"rgb(#{$palette-pink-800})\") !important;\n }\n\n .bg-pink-800 {\n background-color: unquote(\"rgb(#{$palette-pink-800})\") !important;\n }\n\n .pink-900 {\n color: unquote(\"rgb(#{$palette-pink-900})\") !important;\n }\n\n .bg-pink-900 {\n background-color: unquote(\"rgb(#{$palette-pink-900})\") !important;\n }\n\n .pink-A100 {\n color: unquote(\"rgb(#{$palette-pink-A100})\") !important;\n }\n\n .bg-pink-A100 {\n background-color: unquote(\"rgb(#{$palette-pink-A100})\") !important;\n }\n\n .pink-A200 {\n color: unquote(\"rgb(#{$palette-pink-A200})\") !important;\n }\n\n .bg-pink-A200 {\n background-color: unquote(\"rgb(#{$palette-pink-A200})\") !important;\n }\n\n .pink-A400 {\n color: unquote(\"rgb(#{$palette-pink-A400})\") !important;\n }\n\n .bg-pink-A400 {\n background-color: unquote(\"rgb(#{$palette-pink-A400})\") !important;\n }\n\n .pink-A700 {\n color: unquote(\"rgb(#{$palette-pink-A700})\") !important;\n }\n\n .bg-pink-A700 {\n background-color: unquote(\"rgb(#{$palette-pink-A700})\") !important;\n }\n\n // Purple\n\n .purple {\n color: unquote(\"rgb(#{$palette-purple-500})\") !important;\n }\n\n .bg-purple {\n background-color: unquote(\"rgb(#{$palette-purple-500})\") !important;\n }\n\n .purple-50 {\n color: unquote(\"rgb(#{$palette-purple-50})\") !important;\n }\n\n .bg-purple-50 {\n background-color: unquote(\"rgb(#{$palette-purple-50})\") !important;\n }\n\n .purple-100 {\n color: unquote(\"rgb(#{$palette-purple-100})\") !important;\n }\n\n .bg-purple-100 {\n background-color: unquote(\"rgb(#{$palette-purple-100})\") !important;\n }\n\n .purple-200 {\n color: unquote(\"rgb(#{$palette-purple-200})\") !important;\n }\n\n .bg-purple-200 {\n background-color: unquote(\"rgb(#{$palette-purple-200})\") !important;\n }\n\n .purple-300 {\n color: unquote(\"rgb(#{$palette-purple-300})\") !important;\n }\n\n .bg-purple-300 {\n background-color: unquote(\"rgb(#{$palette-purple-300})\") !important;\n }\n\n .purple-400 {\n color: unquote(\"rgb(#{$palette-purple-400})\") !important;\n }\n\n .bg-purple-400 {\n background-color: unquote(\"rgb(#{$palette-purple-400})\") !important;\n }\n\n .purple-500 {\n color: unquote(\"rgb(#{$palette-purple-500})\") !important;\n }\n\n .bg-purple-500 {\n background-color: unquote(\"rgb(#{$palette-purple-500})\") !important;\n }\n\n .purple-600 {\n color: unquote(\"rgb(#{$palette-purple-600})\") !important;\n }\n\n .bg-purple-600 {\n background-color: unquote(\"rgb(#{$palette-purple-600})\") !important;\n }\n\n .purple-700 {\n color: unquote(\"rgb(#{$palette-purple-700})\") !important;\n }\n\n .bg-purple-700 {\n background-color: unquote(\"rgb(#{$palette-purple-700})\") !important;\n }\n\n .purple-800 {\n color: unquote(\"rgb(#{$palette-purple-800})\") !important;\n }\n\n .bg-purple-800 {\n background-color: unquote(\"rgb(#{$palette-purple-800})\") !important;\n }\n\n .purple-900 {\n color: unquote(\"rgb(#{$palette-purple-900})\") !important;\n }\n\n .bg-purple-900 {\n background-color: unquote(\"rgb(#{$palette-purple-900})\") !important;\n }\n\n .purple-A100 {\n color: unquote(\"rgb(#{$palette-purple-A100})\") !important;\n }\n\n .bg-purple-A100 {\n background-color: unquote(\"rgb(#{$palette-purple-A100})\") !important;\n }\n\n .purple-A200 {\n color: unquote(\"rgb(#{$palette-purple-A200})\") !important;\n }\n\n .bg-purple-A200 {\n background-color: unquote(\"rgb(#{$palette-purple-A200})\") !important;\n }\n\n .purple-A400 {\n color: unquote(\"rgb(#{$palette-purple-A400})\") !important;\n }\n\n .bg-purple-A400 {\n background-color: unquote(\"rgb(#{$palette-purple-A400})\") !important;\n }\n\n .purple-A700 {\n color: unquote(\"rgb(#{$palette-purple-A700})\") !important;\n }\n\n .bg-purple-A700 {\n background-color: unquote(\"rgb(#{$palette-purple-A700})\") !important;\n }\n\n // Deep Purple.\n\n .deep-purple {\n color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\n }\n\n .bg-deep-purple {\n background-color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\n }\n\n .deep-purple-50 {\n color: unquote(\"rgb(#{$palette-deep-purple-50})\") !important;\n }\n\n .bg-deep-purple-50 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-50})\") !important;\n }\n\n .deep-purple-100 {\n color: unquote(\"rgb(#{$palette-deep-purple-100})\") !important;\n }\n\n .bg-deep-purple-100 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-100})\") !important;\n }\n\n .deep-purple-200 {\n color: unquote(\"rgb(#{$palette-deep-purple-200})\") !important;\n }\n\n .bg-deep-purple-200 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-200})\") !important;\n }\n\n .deep-purple-300 {\n color: unquote(\"rgb(#{$palette-deep-purple-300})\") !important;\n }\n\n .bg-deep-purple-300 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-300})\") !important;\n }\n\n .deep-purple-400 {\n color: unquote(\"rgb(#{$palette-deep-purple-400})\") !important;\n }\n\n .bg-deep-purple-400 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-400})\") !important;\n }\n\n .deep-purple-500 {\n color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\n }\n\n .bg-deep-purple-500 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-500})\") !important;\n }\n\n .deep-purple-600 {\n color: unquote(\"rgb(#{$palette-deep-purple-600})\") !important;\n }\n\n .bg-deep-purple-600 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-600})\") !important;\n }\n\n .deep-purple-700 {\n color: unquote(\"rgb(#{$palette-deep-purple-700})\") !important;\n }\n\n .bg-deep-purple-700 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-700})\") !important;\n }\n\n .deep-purple-800 {\n color: unquote(\"rgb(#{$palette-deep-purple-800})\") !important;\n }\n\n .bg-deep-purple-800 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-800})\") !important;\n }\n\n .deep-purple-900 {\n color: unquote(\"rgb(#{$palette-deep-purple-900})\") !important;\n }\n\n .bg-deep-purple-900 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-900})\") !important;\n }\n\n .deep-purple-A100 {\n color: unquote(\"rgb(#{$palette-deep-purple-A100})\") !important;\n }\n\n .bg-deep-purple-A100 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-A100})\") !important;\n }\n\n .deep-purple-A200 {\n color: unquote(\"rgb(#{$palette-deep-purple-A200})\") !important;\n }\n\n .bg-deep-purple-A200 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-A200})\") !important;\n }\n\n .deep-purple-A400 {\n color: unquote(\"rgb(#{$palette-deep-purple-A400})\") !important;\n }\n\n .bg-deep-purple-A400 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-A400})\") !important;\n }\n\n .deep-purple-A700 {\n color: unquote(\"rgb(#{$palette-deep-purple-A700})\") !important;\n }\n\n .bg-deep-purple-A700 {\n background-color: unquote(\"rgb(#{$palette-deep-purple-A700})\") !important;\n }\n\n // Indigo\n\n .indigo {\n color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\n }\n\n .bg-indigo {\n background-color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\n }\n\n .indigo-50 {\n color: unquote(\"rgb(#{$palette-indigo-50})\") !important;\n }\n\n .bg-indigo-50 {\n background-color: unquote(\"rgb(#{$palette-indigo-50})\") !important;\n }\n\n .indigo-100 {\n color: unquote(\"rgb(#{$palette-indigo-100})\") !important;\n }\n\n .bg-indigo-100 {\n background-color: unquote(\"rgb(#{$palette-indigo-100})\") !important;\n }\n\n .indigo-200 {\n color: unquote(\"rgb(#{$palette-indigo-200})\") !important;\n }\n\n .bg-indigo-200 {\n background-color: unquote(\"rgb(#{$palette-indigo-200})\") !important;\n }\n\n .indigo-300 {\n color: unquote(\"rgb(#{$palette-indigo-300})\") !important;\n }\n\n .bg-indigo-300 {\n background-color: unquote(\"rgb(#{$palette-indigo-300})\") !important;\n }\n\n .indigo-400 {\n color: unquote(\"rgb(#{$palette-indigo-400})\") !important;\n }\n\n .bg-indigo-400 {\n background-color: unquote(\"rgb(#{$palette-indigo-400})\") !important;\n }\n\n .indigo-500 {\n color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\n }\n\n .bg-indigo-500 {\n background-color: unquote(\"rgb(#{$palette-indigo-500})\") !important;\n }\n\n .indigo-600 {\n color: unquote(\"rgb(#{$palette-indigo-600})\") !important;\n }\n\n .bg-indigo-600 {\n background-color: unquote(\"rgb(#{$palette-indigo-600})\") !important;\n }\n\n .indigo-700 {\n color: unquote(\"rgb(#{$palette-indigo-700})\") !important;\n }\n\n .bg-indigo-700 {\n background-color: unquote(\"rgb(#{$palette-indigo-700})\") !important;\n }\n\n .indigo-800 {\n color: unquote(\"rgb(#{$palette-indigo-800})\") !important;\n }\n\n .bg-indigo-800 {\n background-color: unquote(\"rgb(#{$palette-indigo-800})\") !important;\n }\n\n .indigo-900 {\n color: unquote(\"rgb(#{$palette-indigo-900})\") !important;\n }\n\n .bg-indigo-900 {\n background-color: unquote(\"rgb(#{$palette-indigo-900})\") !important;\n }\n\n .indigo-A100 {\n color: unquote(\"rgb(#{$palette-indigo-A100})\") !important;\n }\n\n .bg-indigo-A100 {\n background-color: unquote(\"rgb(#{$palette-indigo-A100})\") !important;\n }\n\n .indigo-A200 {\n color: unquote(\"rgb(#{$palette-indigo-A200})\") !important;\n }\n\n .bg-indigo-A200 {\n background-color: unquote(\"rgb(#{$palette-indigo-A200})\") !important;\n }\n\n .indigo-A400 {\n color: unquote(\"rgb(#{$palette-indigo-A400})\") !important;\n }\n\n .bg-indigo-A400 {\n background-color: unquote(\"rgb(#{$palette-indigo-A400})\") !important;\n }\n\n .indigo-A700 {\n color: unquote(\"rgb(#{$palette-indigo-A700})\") !important;\n }\n\n .bg-indigo-A700 {\n background-color: unquote(\"rgb(#{$palette-indigo-A700})\") !important;\n }\n\n // Blue\n\n .blue {\n color: unquote(\"rgb(#{$palette-blue-500})\") !important;\n }\n\n .bg-blue {\n background-color: unquote(\"rgb(#{$palette-blue-500})\") !important;\n }\n\n .blue-50 {\n color: unquote(\"rgb(#{$palette-blue-50})\") !important;\n }\n\n .bg-blue-50 {\n background-color: unquote(\"rgb(#{$palette-blue-50})\") !important;\n }\n\n .blue-100 {\n color: unquote(\"rgb(#{$palette-blue-100})\") !important;\n }\n\n .bg-blue-100 {\n background-color: unquote(\"rgb(#{$palette-blue-100})\") !important;\n }\n\n .blue-200 {\n color: unquote(\"rgb(#{$palette-blue-200})\") !important;\n }\n\n .bg-blue-200 {\n background-color: unquote(\"rgb(#{$palette-blue-200})\") !important;\n }\n\n .blue-300 {\n color: unquote(\"rgb(#{$palette-blue-300})\") !important;\n }\n\n .bg-blue-300 {\n background-color: unquote(\"rgb(#{$palette-blue-300})\") !important;\n }\n\n .blue-400 {\n color: unquote(\"rgb(#{$palette-blue-400})\") !important;\n }\n\n .bg-blue-400 {\n background-color: unquote(\"rgb(#{$palette-blue-400})\") !important;\n }\n\n .blue-500 {\n color: unquote(\"rgb(#{$palette-blue-500})\") !important;\n }\n\n .bg-blue-500 {\n background-color: unquote(\"rgb(#{$palette-blue-500})\") !important;\n }\n\n .blue-600 {\n color: unquote(\"rgb(#{$palette-blue-600})\") !important;\n }\n\n .bg-blue-600 {\n background-color: unquote(\"rgb(#{$palette-blue-600})\") !important;\n }\n\n .blue-700 {\n color: unquote(\"rgb(#{$palette-blue-700})\") !important;\n }\n\n .bg-blue-700 {\n background-color: unquote(\"rgb(#{$palette-blue-700})\") !important;\n }\n\n .blue-800 {\n color: unquote(\"rgb(#{$palette-blue-800})\") !important;\n }\n\n .bg-blue-800 {\n background-color: unquote(\"rgb(#{$palette-blue-800})\") !important;\n }\n\n .blue-900 {\n color: unquote(\"rgb(#{$palette-blue-900})\") !important;\n }\n\n .bg-blue-900 {\n background-color: unquote(\"rgb(#{$palette-blue-900})\") !important;\n }\n\n .blue-A100 {\n color: unquote(\"rgb(#{$palette-blue-A100})\") !important;\n }\n\n .bg-blue-A100 {\n background-color: unquote(\"rgb(#{$palette-blue-A100})\") !important;\n }\n\n .blue-A200 {\n color: unquote(\"rgb(#{$palette-blue-A200})\") !important;\n }\n\n .bg-blue-A200 {\n background-color: unquote(\"rgb(#{$palette-blue-A200})\") !important;\n }\n\n .blue-A400 {\n color: unquote(\"rgb(#{$palette-blue-A400})\") !important;\n }\n\n .bg-blue-A400 {\n background-color: unquote(\"rgb(#{$palette-blue-A400})\") !important;\n }\n\n .blue-A700 {\n color: unquote(\"rgb(#{$palette-blue-A700})\") !important;\n }\n\n .bg-blue-A700 {\n background-color: unquote(\"rgb(#{$palette-blue-A700})\") !important;\n }\n\n // Light Blue\n\n .light-blue {\n color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\n }\n\n .bg-light-blue {\n background-color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\n }\n\n .light-blue-50 {\n color: unquote(\"rgb(#{$palette-light-blue-50})\") !important;\n }\n\n .bg-light-blue-50 {\n background-color: unquote(\"rgb(#{$palette-light-blue-50})\") !important;\n }\n\n .light-blue-100 {\n color: unquote(\"rgb(#{$palette-light-blue-100})\") !important;\n }\n\n .bg-light-blue-100 {\n background-color: unquote(\"rgb(#{$palette-light-blue-100})\") !important;\n }\n\n .light-blue-200 {\n color: unquote(\"rgb(#{$palette-light-blue-200})\") !important;\n }\n\n .bg-light-blue-200 {\n background-color: unquote(\"rgb(#{$palette-light-blue-200})\") !important;\n }\n\n .light-blue-300 {\n color: unquote(\"rgb(#{$palette-light-blue-300})\") !important;\n }\n\n .bg-light-blue-300 {\n background-color: unquote(\"rgb(#{$palette-light-blue-300})\") !important;\n }\n\n .light-blue-400 {\n color: unquote(\"rgb(#{$palette-light-blue-400})\") !important;\n }\n\n .bg-light-blue-400 {\n background-color: unquote(\"rgb(#{$palette-light-blue-400})\") !important;\n }\n\n .light-blue-500 {\n color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\n }\n\n .bg-light-blue-500 {\n background-color: unquote(\"rgb(#{$palette-light-blue-500})\") !important;\n }\n\n .light-blue-600 {\n color: unquote(\"rgb(#{$palette-light-blue-600})\") !important;\n }\n\n .bg-light-blue-600 {\n background-color: unquote(\"rgb(#{$palette-light-blue-600})\") !important;\n }\n\n .light-blue-700 {\n color: unquote(\"rgb(#{$palette-light-blue-700})\") !important;\n }\n\n .bg-light-blue-700 {\n background-color: unquote(\"rgb(#{$palette-light-blue-700})\") !important;\n }\n\n .light-blue-800 {\n color: unquote(\"rgb(#{$palette-light-blue-800})\") !important;\n }\n\n .bg-light-blue-800 {\n background-color: unquote(\"rgb(#{$palette-light-blue-800})\") !important;\n }\n\n .light-blue-900 {\n color: unquote(\"rgb(#{$palette-light-blue-900})\") !important;\n }\n\n .bg-light-blue-900 {\n background-color: unquote(\"rgb(#{$palette-light-blue-900})\") !important;\n }\n\n .light-blue-A100 {\n color: unquote(\"rgb(#{$palette-light-blue-A100})\") !important;\n }\n\n .bg-light-blue-A100 {\n background-color: unquote(\"rgb(#{$palette-light-blue-A100})\") !important;\n }\n\n .light-blue-A200 {\n color: unquote(\"rgb(#{$palette-light-blue-A200})\") !important;\n }\n\n .bg-light-blue-A200 {\n background-color: unquote(\"rgb(#{$palette-light-blue-A200})\") !important;\n }\n\n .light-blue-A400 {\n color: unquote(\"rgb(#{$palette-light-blue-A400})\") !important;\n }\n\n .bg-light-blue-A400 {\n background-color: unquote(\"rgb(#{$palette-light-blue-A400})\") !important;\n }\n\n .light-blue-A700 {\n color: unquote(\"rgb(#{$palette-light-blue-A700})\") !important;\n }\n\n .bg-light-blue-A700 {\n background-color: unquote(\"rgb(#{$palette-light-blue-A700})\") !important;\n }\n\n // Cyan\n\n .cyan {\n color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\n }\n\n .bg-cyan {\n background-color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\n }\n\n .cyan-50 {\n color: unquote(\"rgb(#{$palette-cyan-50})\") !important;\n }\n\n .bg-cyan-50 {\n background-color: unquote(\"rgb(#{$palette-cyan-50})\") !important;\n }\n\n .cyan-100 {\n color: unquote(\"rgb(#{$palette-cyan-100})\") !important;\n }\n\n .bg-cyan-100 {\n background-color: unquote(\"rgb(#{$palette-cyan-100})\") !important;\n }\n\n .cyan-200 {\n color: unquote(\"rgb(#{$palette-cyan-200})\") !important;\n }\n\n .bg-cyan-200 {\n background-color: unquote(\"rgb(#{$palette-cyan-200})\") !important;\n }\n\n .cyan-300 {\n color: unquote(\"rgb(#{$palette-cyan-300})\") !important;\n }\n\n .bg-cyan-300 {\n background-color: unquote(\"rgb(#{$palette-cyan-300})\") !important;\n }\n\n .cyan-400 {\n color: unquote(\"rgb(#{$palette-cyan-400})\") !important;\n }\n\n .bg-cyan-400 {\n background-color: unquote(\"rgb(#{$palette-cyan-400})\") !important;\n }\n\n .cyan-500 {\n color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\n }\n\n .bg-cyan-500 {\n background-color: unquote(\"rgb(#{$palette-cyan-500})\") !important;\n }\n\n .cyan-600 {\n color: unquote(\"rgb(#{$palette-cyan-600})\") !important;\n }\n\n .bg-cyan-600 {\n background-color: unquote(\"rgb(#{$palette-cyan-600})\") !important;\n }\n\n .cyan-700 {\n color: unquote(\"rgb(#{$palette-cyan-700})\") !important;\n }\n\n .bg-cyan-700 {\n background-color: unquote(\"rgb(#{$palette-cyan-700})\") !important;\n }\n\n .cyan-800 {\n color: unquote(\"rgb(#{$palette-cyan-800})\") !important;\n }\n\n .bg-cyan-800 {\n background-color: unquote(\"rgb(#{$palette-cyan-800})\") !important;\n }\n\n .cyan-900 {\n color: unquote(\"rgb(#{$palette-cyan-900})\") !important;\n }\n\n .bg-cyan-900 {\n background-color: unquote(\"rgb(#{$palette-cyan-900})\") !important;\n }\n\n .cyan-A100 {\n color: unquote(\"rgb(#{$palette-cyan-A100})\") !important;\n }\n\n .bg-cyan-A100 {\n background-color: unquote(\"rgb(#{$palette-cyan-A100})\") !important;\n }\n\n .cyan-A200 {\n color: unquote(\"rgb(#{$palette-cyan-A200})\") !important;\n }\n\n .bg-cyan-A200 {\n background-color: unquote(\"rgb(#{$palette-cyan-A200})\") !important;\n }\n\n .cyan-A400 {\n color: unquote(\"rgb(#{$palette-cyan-A400})\") !important;\n }\n\n .bg-cyan-A400 {\n background-color: unquote(\"rgb(#{$palette-cyan-A400})\") !important;\n }\n\n .cyan-A700 {\n color: unquote(\"rgb(#{$palette-cyan-A700})\") !important;\n }\n\n .bg-cyan-A700 {\n background-color: unquote(\"rgb(#{$palette-cyan-A700})\") !important;\n }\n\n // Teal\n\n .teal {\n color: unquote(\"rgb(#{$palette-teal-500})\") !important;\n }\n\n .bg-teal {\n background-color: unquote(\"rgb(#{$palette-teal-500})\") !important;\n }\n\n .teal-50 {\n color: unquote(\"rgb(#{$palette-teal-50})\") !important;\n }\n\n .bg-teal-50 {\n background-color: unquote(\"rgb(#{$palette-teal-50})\") !important;\n }\n\n .teal-100 {\n color: unquote(\"rgb(#{$palette-teal-100})\") !important;\n }\n\n .bg-teal-100 {\n background-color: unquote(\"rgb(#{$palette-teal-100})\") !important;\n }\n\n .teal-200 {\n color: unquote(\"rgb(#{$palette-teal-200})\") !important;\n }\n\n .bg-teal-200 {\n background-color: unquote(\"rgb(#{$palette-teal-200})\") !important;\n }\n\n .teal-300 {\n color: unquote(\"rgb(#{$palette-teal-300})\") !important;\n }\n\n .bg-teal-300 {\n background-color: unquote(\"rgb(#{$palette-teal-300})\") !important;\n }\n\n .teal-400 {\n color: unquote(\"rgb(#{$palette-teal-400})\") !important;\n }\n\n .bg-teal-400 {\n background-color: unquote(\"rgb(#{$palette-teal-400})\") !important;\n }\n\n .teal-500 {\n color: unquote(\"rgb(#{$palette-teal-500})\") !important;\n }\n\n .bg-teal-500 {\n background-color: unquote(\"rgb(#{$palette-teal-500})\") !important;\n }\n\n .teal-600 {\n color: unquote(\"rgb(#{$palette-teal-600})\") !important;\n }\n\n .bg-teal-600 {\n background-color: unquote(\"rgb(#{$palette-teal-600})\") !important;\n }\n\n .teal-700 {\n color: unquote(\"rgb(#{$palette-teal-700})\") !important;\n }\n\n .bg-teal-700 {\n background-color: unquote(\"rgb(#{$palette-teal-700})\") !important;\n }\n\n .teal-800 {\n color: unquote(\"rgb(#{$palette-teal-800})\") !important;\n }\n\n .bg-teal-800 {\n background-color: unquote(\"rgb(#{$palette-teal-800})\") !important;\n }\n\n .teal-900 {\n color: unquote(\"rgb(#{$palette-teal-900})\") !important;\n }\n\n .bg-teal-900 {\n background-color: unquote(\"rgb(#{$palette-teal-900})\") !important;\n }\n\n .teal-A100 {\n color: unquote(\"rgb(#{$palette-teal-A100})\") !important;\n }\n\n .bg-teal-A100 {\n background-color: unquote(\"rgb(#{$palette-teal-A100})\") !important;\n }\n\n .teal-A200 {\n color: unquote(\"rgb(#{$palette-teal-A200})\") !important;\n }\n\n .bg-teal-A200 {\n background-color: unquote(\"rgb(#{$palette-teal-A200})\") !important;\n }\n\n .teal-A400 {\n color: unquote(\"rgb(#{$palette-teal-A400})\") !important;\n }\n\n .bg-teal-A400 {\n background-color: unquote(\"rgb(#{$palette-teal-A400})\") !important;\n }\n\n .teal-A700 {\n color: unquote(\"rgb(#{$palette-teal-A700})\") !important;\n }\n\n .bg-teal-A700 {\n background-color: unquote(\"rgb(#{$palette-teal-A700})\") !important;\n }\n\n // Green\n\n .green {\n color: unquote(\"rgb(#{$palette-green-500})\") !important;\n }\n\n .bg-green {\n background-color: unquote(\"rgb(#{$palette-green-500})\") !important;\n }\n\n .green-50 {\n color: unquote(\"rgb(#{$palette-green-50})\") !important;\n }\n\n .bg-green-50 {\n background-color: unquote(\"rgb(#{$palette-green-50})\") !important;\n }\n\n .green-100 {\n color: unquote(\"rgb(#{$palette-green-100})\") !important;\n }\n\n .bg-green-100 {\n background-color: unquote(\"rgb(#{$palette-green-100})\") !important;\n }\n\n .green-200 {\n color: unquote(\"rgb(#{$palette-green-200})\") !important;\n }\n\n .bg-green-200 {\n background-color: unquote(\"rgb(#{$palette-green-200})\") !important;\n }\n\n .green-300 {\n color: unquote(\"rgb(#{$palette-green-300})\") !important;\n }\n\n .bg-green-300 {\n background-color: unquote(\"rgb(#{$palette-green-300})\") !important;\n }\n\n .green-400 {\n color: unquote(\"rgb(#{$palette-green-400})\") !important;\n }\n\n .bg-green-400 {\n background-color: unquote(\"rgb(#{$palette-green-400})\") !important;\n }\n\n .green-500 {\n color: unquote(\"rgb(#{$palette-green-500})\") !important;\n }\n\n .bg-green-500 {\n background-color: unquote(\"rgb(#{$palette-green-500})\") !important;\n }\n\n .green-600 {\n color: unquote(\"rgb(#{$palette-green-600})\") !important;\n }\n\n .bg-green-600 {\n background-color: unquote(\"rgb(#{$palette-green-600})\") !important;\n }\n\n .green-700 {\n color: unquote(\"rgb(#{$palette-green-700})\") !important;\n }\n\n .bg-green-700 {\n background-color: unquote(\"rgb(#{$palette-green-700})\") !important;\n }\n\n .green-800 {\n color: unquote(\"rgb(#{$palette-green-800})\") !important;\n }\n\n .bg-green-800 {\n background-color: unquote(\"rgb(#{$palette-green-800})\") !important;\n }\n\n .green-900 {\n color: unquote(\"rgb(#{$palette-green-900})\") !important;\n }\n\n .bg-green-900 {\n background-color: unquote(\"rgb(#{$palette-green-900})\") !important;\n }\n\n .green-A100 {\n color: unquote(\"rgb(#{$palette-green-A100})\") !important;\n }\n\n .bg-green-A100 {\n background-color: unquote(\"rgb(#{$palette-green-A100})\") !important;\n }\n\n .green-A200 {\n color: unquote(\"rgb(#{$palette-green-A200})\") !important;\n }\n\n .bg-green-A200 {\n background-color: unquote(\"rgb(#{$palette-green-A200})\") !important;\n }\n\n .green-A400 {\n color: unquote(\"rgb(#{$palette-green-A400})\") !important;\n }\n\n .bg-green-A400 {\n background-color: unquote(\"rgb(#{$palette-green-A400})\") !important;\n }\n\n .green-A700 {\n color: unquote(\"rgb(#{$palette-green-A700})\") !important;\n }\n\n .bg-green-A700 {\n background-color: unquote(\"rgb(#{$palette-green-A700})\") !important;\n }\n\n // Light Green\n\n .light-green {\n color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\n }\n\n .bg-light-green {\n background-color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\n }\n\n .light-green-50 {\n color: unquote(\"rgb(#{$palette-light-green-50})\") !important;\n }\n\n .bg-light-green-50 {\n background-color: unquote(\"rgb(#{$palette-light-green-50})\") !important;\n }\n\n .light-green-100 {\n color: unquote(\"rgb(#{$palette-light-green-100})\") !important;\n }\n\n .bg-light-green-100 {\n background-color: unquote(\"rgb(#{$palette-light-green-100})\") !important;\n }\n\n .light-green-200 {\n color: unquote(\"rgb(#{$palette-light-green-200})\") !important;\n }\n\n .bg-light-green-200 {\n background-color: unquote(\"rgb(#{$palette-light-green-200})\") !important;\n }\n\n .light-green-300 {\n color: unquote(\"rgb(#{$palette-light-green-300})\") !important;\n }\n\n .bg-light-green-300 {\n background-color: unquote(\"rgb(#{$palette-light-green-300})\") !important;\n }\n\n .light-green-400 {\n color: unquote(\"rgb(#{$palette-light-green-400})\") !important;\n }\n\n .bg-light-green-400 {\n background-color: unquote(\"rgb(#{$palette-light-green-400})\") !important;\n }\n\n .light-green-500 {\n color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\n }\n\n .bg-light-green-500 {\n background-color: unquote(\"rgb(#{$palette-light-green-500})\") !important;\n }\n\n .light-green-600 {\n color: unquote(\"rgb(#{$palette-light-green-600})\") !important;\n }\n\n .bg-light-green-600 {\n background-color: unquote(\"rgb(#{$palette-light-green-600})\") !important;\n }\n\n .light-green-700 {\n color: unquote(\"rgb(#{$palette-light-green-700})\") !important;\n }\n\n .bg-light-green-700 {\n background-color: unquote(\"rgb(#{$palette-light-green-700})\") !important;\n }\n\n .light-green-800 {\n color: unquote(\"rgb(#{$palette-light-green-800})\") !important;\n }\n\n .bg-light-green-800 {\n background-color: unquote(\"rgb(#{$palette-light-green-800})\") !important;\n }\n\n .light-green-900 {\n color: unquote(\"rgb(#{$palette-light-green-900})\") !important;\n }\n\n .bg-light-green-900 {\n background-color: unquote(\"rgb(#{$palette-light-green-900})\") !important;\n }\n\n .light-green-A100 {\n color: unquote(\"rgb(#{$palette-light-green-A100})\") !important;\n }\n\n .bg-light-green-A100 {\n background-color: unquote(\"rgb(#{$palette-light-green-A100})\") !important;\n }\n\n .light-green-A200 {\n color: unquote(\"rgb(#{$palette-light-green-A200})\") !important;\n }\n\n .bg-light-green-A200 {\n background-color: unquote(\"rgb(#{$palette-light-green-A200})\") !important;\n }\n\n .light-green-A400 {\n color: unquote(\"rgb(#{$palette-light-green-A400})\") !important;\n }\n\n .bg-light-green-A400 {\n background-color: unquote(\"rgb(#{$palette-light-green-A400})\") !important;\n }\n\n .light-green-A700 {\n color: unquote(\"rgb(#{$palette-light-green-A700})\") !important;\n }\n\n .bg-light-green-A700 {\n background-color: unquote(\"rgb(#{$palette-light-green-A700})\") !important;\n }\n\n // Lime\n\n .lime {\n color: unquote(\"rgb(#{$palette-lime-500})\") !important;\n }\n\n .bg-lime {\n background-color: unquote(\"rgb(#{$palette-lime-500})\") !important;\n }\n\n .lime-50 {\n color: unquote(\"rgb(#{$palette-lime-50})\") !important;\n }\n\n .bg-lime-50 {\n background-color: unquote(\"rgb(#{$palette-lime-50})\") !important;\n }\n\n .lime-100 {\n color: unquote(\"rgb(#{$palette-lime-100})\") !important;\n }\n\n .bg-lime-100 {\n background-color: unquote(\"rgb(#{$palette-lime-100})\") !important;\n }\n\n .lime-200 {\n color: unquote(\"rgb(#{$palette-lime-200})\") !important;\n }\n\n .bg-lime-200 {\n background-color: unquote(\"rgb(#{$palette-lime-200})\") !important;\n }\n\n .lime-300 {\n color: unquote(\"rgb(#{$palette-lime-300})\") !important;\n }\n\n .bg-lime-300 {\n background-color: unquote(\"rgb(#{$palette-lime-300})\") !important;\n }\n\n .lime-400 {\n color: unquote(\"rgb(#{$palette-lime-400})\") !important;\n }\n\n .bg-lime-400 {\n background-color: unquote(\"rgb(#{$palette-lime-400})\") !important;\n }\n\n .lime-500 {\n color: unquote(\"rgb(#{$palette-lime-500})\") !important;\n }\n\n .bg-lime-500 {\n background-color: unquote(\"rgb(#{$palette-lime-500})\") !important;\n }\n\n .lime-600 {\n color: unquote(\"rgb(#{$palette-lime-600})\") !important;\n }\n\n .bg-lime-600 {\n background-color: unquote(\"rgb(#{$palette-lime-600})\") !important;\n }\n\n .lime-700 {\n color: unquote(\"rgb(#{$palette-lime-700})\") !important;\n }\n\n .bg-lime-700 {\n background-color: unquote(\"rgb(#{$palette-lime-700})\") !important;\n }\n\n .lime-800 {\n color: unquote(\"rgb(#{$palette-lime-800})\") !important;\n }\n\n .bg-lime-800 {\n background-color: unquote(\"rgb(#{$palette-lime-800})\") !important;\n }\n\n .lime-900 {\n color: unquote(\"rgb(#{$palette-lime-900})\") !important;\n }\n\n .bg-lime-900 {\n background-color: unquote(\"rgb(#{$palette-lime-900})\") !important;\n }\n\n .lime-A100 {\n color: unquote(\"rgb(#{$palette-lime-A100})\") !important;\n }\n\n .bg-lime-A100 {\n background-color: unquote(\"rgb(#{$palette-lime-A100})\") !important;\n }\n\n .lime-A200 {\n color: unquote(\"rgb(#{$palette-lime-A200})\") !important;\n }\n\n .bg-lime-A200 {\n background-color: unquote(\"rgb(#{$palette-lime-A200})\") !important;\n }\n\n .lime-A400 {\n color: unquote(\"rgb(#{$palette-lime-A400})\") !important;\n }\n\n .bg-lime-A400 {\n background-color: unquote(\"rgb(#{$palette-lime-A400})\") !important;\n }\n\n .lime-A700 {\n color: unquote(\"rgb(#{$palette-lime-A700})\") !important;\n }\n\n .bg-lime-A700 {\n background-color: unquote(\"rgb(#{$palette-lime-A700})\") !important;\n }\n\n // Yellow\n\n .yellow {\n color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\n }\n\n .bg-yellow {\n background-color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\n }\n\n .yellow-50 {\n color: unquote(\"rgb(#{$palette-yellow-50})\") !important;\n }\n\n .bg-yellow-50 {\n background-color: unquote(\"rgb(#{$palette-yellow-50})\") !important;\n }\n\n .yellow-100 {\n color: unquote(\"rgb(#{$palette-yellow-100})\") !important;\n }\n\n .bg-yellow-100 {\n background-color: unquote(\"rgb(#{$palette-yellow-100})\") !important;\n }\n\n .yellow-200 {\n color: unquote(\"rgb(#{$palette-yellow-200})\") !important;\n }\n\n .bg-yellow-200 {\n background-color: unquote(\"rgb(#{$palette-yellow-200})\") !important;\n }\n\n .yellow-300 {\n color: unquote(\"rgb(#{$palette-yellow-300})\") !important;\n }\n\n .bg-yellow-300 {\n background-color: unquote(\"rgb(#{$palette-yellow-300})\") !important;\n }\n\n .yellow-400 {\n color: unquote(\"rgb(#{$palette-yellow-400})\") !important;\n }\n\n .bg-yellow-400 {\n background-color: unquote(\"rgb(#{$palette-yellow-400})\") !important;\n }\n\n .yellow-500 {\n color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\n }\n\n .bg-yellow-500 {\n background-color: unquote(\"rgb(#{$palette-yellow-500})\") !important;\n }\n\n .yellow-600 {\n color: unquote(\"rgb(#{$palette-yellow-600})\") !important;\n }\n\n .bg-yellow-600 {\n background-color: unquote(\"rgb(#{$palette-yellow-600})\") !important;\n }\n\n .yellow-700 {\n color: unquote(\"rgb(#{$palette-yellow-700})\") !important;\n }\n\n .bg-yellow-700 {\n background-color: unquote(\"rgb(#{$palette-yellow-700})\") !important;\n }\n\n .yellow-800 {\n color: unquote(\"rgb(#{$palette-yellow-800})\") !important;\n }\n\n .bg-yellow-800 {\n background-color: unquote(\"rgb(#{$palette-yellow-800})\") !important;\n }\n\n .yellow-900 {\n color: unquote(\"rgb(#{$palette-yellow-900})\") !important;\n }\n\n .bg-yellow-900 {\n background-color: unquote(\"rgb(#{$palette-yellow-900})\") !important;\n }\n\n .yellow-A100 {\n color: unquote(\"rgb(#{$palette-yellow-A100})\") !important;\n }\n\n .bg-yellow-A100 {\n background-color: unquote(\"rgb(#{$palette-yellow-A100})\") !important;\n }\n\n .yellow-A200 {\n color: unquote(\"rgb(#{$palette-yellow-A200})\") !important;\n }\n\n .bg-yellow-A200 {\n background-color: unquote(\"rgb(#{$palette-yellow-A200})\") !important;\n }\n\n .yellow-A400 {\n color: unquote(\"rgb(#{$palette-yellow-A400})\") !important;\n }\n\n .bg-yellow-A400 {\n background-color: unquote(\"rgb(#{$palette-yellow-A400})\") !important;\n }\n\n .yellow-A700 {\n color: unquote(\"rgb(#{$palette-yellow-A700})\") !important;\n }\n\n .bg-yellow-A700 {\n background-color: unquote(\"rgb(#{$palette-yellow-A700})\") !important;\n }\n\n // Amber\n\n .amber {\n color: unquote(\"rgb(#{$palette-amber-500})\") !important;\n }\n\n .bg-amber {\n background-color: unquote(\"rgb(#{$palette-amber-500})\") !important;\n }\n\n .amber-50 {\n color: unquote(\"rgb(#{$palette-amber-50})\") !important;\n }\n\n .bg-amber-50 {\n background-color: unquote(\"rgb(#{$palette-amber-50})\") !important;\n }\n\n .amber-100 {\n color: unquote(\"rgb(#{$palette-amber-100})\") !important;\n }\n\n .bg-amber-100 {\n background-color: unquote(\"rgb(#{$palette-amber-100})\") !important;\n }\n\n .amber-200 {\n color: unquote(\"rgb(#{$palette-amber-200})\") !important;\n }\n\n .bg-amber-200 {\n background-color: unquote(\"rgb(#{$palette-amber-200})\") !important;\n }\n\n .amber-300 {\n color: unquote(\"rgb(#{$palette-amber-300})\") !important;\n }\n\n .bg-amber-300 {\n background-color: unquote(\"rgb(#{$palette-amber-300})\") !important;\n }\n\n .amber-400 {\n color: unquote(\"rgb(#{$palette-amber-400})\") !important;\n }\n\n .bg-amber-400 {\n background-color: unquote(\"rgb(#{$palette-amber-400})\") !important;\n }\n\n .amber-500 {\n color: unquote(\"rgb(#{$palette-amber-500})\") !important;\n }\n\n .bg-amber-500 {\n background-color: unquote(\"rgb(#{$palette-amber-500})\") !important;\n }\n\n .amber-600 {\n color: unquote(\"rgb(#{$palette-amber-600})\") !important;\n }\n\n .bg-amber-600 {\n background-color: unquote(\"rgb(#{$palette-amber-600})\") !important;\n }\n\n .amber-700 {\n color: unquote(\"rgb(#{$palette-amber-700})\") !important;\n }\n\n .bg-amber-700 {\n background-color: unquote(\"rgb(#{$palette-amber-700})\") !important;\n }\n\n .amber-800 {\n color: unquote(\"rgb(#{$palette-amber-800})\") !important;\n }\n\n .bg-amber-800 {\n background-color: unquote(\"rgb(#{$palette-amber-800})\") !important;\n }\n\n .amber-900 {\n color: unquote(\"rgb(#{$palette-amber-900})\") !important;\n }\n\n .bg-amber-900 {\n background-color: unquote(\"rgb(#{$palette-amber-900})\") !important;\n }\n\n .amber-A100 {\n color: unquote(\"rgb(#{$palette-amber-A100})\") !important;\n }\n\n .bg-amber-A100 {\n background-color: unquote(\"rgb(#{$palette-amber-A100})\") !important;\n }\n\n .amber-A200 {\n color: unquote(\"rgb(#{$palette-amber-A200})\") !important;\n }\n\n .bg-amber-A200 {\n background-color: unquote(\"rgb(#{$palette-amber-A200})\") !important;\n }\n\n .amber-A400 {\n color: unquote(\"rgb(#{$palette-amber-A400})\") !important;\n }\n\n .bg-amber-A400 {\n background-color: unquote(\"rgb(#{$palette-amber-A400})\") !important;\n }\n\n .amber-A700 {\n color: unquote(\"rgb(#{$palette-amber-A700})\") !important;\n }\n\n .bg-amber-A700 {\n background-color: unquote(\"rgb(#{$palette-amber-A700})\") !important;\n }\n\n // Orange\n\n .orange {\n color: unquote(\"rgb(#{$palette-orange-500})\") !important;\n }\n\n .bg-orange {\n background-color: unquote(\"rgb(#{$palette-orange-500})\") !important;\n }\n\n .orange-50 {\n color: unquote(\"rgb(#{$palette-orange-50})\") !important;\n }\n\n .bg-orange-50 {\n background-color: unquote(\"rgb(#{$palette-orange-50})\") !important;\n }\n\n .orange-100 {\n color: unquote(\"rgb(#{$palette-orange-100})\") !important;\n }\n\n .bg-orange-100 {\n background-color: unquote(\"rgb(#{$palette-orange-100})\") !important;\n }\n\n .orange-200 {\n color: unquote(\"rgb(#{$palette-orange-200})\") !important;\n }\n\n .bg-orange-200 {\n background-color: unquote(\"rgb(#{$palette-orange-200})\") !important;\n }\n\n .orange-300 {\n color: unquote(\"rgb(#{$palette-orange-300})\") !important;\n }\n\n .bg-orange-300 {\n background-color: unquote(\"rgb(#{$palette-orange-300})\") !important;\n }\n\n .orange-400 {\n color: unquote(\"rgb(#{$palette-orange-400})\") !important;\n }\n\n .bg-orange-400 {\n background-color: unquote(\"rgb(#{$palette-orange-400})\") !important;\n }\n\n .orange-500 {\n color: unquote(\"rgb(#{$palette-orange-500})\") !important;\n }\n\n .bg-orange-500 {\n background-color: unquote(\"rgb(#{$palette-orange-500})\") !important;\n }\n\n .orange-600 {\n color: unquote(\"rgb(#{$palette-orange-600})\") !important;\n }\n\n .bg-orange-600 {\n background-color: unquote(\"rgb(#{$palette-orange-600})\") !important;\n }\n\n .orange-700 {\n color: unquote(\"rgb(#{$palette-orange-700})\") !important;\n }\n\n .bg-orange-700 {\n background-color: unquote(\"rgb(#{$palette-orange-700})\") !important;\n }\n\n .orange-800 {\n color: unquote(\"rgb(#{$palette-orange-800})\") !important;\n }\n\n .bg-orange-800 {\n background-color: unquote(\"rgb(#{$palette-orange-800})\") !important;\n }\n\n .orange-900 {\n color: unquote(\"rgb(#{$palette-orange-900})\") !important;\n }\n\n .bg-orange-900 {\n background-color: unquote(\"rgb(#{$palette-orange-900})\") !important;\n }\n\n .orange-A100 {\n color: unquote(\"rgb(#{$palette-orange-A100})\") !important;\n }\n\n .bg-orange-A100 {\n background-color: unquote(\"rgb(#{$palette-orange-A100})\") !important;\n }\n\n .orange-A200 {\n color: unquote(\"rgb(#{$palette-orange-A200})\") !important;\n }\n\n .bg-orange-A200 {\n background-color: unquote(\"rgb(#{$palette-orange-A200})\") !important;\n }\n\n .orange-A400 {\n color: unquote(\"rgb(#{$palette-orange-A400})\") !important;\n }\n\n .bg-orange-A400 {\n background-color: unquote(\"rgb(#{$palette-orange-A400})\") !important;\n }\n\n .orange-A700 {\n color: unquote(\"rgb(#{$palette-orange-A700})\") !important;\n }\n\n .bg-orange-A700 {\n background-color: unquote(\"rgb(#{$palette-orange-A700})\") !important;\n }\n\n // Deep Orange\n\n .deep-orange {\n color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\n }\n\n .bg-deep-orange {\n background-color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\n }\n\n .deep-orange-50 {\n color: unquote(\"rgb(#{$palette-deep-orange-50})\") !important;\n }\n\n .bg-deep-orange-50 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-50})\") !important;\n }\n\n .deep-orange-100 {\n color: unquote(\"rgb(#{$palette-deep-orange-100})\") !important;\n }\n\n .bg-deep-orange-100 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-100})\") !important;\n }\n\n .deep-orange-200 {\n color: unquote(\"rgb(#{$palette-deep-orange-200})\") !important;\n }\n\n .bg-deep-orange-200 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-200})\") !important;\n }\n\n .deep-orange-300 {\n color: unquote(\"rgb(#{$palette-deep-orange-300})\") !important;\n }\n\n .bg-deep-orange-300 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-300})\") !important;\n }\n\n .deep-orange-400 {\n color: unquote(\"rgb(#{$palette-deep-orange-400})\") !important;\n }\n\n .bg-deep-orange-400 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-400})\") !important;\n }\n\n .deep-orange-500 {\n color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\n }\n\n .bg-deep-orange-500 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-500})\") !important;\n }\n\n .deep-orange-600 {\n color: unquote(\"rgb(#{$palette-deep-orange-600})\") !important;\n }\n\n .bg-deep-orange-600 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-600})\") !important;\n }\n\n .deep-orange-700 {\n color: unquote(\"rgb(#{$palette-deep-orange-700})\") !important;\n }\n\n .bg-deep-orange-700 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-700})\") !important;\n }\n\n .deep-orange-800 {\n color: unquote(\"rgb(#{$palette-deep-orange-800})\") !important;\n }\n\n .bg-deep-orange-800 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-800})\") !important;\n }\n\n .deep-orange-900 {\n color: unquote(\"rgb(#{$palette-deep-orange-900})\") !important;\n }\n\n .bg-deep-orange-900 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-900})\") !important;\n }\n\n .deep-orange-A100 {\n color: unquote(\"rgb(#{$palette-deep-orange-A100})\") !important;\n }\n\n .bg-deep-orange-A100 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-A100})\") !important;\n }\n\n .deep-orange-A200 {\n color: unquote(\"rgb(#{$palette-deep-orange-A200})\") !important;\n }\n\n .bg-deep-orange-A200 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-A200})\") !important;\n }\n\n .deep-orange-A400 {\n color: unquote(\"rgb(#{$palette-deep-orange-A400})\") !important;\n }\n\n .bg-deep-orange-A400 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-A400})\") !important;\n }\n\n .deep-orange-A700 {\n color: unquote(\"rgb(#{$palette-deep-orange-A700})\") !important;\n }\n\n .bg-deep-orange-A700 {\n background-color: unquote(\"rgb(#{$palette-deep-orange-A700})\") !important;\n }\n\n // Brown\n\n .brown {\n color: unquote(\"rgb(#{$palette-brown-500})\") !important;\n }\n\n .bg-brown {\n background-color: unquote(\"rgb(#{$palette-brown-500})\") !important;\n }\n\n .brown-50 {\n color: unquote(\"rgb(#{$palette-brown-50})\") !important;\n }\n\n .bg-brown-50 {\n background-color: unquote(\"rgb(#{$palette-brown-50})\") !important;\n }\n\n .brown-100 {\n color: unquote(\"rgb(#{$palette-brown-100})\") !important;\n }\n\n .bg-brown-100 {\n background-color: unquote(\"rgb(#{$palette-brown-100})\") !important;\n }\n\n .brown-200 {\n color: unquote(\"rgb(#{$palette-brown-200})\") !important;\n }\n\n .bg-brown-200 {\n background-color: unquote(\"rgb(#{$palette-brown-200})\") !important;\n }\n\n .brown-300 {\n color: unquote(\"rgb(#{$palette-brown-300})\") !important;\n }\n\n .bg-brown-300 {\n background-color: unquote(\"rgb(#{$palette-brown-300})\") !important;\n }\n\n .brown-400 {\n color: unquote(\"rgb(#{$palette-brown-400})\") !important;\n }\n\n .bg-brown-400 {\n background-color: unquote(\"rgb(#{$palette-brown-400})\") !important;\n }\n\n .brown-500 {\n color: unquote(\"rgb(#{$palette-brown-500})\") !important;\n }\n\n .bg-brown-500 {\n background-color: unquote(\"rgb(#{$palette-brown-500})\") !important;\n }\n\n .brown-600 {\n color: unquote(\"rgb(#{$palette-brown-600})\") !important;\n }\n\n .bg-brown-600 {\n background-color: unquote(\"rgb(#{$palette-brown-600})\") !important;\n }\n\n .brown-700 {\n color: unquote(\"rgb(#{$palette-brown-700})\") !important;\n }\n\n .bg-brown-700 {\n background-color: unquote(\"rgb(#{$palette-brown-700})\") !important;\n }\n\n .brown-800 {\n color: unquote(\"rgb(#{$palette-brown-800})\") !important;\n }\n\n .bg-brown-800 {\n background-color: unquote(\"rgb(#{$palette-brown-800})\") !important;\n }\n\n .brown-900 {\n color: unquote(\"rgb(#{$palette-brown-900})\") !important;\n }\n\n .bg-brown-900 {\n background-color: unquote(\"rgb(#{$palette-brown-900})\") !important;\n }\n\n // Grey\n\n .grey {\n color: unquote(\"rgb(#{$palette-grey-500})\") !important;\n }\n\n .bg-grey {\n background-color: unquote(\"rgb(#{$palette-grey-500})\") !important;\n }\n\n .grey-50 {\n color: unquote(\"rgb(#{$palette-grey-50})\") !important;\n }\n\n .bg-grey-50 {\n background-color: unquote(\"rgb(#{$palette-grey-50})\") !important;\n }\n\n .grey-100 {\n color: unquote(\"rgb(#{$palette-grey-100})\") !important;\n }\n\n .bg-grey-100 {\n background-color: unquote(\"rgb(#{$palette-grey-100})\") !important;\n }\n\n .grey-200 {\n color: unquote(\"rgb(#{$palette-grey-200})\") !important;\n }\n\n .bg-grey-200 {\n background-color: unquote(\"rgb(#{$palette-grey-200})\") !important;\n }\n\n .grey-300 {\n color: unquote(\"rgb(#{$palette-grey-300})\") !important;\n }\n\n .bg-grey-300 {\n background-color: unquote(\"rgb(#{$palette-grey-300})\") !important;\n }\n\n .grey-400 {\n color: unquote(\"rgb(#{$palette-grey-400})\") !important;\n }\n\n .bg-grey-400 {\n background-color: unquote(\"rgb(#{$palette-grey-400})\") !important;\n }\n\n .grey-500 {\n color: unquote(\"rgb(#{$palette-grey-500})\") !important;\n }\n\n .bg-grey-500 {\n background-color: unquote(\"rgb(#{$palette-grey-500})\") !important;\n }\n\n .grey-600 {\n color: unquote(\"rgb(#{$palette-grey-600})\") !important;\n }\n\n .bg-grey-600 {\n background-color: unquote(\"rgb(#{$palette-grey-600})\") !important;\n }\n\n .grey-700 {\n color: unquote(\"rgb(#{$palette-grey-700})\") !important;\n }\n\n .bg-grey-700 {\n background-color: unquote(\"rgb(#{$palette-grey-700})\") !important;\n }\n\n .grey-800 {\n color: unquote(\"rgb(#{$palette-grey-800})\") !important;\n }\n\n .bg-grey-800 {\n background-color: unquote(\"rgb(#{$palette-grey-800})\") !important;\n }\n\n .grey-900 {\n color: unquote(\"rgb(#{$palette-grey-900})\") !important;\n }\n\n .bg-grey-900 {\n background-color: unquote(\"rgb(#{$palette-grey-900})\") !important;\n }\n\n // Blue Grey\n\n .blue-grey {\n color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\n }\n\n .bg-blue-grey {\n background-color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\n }\n\n .blue-grey-50 {\n color: unquote(\"rgb(#{$palette-blue-grey-50})\") !important;\n }\n\n .bg-blue-grey-50 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-50})\") !important;\n }\n\n .blue-grey-100 {\n color: unquote(\"rgb(#{$palette-blue-grey-100})\") !important;\n }\n\n .bg-blue-grey-100 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-100})\") !important;\n }\n\n .blue-grey-200 {\n color: unquote(\"rgb(#{$palette-blue-grey-200})\") !important;\n }\n\n .bg-blue-grey-200 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-200})\") !important;\n }\n\n .blue-grey-300 {\n color: unquote(\"rgb(#{$palette-blue-grey-300})\") !important;\n }\n\n .bg-blue-grey-300 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-300})\") !important;\n }\n\n .blue-grey-400 {\n color: unquote(\"rgb(#{$palette-blue-grey-400})\") !important;\n }\n\n .bg-blue-grey-400 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-400})\") !important;\n }\n\n .blue-grey-500 {\n color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\n }\n\n .bg-blue-grey-500 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-500})\") !important;\n }\n\n .blue-grey-600 {\n color: unquote(\"rgb(#{$palette-blue-grey-600})\") !important;\n }\n\n .bg-blue-grey-600 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-600})\") !important;\n }\n\n .blue-grey-700 {\n color: unquote(\"rgb(#{$palette-blue-grey-700})\") !important;\n }\n\n .bg-blue-grey-700 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-700})\") !important;\n }\n\n .blue-grey-800 {\n color: unquote(\"rgb(#{$palette-blue-grey-800})\") !important;\n }\n\n .bg-blue-grey-800 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-800})\") !important;\n }\n\n .blue-grey-900 {\n color: unquote(\"rgb(#{$palette-blue-grey-900})\") !important;\n }\n\n .bg-blue-grey-900 {\n background-color: unquote(\"rgb(#{$palette-blue-grey-900})\") !important;\n }\n\n\n\n //用友UE定制色系\n\n\n .u-red {\n color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\n }\n\n .u-bg-red {\n background-color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\n }\n .u-red-100 {\n color: unquote(\"rgb(#{$palette-u-red-100})\") !important;\n }\n\n .u-bg-red-100 {\n background-color: unquote(\"rgb(#{$palette-u-red-100})\") !important;\n }\n .u-red-200 {\n color: unquote(\"rgb(#{$palette-u-red-200})\") !important;\n }\n\n .u-bg-red-200 {\n background-color: unquote(\"rgb(#{$palette-u-red-200})\") !important;\n }\n .u-red-300 {\n color: unquote(\"rgb(#{$palette-u-red-300})\") !important;\n }\n\n .u-bg-red-300 {\n background-color: unquote(\"rgb(#{$palette-u-red-300})\") !important;\n }\n .u-red-400 {\n color: unquote(\"rgb(#{$palette-u-red-400})\") !important;\n }\n\n .u-bg-red-400 {\n background-color: unquote(\"rgb(#{$palette-u-red-400})\") !important;\n }\n .u-red-500 {\n color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\n }\n\n .u-bg-red-500 {\n background-color: unquote(\"rgb(#{$palette-u-red-500})\") !important;\n }\n .u-red-600 {\n color: unquote(\"rgb(#{$palette-u-red-600})\") !important;\n }\n\n .u-bg-red-600 {\n background-color: unquote(\"rgb(#{$palette-u-red-600})\") !important;\n }\n .u-red-700 {\n color: unquote(\"rgb(#{$palette-u-red-700})\") !important;\n }\n\n .u-bg-red-700 {\n background-color: unquote(\"rgb(#{$palette-u-red-700})\") !important;\n }\n .u-red-800 {\n color: unquote(\"rgb(#{$palette-u-red-800})\") !important;\n }\n\n .u-bg-red-800 {\n background-color: unquote(\"rgb(#{$palette-u-red-800})\") !important;\n }\n .u-red-900 {\n color: unquote(\"rgb(#{$palette-u-red-900})\") !important;\n }\n\n .u-bg-red-900 {\n background-color: unquote(\"rgb(#{$palette-u-red-900})\") !important;\n }\n\n\n\n\n .u-orange {\n color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\n }\n\n .u-bg-orange {\n background-color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\n }\n .u-orange-100 {\n color: unquote(\"rgb(#{$palette-u-orange-100})\") !important;\n }\n\n .u-bg-orange-100 {\n background-color: unquote(\"rgb(#{$palette-u-orange-100})\") !important;\n }\n .u-orange-200 {\n color: unquote(\"rgb(#{$palette-u-orange-200})\") !important;\n }\n\n .u-bg-orange-200 {\n background-color: unquote(\"rgb(#{$palette-u-orange-200})\") !important;\n }\n .u-orange-300 {\n color: unquote(\"rgb(#{$palette-u-orange-300})\") !important;\n }\n\n .u-bg-orange-300 {\n background-color: unquote(\"rgb(#{$palette-u-orange-300})\") !important;\n }\n .u-orange-400 {\n color: unquote(\"rgb(#{$palette-u-orange-400})\") !important;\n }\n\n .u-bg-orange-400 {\n background-color: unquote(\"rgb(#{$palette-u-orange-400})\") !important;\n }\n .u-orange-500 {\n color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\n }\n\n .u-bg-orange-500 {\n background-color: unquote(\"rgb(#{$palette-u-orange-500})\") !important;\n }\n .u-orange-600 {\n color: unquote(\"rgb(#{$palette-u-orange-600})\") !important;\n }\n\n .u-bg-orange-600 {\n background-color: unquote(\"rgb(#{$palette-u-orange-600})\") !important;\n }\n .u-orange-700 {\n color: unquote(\"rgb(#{$palette-u-orange-700})\") !important;\n }\n\n .u-bg-orange-700 {\n background-color: unquote(\"rgb(#{$palette-u-orange-700})\") !important;\n }\n .u-orange-800 {\n color: unquote(\"rgb(#{$palette-u-orange-800})\") !important;\n }\n\n .u-bg-orange-800 {\n background-color: unquote(\"rgb(#{$palette-u-orange-800})\") !important;\n }\n .u-orange-900 {\n color: unquote(\"rgb(#{$palette-u-orange-900})\") !important;\n }\n\n .u-bg-orange-900 {\n background-color: unquote(\"rgb(#{$palette-u-orange-900})\") !important;\n }\n\n\n\n\n .u-yellow {\n color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\n }\n\n .u-bg-yellow {\n background-color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\n }\n .u-yellow-100 {\n color: unquote(\"rgb(#{$palette-u-yellow-100})\") !important;\n }\n\n .u-bg-yellow-100 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-100})\") !important;\n }\n .u-yellow-200 {\n color: unquote(\"rgb(#{$palette-u-yellow-200})\") !important;\n }\n\n .u-bg-yellow-200 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-200})\") !important;\n }\n .u-yellow-300 {\n color: unquote(\"rgb(#{$palette-u-yellow-300})\") !important;\n }\n\n .u-bg-yellow-300 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-300})\") !important;\n }\n .u-yellow-400 {\n color: unquote(\"rgb(#{$palette-u-yellow-400})\") !important;\n }\n\n .u-bg-yellow-400 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-400})\") !important;\n }\n .u-yellow-500 {\n color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\n }\n\n .u-bg-yellow-500 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-500})\") !important;\n }\n .u-yellow-600 {\n color: unquote(\"rgb(#{$palette-u-yellow-600})\") !important;\n }\n\n .u-bg-yellow-600 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-600})\") !important;\n }\n .u-yellow-700 {\n color: unquote(\"rgb(#{$palette-u-yellow-700})\") !important;\n }\n\n .u-bg-yellow-700 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-700})\") !important;\n }\n .u-yellow-800 {\n color: unquote(\"rgb(#{$palette-u-yellow-800})\") !important;\n }\n\n .u-bg-yellow-800 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-800})\") !important;\n }\n .u-yellow-900 {\n color: unquote(\"rgb(#{$palette-u-yellow-900})\") !important;\n }\n\n .u-bg-yellow-900 {\n background-color: unquote(\"rgb(#{$palette-u-yellow-900})\") !important;\n }\n\n\n\n\n .u-green {\n color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\n }\n\n .u-bg-green {\n background-color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\n }\n .u-green-100 {\n color: unquote(\"rgb(#{$palette-u-green-100})\") !important;\n }\n\n .u-bg-green-100 {\n background-color: unquote(\"rgb(#{$palette-u-green-100})\") !important;\n }\n .u-green-200 {\n color: unquote(\"rgb(#{$palette-u-green-200})\") !important;\n }\n\n .u-bg-green-200 {\n background-color: unquote(\"rgb(#{$palette-u-green-200})\") !important;\n }\n .u-green-300 {\n color: unquote(\"rgb(#{$palette-u-green-300})\") !important;\n }\n\n .u-bg-green-300 {\n background-color: unquote(\"rgb(#{$palette-u-green-300})\") !important;\n }\n .u-green-400 {\n color: unquote(\"rgb(#{$palette-u-green-400})\") !important;\n }\n\n .u-bg-green-400 {\n background-color: unquote(\"rgb(#{$palette-u-green-400})\") !important;\n }\n .u-green-500 {\n color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\n }\n\n .u-bg-green-500 {\n background-color: unquote(\"rgb(#{$palette-u-green-500})\") !important;\n }\n .u-green-600 {\n color: unquote(\"rgb(#{$palette-u-green-600})\") !important;\n }\n\n .u-bg-green-600 {\n background-color: unquote(\"rgb(#{$palette-u-green-600})\") !important;\n }\n .u-green-700 {\n color: unquote(\"rgb(#{$palette-u-green-700})\") !important;\n }\n\n .u-bg-green-700 {\n background-color: unquote(\"rgb(#{$palette-u-green-700})\") !important;\n }\n .u-green-800 {\n color: unquote(\"rgb(#{$palette-u-green-800})\") !important;\n }\n\n .u-bg-green-800 {\n background-color: unquote(\"rgb(#{$palette-u-green-800})\") !important;\n }\n .u-green-900 {\n color: unquote(\"rgb(#{$palette-u-green-900})\") !important;\n }\n\n .u-bg-green-900 {\n background-color: unquote(\"rgb(#{$palette-u-green-900})\") !important;\n }\n\n\n\n\n\n .u-blue {\n color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\n }\n\n .u-bg-blue {\n background-color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\n }\n .u-blue-100 {\n color: unquote(\"rgb(#{$palette-u-blue-100})\") !important;\n }\n\n .u-bg-blue-100 {\n background-color: unquote(\"rgb(#{$palette-u-blue-100})\") !important;\n }\n .u-blue-200 {\n color: unquote(\"rgb(#{$palette-u-blue-200})\") !important;\n }\n\n .u-bg-blue-200 {\n background-color: unquote(\"rgb(#{$palette-u-blue-200})\") !important;\n }\n .u-blue-300 {\n color: unquote(\"rgb(#{$palette-u-blue-300})\") !important;\n }\n\n .u-bg-blue-300 {\n background-color: unquote(\"rgb(#{$palette-u-blue-300})\") !important;\n }\n .u-blue-400 {\n color: unquote(\"rgb(#{$palette-u-blue-400})\") !important;\n }\n\n .u-bg-blue-400 {\n background-color: unquote(\"rgb(#{$palette-u-blue-400})\") !important;\n }\n .u-blue-500 {\n color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\n }\n\n .u-bg-blue-500 {\n background-color: unquote(\"rgb(#{$palette-u-blue-500})\") !important;\n }\n .u-blue-600 {\n color: unquote(\"rgb(#{$palette-u-blue-600})\") !important;\n }\n\n .u-bg-blue-600 {\n background-color: unquote(\"rgb(#{$palette-u-blue-600})\") !important;\n }\n .u-blue-700 {\n color: unquote(\"rgb(#{$palette-u-blue-700})\") !important;\n }\n\n .u-bg-blue-700 {\n background-color: unquote(\"rgb(#{$palette-u-blue-700})\") !important;\n }\n .u-blue-800 {\n color: unquote(\"rgb(#{$palette-u-blue-800})\") !important;\n }\n\n .u-bg-blue-800 {\n background-color: unquote(\"rgb(#{$palette-u-blue-800})\") !important;\n }\n .u-blue-900 {\n color: unquote(\"rgb(#{$palette-u-blue-900})\") !important;\n }\n\n .u-bg-blue-900 {\n background-color: unquote(\"rgb(#{$palette-u-blue-900})\") !important;\n }\n\n\n\n\n\n\n .u-cyan {\n color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\n }\n\n .u-bg-cyan {\n background-color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\n }\n .u-cyan-100 {\n color: unquote(\"rgb(#{$palette-u-cyan-100})\") !important;\n }\n\n .u-bg-cyan-100 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-100})\") !important;\n }\n .u-cyan-200 {\n color: unquote(\"rgb(#{$palette-u-cyan-200})\") !important;\n }\n\n .u-bg-cyan-200 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-200})\") !important;\n }\n .u-cyan-300 {\n color: unquote(\"rgb(#{$palette-u-cyan-300})\") !important;\n }\n\n .u-bg-cyan-300 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-300})\") !important;\n }\n .u-cyan-400 {\n color: unquote(\"rgb(#{$palette-u-cyan-400})\") !important;\n }\n\n .u-bg-cyan-400 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-400})\") !important;\n }\n .u-cyan-500 {\n color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\n }\n\n .u-bg-cyan-500 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-500})\") !important;\n }\n .u-cyan-600 {\n color: unquote(\"rgb(#{$palette-u-cyan-600})\") !important;\n }\n\n .u-bg-cyan-600 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-600})\") !important;\n }\n .u-cyan-700 {\n color: unquote(\"rgb(#{$palette-u-cyan-700})\") !important;\n }\n\n .u-bg-cyan-700 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-700})\") !important;\n }\n .u-cyan-800 {\n color: unquote(\"rgb(#{$palette-u-cyan-800})\") !important;\n }\n\n .u-bg-cyan-800 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-800})\") !important;\n }\n .u-cyan-900 {\n color: unquote(\"rgb(#{$palette-u-cyan-900})\") !important;\n }\n\n .u-bg-cyan-900 {\n background-color: unquote(\"rgb(#{$palette-u-cyan-900})\") !important;\n }\n\n\n\n\n\n\n .u-purple {\n color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\n }\n\n .u-bg-purple {\n background-color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\n }\n .u-purple-100 {\n color: unquote(\"rgb(#{$palette-u-purple-100})\") !important;\n }\n\n .u-bg-purple-100 {\n background-color: unquote(\"rgb(#{$palette-u-purple-100})\") !important;\n }\n .u-purple-200 {\n color: unquote(\"rgb(#{$palette-u-purple-200})\") !important;\n }\n\n .u-bg-purple-200 {\n background-color: unquote(\"rgb(#{$palette-u-purple-200})\") !important;\n }\n .u-purple-300 {\n color: unquote(\"rgb(#{$palette-u-purple-300})\") !important;\n }\n\n .u-bg-purple-300 {\n background-color: unquote(\"rgb(#{$palette-u-purple-300})\") !important;\n }\n .u-purple-400 {\n color: unquote(\"rgb(#{$palette-u-purple-400})\") !important;\n }\n\n .u-bg-purple-400 {\n background-color: unquote(\"rgb(#{$palette-u-purple-400})\") !important;\n }\n .u-purple-500 {\n color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\n }\n\n .u-bg-purple-500 {\n background-color: unquote(\"rgb(#{$palette-u-purple-500})\") !important;\n }\n .u-purple-600 {\n color: unquote(\"rgb(#{$palette-u-purple-600})\") !important;\n }\n\n .u-bg-purple-600 {\n background-color: unquote(\"rgb(#{$palette-u-purple-600})\") !important;\n }\n .u-purple-700 {\n color: unquote(\"rgb(#{$palette-u-purple-700})\") !important;\n }\n\n .u-bg-purple-700 {\n background-color: unquote(\"rgb(#{$palette-u-purple-700})\") !important;\n }\n .u-purple-800 {\n color: unquote(\"rgb(#{$palette-u-purple-800})\") !important;\n }\n\n .u-bg-purple-800 {\n background-color: unquote(\"rgb(#{$palette-u-purple-800})\") !important;\n }\n .u-purple-900 {\n color: unquote(\"rgb(#{$palette-u-purple-900})\") !important;\n }\n\n .u-bg-purple-900 {\n background-color: unquote(\"rgb(#{$palette-u-purple-900})\") !important;\n }\n\n\n\n\n\n .u-gray {\n color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\n }\n\n .u-bg-gray {\n background-color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\n }\n\n .u-gray-50 {\n color: unquote(\"rgb(#{$palette-u-gray-50})\") !important;\n }\n\n .u-bg-gray-50 {\n background-color: unquote(\"rgb(#{$palette-u-gray-50})\") !important;\n }\n .u-gray-100 {\n color: unquote(\"rgb(#{$palette-u-gray-100})\") !important;\n }\n\n .u-bg-gray-100 {\n background-color: unquote(\"rgb(#{$palette-u-gray-100})\") !important;\n }\n .u-gray-200 {\n color: unquote(\"rgb(#{$palette-u-gray-200})\") !important;\n }\n\n .u-bg-gray-200 {\n background-color: unquote(\"rgb(#{$palette-u-gray-200})\") !important;\n }\n .u-gray-300 {\n color: unquote(\"rgb(#{$palette-u-gray-300})\") !important;\n }\n\n .u-bg-gray-300 {\n background-color: unquote(\"rgb(#{$palette-u-gray-300})\") !important;\n }\n .u-gray-400 {\n color: unquote(\"rgb(#{$palette-u-gray-400})\") !important;\n }\n\n .u-bg-gray-400 {\n background-color: unquote(\"rgb(#{$palette-u-gray-400})\") !important;\n }\n .u-gray-500 {\n color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\n }\n\n .u-bg-gray-500 {\n background-color: unquote(\"rgb(#{$palette-u-gray-500})\") !important;\n }\n .u-gray-600 {\n color: unquote(\"rgb(#{$palette-u-gray-600})\") !important;\n }\n\n .u-bg-gray-600 {\n background-color: unquote(\"rgb(#{$palette-u-gray-600})\") !important;\n }\n .u-gray-700 {\n color: unquote(\"rgb(#{$palette-u-gray-700})\") !important;\n }\n\n .u-bg-gray-700 {\n background-color: unquote(\"rgb(#{$palette-u-gray-700})\") !important;\n }\n .u-gray-800 {\n color: unquote(\"rgb(#{$palette-u-gray-800})\") !important;\n }\n\n .u-bg-gray-800 {\n background-color: unquote(\"rgb(#{$palette-u-gray-800})\") !important;\n }\n .u-gray-900 {\n color: unquote(\"rgb(#{$palette-u-gray-900})\") !important;\n }\n .u-bg-gray-900 {\n background-color: unquote(\"rgb(#{$palette-u-gray-900})\") !important;\n }\n .u-bg-gray-A100 {\n background-color: unquote(\"rgb(#{$palette-u-gray-A100})\") !important;\n }\n .u-gray-A100 {\n color: unquote(\"rgb(#{$palette-u-gray-A100})\") !important;\n }\n .u-bg-gray-A200 {\n background-color: unquote(\"rgb(#{$palette-u-gray-A200})\") !important;\n } .u-gray-A200 {\n color: unquote(\"rgb(#{$palette-u-gray-A200})\") !important;\n }\n\n\n // Black\n\n .bg-black {\n background-color: unquote(\"rgb(#{$color-black})\") !important;\n }\n\n .black {\n color: unquote(\"rgb(#{$color-black})\") !important;\n }\n\n // White\n\n .bg-white {\n background-color: unquote(\"rgb(#{$color-white})\") !important;\n }\n\n .white {\n color: unquote(\"rgb(#{$color-white})\") !important;\n }\n}\n\n// Primary and accent\n\n.bg-primary {\n background-color: unquote(\"rgb(#{$color-primary})\") !important;\n}\n\n.bg-primary-contrast {\n background-color: unquote(\"rgb(#{$color-primary-contrast})\") !important;\n}\n\n.bg-primary-dark {\n background-color: unquote(\"rgb(#{$color-primary-dark})\") !important;\n}\n\n.bg-accent {\n background-color: unquote(\"rgb(#{$color-accent})\") !important;\n}\n\n.bg-accent-contrast {\n background-color: unquote(\"rgb(#{$color-accent-contrast})\") !important;\n}\n\n.text-primary {\n color: unquote(\"rgb(#{$color-primary})\") !important;\n}\n\n.text-primary-contrast {\n color: unquote(\"rgb(#{$color-primary-contrast})\") !important;\n}\n\n.text-primary-dark {\n color: unquote(\"rgb(#{$color-primary-dark})\") !important;\n}\n\n.text-accent {\n color: unquote(\"rgb(#{$color-accent})\") !important;\n}\n\n.text-accent-contrast {\n color: unquote(\"rgb(#{$color-accent-contrast})\") !important;\n}\n","/*\n * 保护有用的浏览器默认样式而不是完全去掉它们\n * 一般化的样式:为大部分HTML元素提供\n * 修复浏览器自身的bug并保证各浏览器的一致性\n * 优化CSS可用性:用一些小技巧\n * 解释代码:用注释和详细的文档来\n*/\n\n\n//使html占用整个屏幕然后设置触摸操作,以避免触摸延迟在移动IE\n//2、在IE和iOS中,在方向更改后,防止调整字体大小。\n\nhtml {\n width: 100%;\n height: 100%;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n -ms-text-size-adjust: 100%; // 2\n -webkit-text-size-adjust: 100%; // 2\n}\n\n/*\n* 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。\n* 去掉默认的margin\n*/\n\n\nbody {\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n\n/*\n * 主显示屏复位为IE支持\n * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011\n */\nmain {\n display: block;\n}\n\n/*\n* 对具有hidden属性的元素不应用显示。\n* IE 9 and 10 support.\n*/\n*[hidden] {\n display: none !important;\n}\n\n*, :after, :before {\n box-sizing: border-box;\n}\n\n// HTML5 display definitions\n// ==========================================================================\n\n//\n// Add the correct display in IE 9-.\n// 1. Add the correct display in Edge, IE, and Firefox.\n// 2. Add the correct display in IE.\n//\n\narticle,\naside,\ndetails, // 1\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, // 2\nmenu,\nnav,\nsection,\nsummary { // 1\n display: block;\n}\n\n//\n// Add the correct display in IE 9-.\n//\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n//\n// Add the correct display in iOS 4-7.\n//\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n//\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\n//\n\nprogress {\n vertical-align: baseline;\n}\n\n//\n// Add the correct display in IE 10-.\n// 1. Add the correct display in IE.\n//\n\ntemplate, // 2\n[hidden] {\n display: none;\n}\n\n// Links\n// ==========================================================================\n\n//\n// Remove the gray background on active links in IE 10.\n//\n\na {\n background-color: transparent;\n}\n\n//\n// Remove the outline on focused links when they are also active or hovered\n// in all browsers (opinionated).\n//\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n// Text-level semantics\n// ==========================================================================\n\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n//\n\nabbr[title] {\n border-bottom: none; // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n}\n\n//\n// Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n//\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n//\n// Add the correct font weight in Chrome, Edge, and Safari.\n//\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n//\n// Add the correct font style in Android 4.3-.\n//\n\ndfn {\n font-style: italic;\n}\n\n//\n// Correct the font size and margin on `h1` elements within `section` and\n// `article` contexts in Chrome, Firefox, and Safari.\n//\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n//\n// Add the correct background and color in IE 9-.\n//\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n//\n// Add the correct font size in all browsers.\n//\n\nsmall {\n font-size: 80%;\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n// Embedded content\n// ==========================================================================\n\n//\n// Remove the border on images inside links in IE 10-.\n//\n\nimg {\n border-style: none;\n}\n\n//\n// Hide the overflow in IE.\n//\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n// Grouping content\n// ==========================================================================\n\n//\n// 1. Correct the inheritance and scaling of font size in all browsers.\n// 2. Correct the odd `em` font sizing in all browsers.\n//\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n}\n\n//\n// Add the correct margin in IE 8.\n//\n\nfigure {\n margin: 1em 40px;\n}\n\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n//\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n// Forms\n// ==========================================================================\n\n//\n// Change font properties to `inherit` in all browsers (opinionated).\n//\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n}\n\n//\n// Restore the font weight unset by the previous rule.\n//\n\noptgroup {\n font-weight: bold;\n}\n\n//\n// Show the overflow in IE.\n// 1. Show the overflow in Edge.\n// 2. Show the overflow in Edge, Firefox, and IE.\n//\n\nbutton,\ninput, // 1\nselect { // 2\n overflow: visible;\n}\n\n//\n// Remove the margin in Safari.\n// 1. Remove the margin in Firefox and Safari.\n//\n\nbutton,\ninput,\nselect,\ntextarea { // 1\n margin: 0;\n}\n\n//\n// Remove the inheritence of text transform in Edge, Firefox, and IE.\n// 1. Remove the inheritence of text transform in Firefox.\n//\n\nbutton,\nselect { // 1\n text-transform: none;\n}\n\n//\n// Change the cursor in all browsers (opinionated).\n//\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n cursor: pointer;\n}\n\n//\n// Restore the default cursor to disabled elements unset by the previous rule.\n//\n\n[disabled] {\n cursor: default;\n}\n\n//\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS.\n//\n\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n//\n// Remove the inner border and padding in Firefox.\n//\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n//\n// Restore the focus styles unset by the previous rule.\n//\n\nbutton:-moz-focusring,\ninput:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n//\n// Change the border, margin, and padding in all browsers (opinionated).\n//\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n//\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers.\n//\n\nlegend {\n box-sizing: border-box; // 1\n color: inherit; // 2\n display: table; // 1\n max-width: 100%; // 1\n padding: 0; // 3\n white-space: normal; // 1\n}\n\n//\n// Remove the default vertical scrollbar in IE.\n//\n\ntextarea {\n overflow: auto;\n}\n\n//\n// 1. Add the correct box sizing in IE 10-.\n// 2. Remove the padding in IE 10-.\n//\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; // 1\n padding: 0; // 2\n}\n\n//\n// Correct the cursor style of increment and decrement buttons in Chrome.\n//\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n//\n// Correct the odd appearance of search inputs in Chrome and Safari.\n//\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome on OS X and\n// Safari on OS X.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n","\n@import \"minxin-colors\";\n\n@import \"minxin-variables\";\n\n//主要颜色,次要颜色值与ui中保持一致\n@import \"minxin-themeColors\";\n\nhtml{\n font-size: 10px;\n}\n\nbody {\n font-family: $preferred-font;\n font-color:$font-color;\n font-size: 1.4rem;\n line-height: 1.4;\n}\n\n\n//图标 左右内间距为5px;\ni.uf{\n padding: 0 5px;\n}\n\n\n/*\n * 选择时删除文本阴影,及设置默认选中颜色\n */\n\n::selection {\n background: $global-selected-color;\n text-shadow: none;\n}\n\n/*\n * 默认水平规则\n */\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\n/*\n * 删除音频,画布,iframes,图像,视频和其容器底部之间的差距\n */\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\n\n\n/*\n * 仅允许垂直调整textareas的大小\n */\n\ntextarea {\n resize: vertical;\n}\n\n/* ==========================================================================\n 浏览器升级提示\n ========================================================================== */\n\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0;\n}\n\n\n\n/*\n * 适用于屏幕阅读器的隐藏\n */\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\n/*\n * 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的:\n * https://www.drupal.org/node/897638\n */\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\n\n\n\n\n\n/* ==========================================================================\n 打印样式。内联以避免额外的HTTP请求\n\n ========================================================================== */\n\n@media print {\n *,\n *:before,\n *:after,\n *:first-letter,\n *:first-line {\n background: transparent !important;\n color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n\n a,\n a:visited {\n text-decoration: underline;\n }\n\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n\n /*\n * 不显示片段标识符的链接,\n * 或使用`javascript:`伪协议\n */\n\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\";\n }\n\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n\n /*\n * 打印表格:\n * http://css-discuss.incutio.com/wiki/Printing_Tables\n */\n\n thead {\n display: table-header-group;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n img {\n max-width: 100% !important;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n}\n\n\n\n/*\n*删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android\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\n -webkit-tap-highlight-color: transparent;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n}\n","@font-face {font-family: \"uf\";\n src: url('../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920'); /* IE9*/\n src: url('../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../node_modules/tinper-bee-core/scss/iconfont.woff?t=1483429573920') format('woff'), /* chrome, firefox */\n url('../node_modules/tinper-bee-core/scss/iconfont.ttf?t=1483429573920') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/\n url('../node_modules/tinper-bee-core/scss/iconfont.svg?t=1483429573920#uf') format('svg'); /* iOS 4.1- */\n}\n\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\n.uf-wechat:before {\n content: \"\\3488\";\n}\n\n.uf-add-c-o:before {\n content: \"\\e601\";\n}\n\n.uf-search:before {\n content: \"\\e603\";\n}\n\n.uf-histogram-arrow-up:before {\n content: \"\\e633\";\n}\n\n.uf-close-bold:before {\n content: \"\\e602\";\n}\n\n.uf-umbrella:before {\n content: \"\\e63b\";\n}\n\n.uf-qq:before {\n content: \"\\e694\";\n}\n\n.uf-4square-3:before {\n content: \"\\e63d\";\n}\n\n.uf-send:before {\n content: \"\\e63f\";\n}\n\n.uf-map:before {\n content: \"\\e66c\";\n}\n\n.uf-9square-2:before {\n content: \"\\e63e\";\n}\n\n.uf-navmenu:before {\n content: \"\\e614\";\n}\n\n.uf-pc-2:before {\n content: \"\\e644\";\n}\n\n.uf-search-light-2:before {\n content: \"\\e627\";\n}\n\n.uf-check-s-2:before {\n content: \"\\e66e\";\n}\n\n.uf-pencil:before {\n content: \"\\e69b\";\n}\n\n.uf-repeat:before {\n content: \"\\e634\";\n}\n\n.uf-security-2:before {\n content: \"\\e6a5\";\n}\n\n.uf-lexi:before {\n content: \"\\e643\";\n}\n\n.uf-pencil-s:before {\n content: \"\\e77d\";\n}\n\n.uf-del:before {\n content: \"\\e654\";\n}\n\n.uf-bi-o:before {\n content: \"\\e641\";\n}\n\n.uf-pencil-c:before {\n content: \"\\e6e6\";\n}\n\n.uf-qrcode:before {\n content: \"\\e661\";\n}\n\n.uf-rmb-c-o:before {\n content: \"\\e645\";\n}\n\n.uf-search-c-o:before {\n content: \"\\e659\";\n}\n\n.uf-bell:before {\n content: \"\\e60c\";\n}\n\n.uf-pass-3:before {\n content: \"\\e649\";\n}\n\n.uf-treearrow-down:before {\n content: \"\\e608\";\n}\n\n.uf-training:before {\n content: \"\\e617\";\n}\n\n.uf-group-2:before {\n content: \"\\e64c\";\n}\n\n.uf-zoom-in:before {\n content: \"\\e906\";\n}\n\n.uf-security-o:before {\n content: \"\\e7ac\";\n}\n\n.uf-baojia-c:before {\n content: \"\\e64d\";\n}\n\n.uf-rulerpen:before {\n content: \"\\e623\";\n}\n\n.uf-erpsearch:before {\n content: \"\\e64e\";\n}\n\n.uf-group-o:before {\n content: \"\\e6a8\";\n}\n\n.uf-cloud-o-updown:before {\n content: \"\\e725\";\n}\n\n.uf-close-c-o:before {\n content: \"\\e625\";\n}\n\n.uf-add-s:before {\n content: \"\\e620\";\n}\n\n.uf-pc:before {\n content: \"\\e6e8\";\n}\n\n.uf-rain:before {\n content: \"\\e771\";\n}\n\n.uf-nodata:before {\n content: \"\\e64f\";\n}\n\n.uf-close-c:before {\n content: \"\\e66b\";\n}\n\n.uf-bohui-s-o:before {\n content: \"\\e65f\";\n}\n\n.uf-cloud:before {\n content: \"\\e772\";\n}\n\n.uf-bag-s:before {\n content: \"\\e650\";\n}\n\n.uf-table-2:before {\n content: \"\\e95f\";\n}\n\n.uf-anglearrowpointingtoright:before {\n content: \"\\e61e\";\n}\n\n.uf-exc-c-o:before {\n content: \"\\e615\";\n}\n\n.uf-group:before {\n content: \"\\e651\";\n}\n\n.uf-personin-o:before {\n content: \"\\e8d3\";\n}\n\n.uf-calendar:before {\n content: \"\\e646\";\n}\n\n.uf-add-s-o:before {\n content: \"\\e604\";\n}\n\n.uf-sync-c-o:before {\n content: \"\\e655\";\n}\n\n.uf-grid:before {\n content: \"\\e657\";\n}\n\n.uf-anglepointingtoleft:before {\n content: \"\\e624\";\n}\n\n.uf-activate-3:before {\n content: \"\\e65b\";\n}\n\n.uf-caven:before {\n content: \"\\e663\";\n}\n\n.uf-back:before {\n content: \"\\e6e3\";\n}\n\n.uf-pass-2:before {\n content: \"\\e65d\";\n}\n\n.uf-reduce-s-o:before {\n content: \"\\e719\";\n}\n\n.uf-area:before {\n content: \"\\e6ea\";\n}\n\n.uf-flag:before {\n content: \"\\e65e\";\n}\n\n.uf-box-o-2:before {\n content: \"\\e610\";\n}\n\n.uf-arrow-s-o-down:before {\n content: \"\\e660\";\n}\n\n.uf-arrow-s-o-up:before {\n content: \"\\e662\";\n}\n\n.uf-building:before {\n content: \"\\e6ee\";\n}\n\n.uf-tapp:before {\n content: \"\\e773\";\n}\n\n.uf-treefolder:before {\n content: \"\\e628\";\n}\n\n.uf-advice:before {\n content: \"\\e6cf\";\n}\n\n.uf-2collayout:before {\n content: \"\\e618\";\n}\n\n.uf-check-s:before {\n content: \"\\e672\";\n}\n\n.uf-sign:before {\n content: \"\\e67a\";\n}\n\n.uf-listsearch:before {\n content: \"\\e67c\";\n}\n\n.uf-gridcaretarrowup:before {\n content: \"\\e636\";\n}\n\n.uf-eye-c-o:before {\n content: \"\\e67e\";\n}\n\n.uf-check-c-o:before {\n content: \"\\e6ef\";\n}\n\n.uf-seal:before {\n content: \"\\e67f\";\n}\n\n.uf-erpbox:before {\n content: \"\\e6ae\";\n}\n\n.uf-rulerpen-o:before {\n content: \"\\e62e\";\n}\n\n.uf-role:before {\n content: \"\\e7c2\";\n}\n\n.uf-exc-c-2:before {\n content: \"\\e675\";\n}\n\n.uf-pad:before {\n content: \"\\e6bd\";\n}\n\n.uf-treefolder-closed:before {\n content: \"\\e688\";\n}\n\n.uf-reduce-c-o:before {\n content: \"\\e635\";\n}\n\n.uf-pass-s-o:before {\n content: \"\\e682\";\n}\n\n.uf-setting:before {\n content: \"\\e683\";\n}\n\n.uf-close-s:before {\n content: \"\\e76a\";\n}\n\n.uf-map-o:before {\n content: \"\\e665\";\n}\n\n.uf-move:before {\n content: \"\\e68b\";\n}\n\n.uf-2arrow-down:before {\n content: \"\\e606\";\n}\n\n.uf-2arrow-right:before {\n content: \"\\e60b\";\n}\n\n.uf-arrow-c-o-left:before {\n content: \"\\e684\";\n}\n\n.uf-plus:before {\n content: \"\\e763\";\n}\n\n.uf-arrow-c-o-right:before {\n content: \"\\e685\";\n}\n\n.uf-arrow-c-o-down:before {\n content: \"\\e687\";\n}\n\n.uf-list-s-o:before {\n content: \"\\e746\";\n}\n\n.uf-cloud-o-down:before {\n content: \"\\e673\";\n}\n\n.uf-nodata-2:before {\n content: \"\\e68c\";\n}\n\n.uf-file-s:before {\n content: \"\\e642\";\n}\n\n.uf-2arrow-up:before {\n content: \"\\e607\";\n}\n\n.uf-notification:before {\n content: \"\\e9cc\";\n}\n\n.uf-piechart:before {\n content: \"\\e6f0\";\n}\n\n.uf-cloud-o-up:before {\n content: \"\\e6ac\";\n}\n\n.uf-close:before {\n content: \"\\e76b\";\n}\n\n.uf-correct:before {\n content: \"\\e677\";\n}\n\n.uf-histogram-s-o-2:before {\n content: \"\\e6fa\";\n}\n\n.uf-4square-2:before {\n content: \"\\e691\";\n}\n\n.uf-sunny:before {\n content: \"\\e774\";\n}\n\n.uf-link:before {\n content: \"\\e6fe\";\n}\n\n.uf-eye:before {\n content: \"\\e692\";\n}\n\n.uf-eye-o:before {\n content: \"\\e69c\";\n}\n\n.uf-qian:before {\n content: \"\\e69e\";\n}\n\n.uf-widgetab:before {\n content: \"\\e6f2\";\n}\n\n.uf-rmb-s:before {\n content: \"\\e6a0\";\n}\n\n.uf-link-off:before {\n content: \"\\e6ff\";\n}\n\n.uf-shang-s:before {\n content: \"\\e6a1\";\n}\n\n.uf-xia-s:before {\n content: \"\\e6a6\";\n}\n\n.uf-box-2:before {\n content: \"\\e616\";\n}\n\n.uf-pass-o:before {\n content: \"\\e6a7\";\n}\n\n.uf-arrow-down:before {\n content: \"\\e609\";\n}\n\n.uf-arrow-right:before {\n content: \"\\e611\";\n}\n\n.uf-arrow-left:before {\n content: \"\\e612\";\n}\n\n.uf-box:before {\n content: \"\\e613\";\n}\n\n.uf-triangle-right:before {\n content: \"\\e61c\";\n}\n\n.uf-histogram-s-o:before {\n content: \"\\e626\";\n}\n\n.uf-book:before {\n content: \"\\e62a\";\n}\n\n.uf-bookmark-o:before {\n content: \"\\e631\";\n}\n\n.uf-leaf:before {\n content: \"\\e62d\";\n}\n\n.uf-bullseye:before {\n content: \"\\e632\";\n}\n\n.uf-gridcaretdown:before {\n content: \"\\e637\";\n}\n\n.uf-triangle-up:before {\n content: \"\\e638\";\n}\n\n.uf-triangle-down:before {\n content: \"\\e639\";\n}\n\n.uf-cloud-down:before {\n content: \"\\e64a\";\n}\n\n.uf-cloud-up:before {\n content: \"\\e64b\";\n}\n\n.uf-bubble:before {\n content: \"\\e652\";\n}\n\n.uf-bubble-o:before {\n content: \"\\e653\";\n}\n\n.uf-copy:before {\n content: \"\\e65a\";\n}\n\n.uf-correct-2:before {\n content: \"\\e658\";\n}\n\n.uf-2arrow-left:before {\n content: \"\\e664\";\n}\n\n.uf-arrow-down-2:before {\n content: \"\\e667\";\n}\n\n.uf-download:before {\n content: \"\\e669\";\n}\n\n.uf-earth:before {\n content: \"\\e66d\";\n}\n\n.uf-mail-o:before {\n content: \"\\e66f\";\n}\n\n.uf-mail:before {\n content: \"\\e670\";\n}\n\n.uf-exc:before {\n content: \"\\e674\";\n}\n\n.uf-externallink:before {\n content: \"\\e676\";\n}\n\n.uf-video:before {\n content: \"\\e67b\";\n}\n\n.uf-films:before {\n content: \"\\e680\";\n}\n\n.uf-folder:before {\n content: \"\\e689\";\n}\n\n.uf-folder-o:before {\n content: \"\\e68a\";\n}\n\n.uf-4square:before {\n content: \"\\e68e\";\n}\n\n.uf-gift:before {\n content: \"\\e693\";\n}\n\n.uf-github-c:before {\n content: \"\\e695\";\n}\n\n.uf-github-s:before {\n content: \"\\e696\";\n}\n\n.uf-heart-o:before {\n content: \"\\e6a3\";\n}\n\n.uf-heart:before {\n content: \"\\e6a4\";\n}\n\n.uf-home:before {\n content: \"\\e6a2\";\n}\n\n.uf-i-c-2:before {\n content: \"\\e6aa\";\n}\n\n.uf-i:before {\n content: \"\\e6ab\";\n}\n\n.uf-triangle-left:before {\n content: \"\\e6b0\";\n}\n\n.uf-symlist:before {\n content: \"\\e6be\";\n}\n\n.uf-arrow-left-2:before {\n content: \"\\e6bf\";\n}\n\n.uf-arrow-right-2:before {\n content: \"\\e6c0\";\n}\n\n.uf-arrow-up-2:before {\n content: \"\\e6c1\";\n}\n\n.uf-reduce-c:before {\n content: \"\\e6cb\";\n}\n\n.uf-reduce-s:before {\n content: \"\\e6cc\";\n}\n\n.uf-minus:before {\n content: \"\\e6ce\";\n}\n\n.uf-mobile:before {\n content: \"\\e6e0\";\n}\n\n.uf-bell-o:before {\n content: \"\\e6d4\";\n}\n\n.uf-9square:before {\n content: \"\\e6d5\";\n}\n\n.uf-numlist:before {\n content: \"\\e6dd\";\n}\n\n.uf-folderopen-o:before {\n content: \"\\e6d7\";\n}\n\n.uf-treefolderopen:before {\n content: \"\\e6d8\";\n}\n\n.uf-mac:before {\n content: \"\\e6ed\";\n}\n\n.uf-camera:before {\n content: \"\\e6e4\";\n}\n\n.uf-picture:before {\n content: \"\\e6e5\";\n}\n\n.uf-play:before {\n content: \"\\e6eb\";\n}\n\n.uf-play-o:before {\n content: \"\\e6ec\";\n}\n\n.uf-qm-c:before {\n content: \"\\e6f4\";\n}\n\n.uf-qm:before {\n content: \"\\e6f5\";\n}\n\n.uf-navmenu-light:before {\n content: \"\\e6fd\";\n}\n\n.uf-settings:before {\n content: \"\\e70c\";\n}\n\n.uf-cart:before {\n content: \"\\e711\";\n}\n\n.uf-histogram:before {\n content: \"\\e714\";\n}\n\n.uf-finetune:before {\n content: \"\\e71a\";\n}\n\n.uf-sortup:before {\n content: \"\\e71b\";\n}\n\n.uf-sortdown:before {\n content: \"\\e71c\";\n}\n\n.uf-sort19:before {\n content: \"\\e71d\";\n}\n\n.uf-sort91:before {\n content: \"\\e71f\";\n}\n\n.uf-za:before {\n content: \"\\e721\";\n}\n\n.uf-star-o:before {\n content: \"\\e726\";\n}\n\n.uf-star-2:before {\n content: \"\\e727\";\n}\n\n.uf-star:before {\n content: \"\\e728\";\n}\n\n.uf-luggage:before {\n content: \"\\e72d\";\n}\n\n.uf-table:before {\n content: \"\\e730\";\n}\n\n.uf-tel:before {\n content: \"\\e734\";\n}\n\n.uf-tel-s:before {\n content: \"\\e735\";\n}\n\n.uf-terminal:before {\n content: \"\\e736\";\n}\n\n.uf-file:before {\n content: \"\\e738\";\n}\n\n.uf-file-o:before {\n content: \"\\e739\";\n}\n\n.uf-3dot-h:before {\n content: \"\\e73c\";\n}\n\n.uf-time-c-o:before {\n content: \"\\e742\";\n}\n\n.uf-upload:before {\n content: \"\\e750\";\n}\n\n.uf-3dot-v:before {\n content: \"\\e753\";\n}\n\n.uf-rmb:before {\n content: \"\\e757\";\n}\n\n.uf-arrow-c-o-up:before {\n content: \"\\e6a9\";\n}\n\n.uf-reject-2:before {\n content: \"\\e6ad\";\n}\n\n.uf-barcode:before {\n content: \"\\e7fc\";\n}\n\n.uf-zoom-out:before {\n content: \"\\e686\";\n}\n\n.uf-exc-t-o:before {\n content: \"\\e60a\";\n}\n\n.uf-pass:before {\n content: \"\\e6b1\";\n}\n\n.uf-flow:before {\n content: \"\\e6b2\";\n}\n\n.uf-add-c:before {\n content: \"\\e61a\";\n}\n\n.uf-arrow-c-o-right-2:before {\n content: \"\\e6b3\";\n}\n\n.uf-shelf-on:before {\n content: \"\\e6b4\";\n}\n\n.uf-shelf-off:before {\n content: \"\\e6b5\";\n}\n\n.uf-file-o-2:before {\n content: \"\\e60f\";\n}\n\n.uf-truck-o:before {\n content: \"\\e6b6\";\n}\n\n.uf-super:before {\n content: \"\\e62c\";\n}\n\n.uf-equipment:before {\n content: \"\\e630\";\n}\n\n.uf-arrow-c-o-left-2:before {\n content: \"\\e6b8\";\n}\n\n.uf-files-o:before {\n content: \"\\e6fc\";\n}\n\n.uf-cloud-o:before {\n content: \"\\e6ba\";\n}\n\n.uf-rmb-s-o-2:before {\n content: \"\\e6bb\";\n}\n\n.uf-3dot-c-o:before {\n content: \"\\e6f3\";\n}\n\n.uf-dafeng:before {\n content: \"\\e775\";\n}\n\n.uf-baoxue:before {\n content: \"\\e776\";\n}\n\n.uf-bingbao:before {\n content: \"\\e777\";\n}\n\n.uf-fengbao:before {\n content: \"\\e778\";\n}\n\n.uf-xiaoyu:before {\n content: \"\\e779\";\n}\n\n.uf-zhenxue:before {\n content: \"\\e77a\";\n}\n\n.uf-zhongyu:before {\n content: \"\\e77b\";\n}\n\n.uf-es:before {\n content: \"\\e747\";\n}\n\n.uf-flow-o-2:before {\n content: \"\\e6bc\";\n}\n\n.uf-activate-2:before {\n content: \"\\e6c2\";\n}\n\n.uf-flow-o:before {\n content: \"\\e6c3\";\n}\n\n.uf-bulb-2:before {\n content: \"\\e63a\";\n}\n\n.uf-mi-c:before {\n content: \"\\e62f\";\n}\n\n.uf-top-up:before {\n content: \"\\e668\";\n}\n\n.uf-creditcard:before {\n content: \"\\e8b4\";\n}\n\n.uf-align-center:before {\n content: \"\\e8b9\";\n}\n\n.uf-align-justify:before {\n content: \"\\e8ba\";\n}\n\n.uf-align-left:before {\n content: \"\\e8bb\";\n}\n\n.uf-align-right:before {\n content: \"\\e8bc\";\n}\n\n.uf-ju-c-o:before {\n content: \"\\e6c4\";\n}\n\n.uf-truck:before {\n content: \"\\e990\";\n}\n\n.uf-setting-c-o:before {\n content: \"\\e6c5\";\n}\n\n.uf-users-o:before {\n content: \"\\e91b\";\n}\n\n.uf-bag-s-o:before {\n content: \"\\e6c6\";\n}\n\n.uf-cai-s:before {\n content: \"\\e6c7\";\n}\n\n.uf-listcheck:before {\n content: \"\\e6c8\";\n}\n\n.uf-users:before {\n content: \"\\e794\";\n}\n\n.uf-i-c:before {\n content: \"\\e6cd\";\n}\n\n.uf-building-o:before {\n content: \"\\e6f6\";\n}\n\n.uf-rmb-s-o:before {\n content: \"\\e6d0\";\n}\n\n.uf-reject:before {\n content: \"\\e6d1\";\n}\n\n.uf-9dot:before {\n content: \"\\e6f7\";\n}\n\n.uf-loadingstate:before {\n content: \"\\e600\";\n}\n\n.uf-gateway:before {\n content: \"\\e6d3\";\n}\n\n.uf-ticket-s-o:before {\n content: \"\\e6d6\";\n}\n\n.uf-userset:before {\n content: \"\\e6f8\";\n}\n\n.uf-puzzle-o:before {\n content: \"\\e648\";\n}\n\n.uf-box-o:before {\n content: \"\\e6d9\";\n}\n\n.uf-bulb:before {\n content: \"\\e6da\";\n}\n\n.uf-exc-t:before {\n content: \"\\e61b\";\n}\n\n.uf-rmb-c:before {\n content: \"\\e6db\";\n}\n\n.uf-table-s-o:before {\n content: \"\\e759\";\n}\n\n.uf-umbrella-o:before {\n content: \"\\e6dc\";\n}\n\n.uf-dropbox:before {\n content: \"\\e69d\";\n}\n\n.uf-search-light:before {\n content: \"\\e622\";\n}\n\n.uf-cart-o:before {\n content: \"\\e8c4\";\n}\n\n.uf-kero-col:before {\n content: \"\\e8c7\";\n}\n\n.uf-uba-col:before {\n content: \"\\e8c8\";\n}\n\n.uf-tinperzc-col:before {\n content: \"\\e8c9\";\n}\n\n.uf-tinperzch-col:before {\n content: \"\\e8ca\";\n}\n\n.uf-iuap-col:before {\n content: \"\\e8cb\";\n}\n\n.uf-iuapdesign-col:before {\n content: \"\\e8cc\";\n}\n\n.uf-bee-col:before {\n content: \"\\e8cd\";\n}\n\n.uf-neoui-col:before {\n content: \"\\e8ce\";\n}\n\n.uf-sparrow-col:before {\n content: \"\\e8cf\";\n}\n\n.uf-tinpercn-col:before {\n content: \"\\e8d0\";\n}\n\n.uf-tinperen-col:before {\n content: \"\\e8d1\";\n}\n\n.uf-arrow-up:before {\n content: \"\\e8d2\";\n}\n\n.uf-mailsym:before {\n content: \"\\e605\";\n}\n\n.uf-print:before {\n content: \"\\e60e\";\n}\n\n.uf-ticket-3:before {\n content: \"\\e619\";\n}\n\n.uf-loan:before {\n content: \"\\e61f\";\n}\n\n.uf-ticket-2:before {\n content: \"\\e629\";\n}\n\n.uf-offwork:before {\n content: \"\\e62b\";\n}\n\n.uf-todolist:before {\n content: \"\\e640\";\n}\n\n.uf-personin:before {\n content: \"\\e66a\";\n}\n\n.uf-ticket:before {\n content: \"\\e671\";\n}\n\n.uf-linechart:before {\n content: \"\\e6fb\";\n}\n\n.uf-4leaf:before {\n content: \"\\e6de\";\n}\n\n.uf-listset:before {\n content: \"\\e6df\";\n}\n\n.uf-qi-c-o:before {\n content: \"\\e621\";\n}\n\n.uf-exc-c:before {\n content: \"\\e61d\";\n}\n\n.uf-code:before {\n content: \"\\e656\";\n}\n\n.uf-plug-o:before {\n content: \"\\e60d\";\n}\n\n.uf-search-s:before {\n content: \"\\e991\";\n}\n\n.uf-treeadd:before {\n content: \"\\e992\";\n}\n\n.uf-mi:before {\n content: \"\\e993\";\n}\n\n.uf-treeline-copy:before {\n content: \"\\e994\";\n}\n\n.uf-listwithdots:before {\n content: \"\\e9cd\";\n}\n\n.uf-gridlogo:before {\n content: \"\\e900\";\n}\n\n.uf-magnifyingglass:before {\n content: \"\\e9ce\";\n}\n\n.uf-anglearrowdown:before {\n content: \"\\e9cf\";\n}\n\n.uf-yongyouyunchnen:before {\n content: \"\\e98d\";\n}\n\n.uf-yycloud:before {\n content: \"\\e68f\";\n}\n\n.uf-funnel-o:before {\n content: \"\\e63c\";\n}\n\n.uf-filter:before {\n content: \"\\e9d0\";\n}\n\n.uf-filterno:before {\n content: \"\\e9d1\";\n}","\n@import \"minxin-variables\";\n@import \"minxin-mixins\";\n//垂直对齐\n// ========================================================================\n.vertical-align {\n font-size: 0;\n\n &:before {\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n content: \"\";\n }\n\n &-middle, &-bottom {\n display: inline-block;\n max-width: 100%;\n font-size: $font-size-small;\n }\n &-middle {\n vertical-align: middle;\n }\n &-bottom {\n vertical-align: bottom;\n }\n}\n\n// Layout\n// ========================================================================\n.inline {\n display: inline !important;\n}\n\n.inline-block {\n display: inline-block !important;\n}\n\n.block {\n display: block !important;\n}\n\n// Text wrapping\n// ========================================================================\n.text-truncate {\n @include text-truncate();\n}\n\n.text-break {\n @include text-break();\n}\n\n.text-nowrap {\n @include text-nowrap();\n}\n\n//文字柔和\n.text-muted {\n color: inherit;\n opacity: 0.75;\n}\n\n.text-muted-dk {\n color: inherit;\n opacity: 0.5;\n}\n\n.text-muted-lt {\n color: inherit;\n opacity: 0.25;\n}\n\n\n// Text Alignment\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-nowrap {\n// white-space: nowrap !important;\n// }\n\n// Text Transformation\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\n\n// Font weight Helpers\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: $font-weight-light !important;\n}\n.font-weight-normal {\n font-weight: $font-weight-normal !important;\n}\n.font-weight-medium {\n font-weight: $font-weight-medium !important;\n}\n.font-weight-bold {\n font-weight: $font-weight-bold !important;\n}\n\n\n// Font Size Helpers\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\n\n// Floats\n// -------------------------\n\n.clearfix {\n @include clearfix();\n}\n.center-block {\n @include center-block();\n}\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n\n\n// Toggling content\n// -------------------------\n\n// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1\n.hide {\n display: none !important;\n}\n.show {\n display: block !important;\n}\n.invisible {\n visibility: hidden;\n}\n.text-hide {\n @include text-hide();\n}\n\n\n// Hide from screenreaders and browsers\n.hidden {\n display: none !important;\n}\n\n\n/* 宽高 */\n.w-16 {\n width: 16px;\n}\n\n.w-20 {\n width: 20px;\n}\n\n.w-24 {\n width: 24px;\n}\n\n.w-32 {\n width: 32px;\n}\n\n.w-40 {\n width: 40px;\n}\n\n.w-48 {\n width: 48px;\n}\n\n.w-56 {\n width: 56px;\n}\n\n.w-64 {\n width: 64px;\n}\n\n.w-xs {\n width: 90px;\n}\n\n.w-sm {\n width: 120px;\n}\n\n.w {\n width: 180px;\n}\n\n.w-md {\n width: 200px;\n}\n\n.w-lg {\n width: 240px;\n}\n\n.w-xl {\n width: 280px;\n}\n\n.w-xxl {\n width: 320px;\n}\n\n.w-full {\n width: 100%;\n}\n\n\n// Width Helpers\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\n\n\n\n.h-16 {\n height: 16px;\n}\n\n.h-20 {\n height: 20px;\n}\n\n.h-24 {\n height: 24px;\n}\n\n.h-32 {\n height: 32px;\n}\n\n.h-40 {\n height: 40px;\n}\n\n.h-48 {\n height: 48px;\n}\n\n.h-56 {\n height: 56px;\n}\n\n.h-64 {\n height: 64px;\n}\n\n.h-xxl {\n height: 60px;\n}\n\n.h-xs {\n height: 90px;\n}\n\n.h-sm {\n height: 120px;\n}\n\n.h {\n height: 180px;\n}\n\n.h-md {\n height: 200px;\n}\n\n.h-lg {\n height: 240px;\n}\n\n.h-xl {\n height: 280px;\n}\n\n.h-xxl {\n height: 320px;\n}\n\n\n.h-auto {\n height: auto;\n}\n\n.h-full {\n height: 100%;\n}\n\n\n// Height Helpers\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\n.height-auto {\n height: auto;\n}\n\n\n/* 外边距 */\n\n.no-margin {\n margin: 0;\n}\n\n.m {\n margin: 16px;\n}\n\n.m-xs {\n margin: 4px;\n}\n\n.m-sm {\n margin: 8px;\n}\n\n.m-md {\n margin: 24px;\n}\n\n.m-lg {\n margin: 32px;\n}\n\n.m-v-xs {\n margin-top: 4px;\n margin-bottom: 4px;\n}\n\n.m-v-sm {\n margin-top: 8px;\n margin-bottom: 8px;\n}\n\n.m-v {\n margin-top: 16px;\n margin-bottom: 16px;\n}\n\n.m-v-md {\n margin-top: 24px;\n margin-bottom: 24px;\n}\n\n.m-v-lg {\n margin-top: 32px;\n margin-bottom: 32px;\n}\n\n.m-h-xs {\n margin-right: 4px;\n margin-left: 4px;\n}\n\n.m-h-sm {\n margin-right: 8px;\n margin-left: 8px;\n}\n\n.m-h {\n margin-right: 16px;\n margin-left: 16px;\n}\n\n.m-h-md {\n margin-right: 24px;\n margin-left: 24px;\n}\n\n.m-h-lg {\n margin-right: 32px;\n margin-left: 32px;\n}\n\n.m-t {\n margin-top: 16px;\n}\n\n.m-t-xs {\n margin-top: 4px;\n}\n\n.m-t-sm {\n margin-top: 8px;\n}\n\n.m-t-md {\n margin-top: 24px;\n}\n\n.m-t-lg {\n margin-top: 32px;\n}\n\n.m-r {\n margin-right: 16px;\n}\n\n.m-r-xs {\n margin-right: 4px;\n}\n\n.m-r-sm {\n margin-right: 8px;\n}\n\n.m-r-md {\n margin-right: 24px;\n}\n\n.m-r-lg {\n margin-right: 32px;\n}\n\n.m-b {\n margin-bottom: 16px;\n}\n\n.m-b-xs {\n margin-bottom: 4px;\n}\n\n.m-b-sm {\n margin-bottom: 8px;\n}\n\n.m-b-md {\n margin-bottom: 24px;\n}\n\n.m-b-lg {\n margin-bottom: 32px;\n}\n\n.m-l {\n margin-left: 16px;\n}\n\n.m-l-xs {\n margin-left: 4px;\n}\n\n.m-l-sm {\n margin-left: 8px;\n}\n\n.m-l-md {\n margin-left: 24px;\n}\n\n.m-l-lg {\n margin-left: 32px;\n}\n\n.m-n {\n margin: -16px;\n}\n\n.m-h-n {\n margin-right: -16px;\n margin-left: -16px;\n}\n\n.m-v-n {\n margin-top: -16px;\n margin-bottom: -16px;\n}\n\n.m-l-n {\n margin-left: -16px;\n}\n\n.m-r-n {\n margin-right: -16px;\n}\n\n.m-t-n {\n margin-top: -16px;\n}\n\n.m-b-n {\n margin-bottom: -16px;\n}\n\n// Margin Helpers\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\n// margin vertical\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\n// margin horizontal\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\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\n// margin bottom\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\n// margin left\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\n// margin right\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\n/* 内边距 */\n.no-padding {\n padding: 0 !important;\n}\n\n.no-padding-h {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n\n.no-padding-v {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n.p-xs {\n padding: 4px;\n}\n\n.p-sm {\n padding: 8px;\n}\n\n.p {\n padding: 16px;\n}\n\n.p-md {\n padding: 24px;\n}\n\n.p-lg {\n padding: 32px;\n}\n\n.p-h {\n padding-right: 16px;\n padding-left: 16px;\n}\n\n.p-h-xs {\n padding-right: 4px;\n padding-left: 4px;\n}\n\n.p-h-sm {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.p-h-md {\n padding-right: 24px;\n padding-left: 24px;\n}\n\n.p-t-md {\n padding-top:24px;\n}\n\n.p-b-md{\n padding-bottom: 24px;\n}\n\n.p-l-md{\n padding-left: 24px;\n}\n\n.p-h-lg {\n padding-right: 32px;\n padding-left: 32px;\n}\n\n.p-v {\n padding-top: 16px;\n padding-bottom: 16px;\n}\n\n.p-v-xs {\n padding-top: 4px;\n padding-bottom: 4px;\n}\n\n.p-v-sm {\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.p-v-md {\n padding-top: 24px;\n padding-bottom: 24px;\n}\n\n.p-v-lg {\n padding-top: 32px;\n padding-bottom: 32px;\n}\n\n.padding {\n padding: 32px 32px;\n}\n\n.padding-out {\n margin: -32px -32px;\n}\n\n\n// Padding Helpers\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\n// padding vertical\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\n// padding horizontal\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\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\n// padding bottom\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\n// padding left\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\n// padding right\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//responsive\n\n@-ms-viewport {\n width: device-width;\n}\n\n\n// Visibility utilities\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n @include responsive-invisibility();\n}\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\n.visible-xs {\n @media (max-width: $screen-xs-max) {\n @include responsive-visibility();\n }\n}\n.visible-xs-block {\n @media (max-width: $screen-xs-max) {\n display: block !important;\n }\n}\n.visible-xs-inline {\n @media (max-width: $screen-xs-max) {\n display: inline !important;\n }\n}\n.visible-xs-inline-block {\n @media (max-width: $screen-xs-max) {\n display: inline-block !important;\n }\n}\n\n.visible-sm {\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n @include responsive-visibility();\n }\n}\n.visible-sm-block {\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n display: block !important;\n }\n}\n.visible-sm-inline {\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n display: inline !important;\n }\n}\n.visible-sm-inline-block {\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n display: inline-block !important;\n }\n}\n\n.visible-md {\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n @include responsive-visibility();\n }\n}\n.visible-md-block {\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n display: block !important;\n }\n}\n.visible-md-inline {\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n display: inline !important;\n }\n}\n.visible-md-inline-block {\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n display: inline-block !important;\n }\n}\n\n.visible-lg {\n @media (min-width: $screen-lg-min) {\n @include responsive-visibility();\n }\n}\n.visible-lg-block {\n @media (min-width: $screen-lg-min) {\n display: block !important;\n }\n}\n.visible-lg-inline {\n @media (min-width: $screen-lg-min) {\n display: inline !important;\n }\n}\n.visible-lg-inline-block {\n @media (min-width: $screen-lg-min) {\n display: inline-block !important;\n }\n}\n\n\n.hidden-xs {\n @media (max-width: $screen-xs-max) {\n @include responsive-invisibility();\n }\n}\n.hidden-sm {\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n @include responsive-invisibility();\n }\n}\n.hidden-md {\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n @include responsive-invisibility();\n }\n}\n.hidden-lg {\n @media (min-width: $screen-lg-min) {\n @include responsive-invisibility();\n }\n}\n\n\n/* 边框 */\n\n.no-border {\n border-color: transparent;\n border-width: 0;\n}\n\n/* 背景 */\n.no-bg {\n color: inherit;\n background-color: transparent;\n}\n\n// 超链接按钮\n.u-link{\n cursor: pointer;\n color:unquote(\"rgb(#{$palette-indigo-500})\");\n background-color: transparent;\n text-decoration: none;\n\n}\n\n.u-link:active,\n.u-link:hover{\n outline: 0;\n}\n\n.u-link:focus, .u-link:hover {\n text-decoration: underline;\n}\n\n// 边框\n.u-border-top{\n border-top:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\n}\n\n.u-border-left{\n border-left:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\n}\n\n.u-border-right{\n border-right:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\n}\n\n.u-border-bottom{\n border-bottom:1px solid unquote(\"rgb(#{$palette-u-gray-100})\");\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","@import \"minxin-variables\";\n@import \"minxin-mixins\";\n\n.u-shadow-0dp {\n @include shadow-0dp();\n}\n\n.u-shadow-2dp {\n @include shadow-2dp();\n}\n\n.u-shadow-3dp {\n @include shadow-3dp();\n}\n\n.u-shadow-4dp {\n @include shadow-4dp();\n}\n\n.u-shadow-6dp {\n @include shadow-6dp();\n}\n\n.u-shadow-8dp {\n @include shadow-8dp();\n}\n\n.u-shadow-16dp {\n @include shadow-16dp();\n}\n\n.u-shadow-24dp {\n @include shadow-24dp();\n}\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 }\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 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@-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 }\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}\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 }\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}\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 }\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 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 }\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 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 }\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}\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 }\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}\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 }\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}\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 }\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}\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 }\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}\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 }\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}\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 }\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}\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 }\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}\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 }\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}\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 }\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}\n@-webkit-keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px);\n }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px);\n }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px);\n }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px);\n }\n}\n@keyframes uSwingIn {\n 0%,\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n }\n 20% {\n -webkit-transform: translateX(-10px);\n transform: translateX(-10px);\n }\n 40% {\n -webkit-transform: translateX(10px);\n transform: translateX(10px);\n }\n 60% {\n -webkit-transform: translateX(-5px);\n transform: translateX(-5px);\n }\n 80% {\n -webkit-transform: translateX(5px);\n transform: translateX(5px);\n }\n}\n@-webkit-keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n@keyframes uZoomIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n@-webkit-keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2);\n }\n}\n@keyframes uZoomOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n transform: scale(0.2);\n }\n}\n@-webkit-keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n@keyframes uZoomBigIn {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n@-webkit-keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n}\n@keyframes uZoomBigOut {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\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 }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\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 }\n 100% {\n -webkit-transform-origin: 50% 0%;\n transform-origin: 50% 0%;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\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 }\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}\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 }\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}\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 }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\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 }\n 100% {\n -webkit-transform-origin: 0% 50%;\n transform-origin: 0% 50%;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\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 }\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}\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 }\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}\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 }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\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 }\n 100% {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\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 }\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}\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 }\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}\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 }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\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 }\n 100% {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\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 }\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}\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 }\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}\n@keyframes rcMenuOpenZoomIn {\n 0% {\n opacity: 0;\n transform: scale(0, 0);\n }\n 100% {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@keyframes rcMenuOpenZoomOut {\n 0% {\n\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@keyframes rcMenuOpenSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n}\n@keyframes rcMenuOpenSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\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\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n@import \"../node_modules/bee-transition/src/Transition.scss\";\r\n\r\n\r\n.u-panel{\r\n line-height: 1.57142857;\r\n color: $panel-default-color;\r\n position: relative;\r\n margin-bottom: 20px;\r\n -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);\r\n box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);\r\n background-color: $panel-bg-color;\r\n border: 1px solid transparent;\r\n border-radius: 4px;\r\n .u-panel-heading{\r\n border-top-left-radius: 3px;\r\n border-top-right-radius: 3px;\r\n position: relative;\r\n padding: $panel-header-padding;\r\n border-bottom: 1px solid transparent;\r\n }\r\n h4,h3{\r\n font-family: Roboto,sans-serif;\r\n font-weight: 400;\r\n line-height: 1.2;\r\n color: #424242;\r\n font-size: 18px;\r\n text-shadow: rgba(0,0,0,.15) 0 0 1px;\r\n }\r\n .u-panel-footer{\r\n padding: $panel-footer-padding;\r\n background-color: $panel-footer-bg-color;\r\n border-top: 1px solid $panel-inner-border-color;\r\n border-bottom-right-radius: 3px;\r\n border-bottom-left-radius: 3px;\r\n }\r\n .u-panel-title {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n display: block;\r\n font-size: 18px;\r\n color: #424242;\r\n .small{\r\n color:#757575;\r\n }\r\n }\r\n .u-panel-body {\r\n padding: $panel-body-padding;\r\n position: relative;\r\n .uf{\r\n position: absolute;\r\n right: 25px;\r\n top: 30px;\r\n color: #fff;\r\n font-size: 20px;\r\n padding: 2px 8px;\r\n margin: 8px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n &:hover{\r\n color: #a8a7a7;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.u-panel-default{\r\n border-color:$panel-inner-border-color;\r\n .u-panel-heading{\r\n background-color: $panel-header-bg-color;\r\n color: #333;\r\n }\r\n .u-panel-footer{\r\n border-top: 1px solid transparent;\r\n }\r\n}\r\n\r\n.u-panel-heading+.u-panel-body{\r\n //padding-top:0;\r\n}\r\n.u-panel-bordered{\r\n border-color: $panel-inner-border-color;\r\n .u-panel-heading{\r\n border-bottom: 1px solid $panel-inner-border-color;\r\n }\r\n .u-panel-footer{\r\n border-top: 1px solid $panel-inner-border-color;\r\n background-color: #fff;\r\n }\r\n}\r\n.u-panel>:not(.panel-loading):not(.collapsing){\r\n -webkit-transition: opacity .3s;\r\n -o-transition: opacity .3s;\r\n transition: opacity .3s;\r\n}\r\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{\r\n display: table;\r\n content: \" \";\r\n}\r\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{\r\n margin-top:0;\r\n}\r\n.u-panel-group {\r\n margin-bottom: 20px;\r\n .u-panel {\r\n margin-bottom: 0;\r\n border-radius: 4px;\r\n }\r\n .u-panel+.u-panel {\r\n margin-top: 5px;\r\n }\r\n .u-panel-heading {\r\n border-bottom: 0;\r\n cursor: pointer;\r\n }\r\n .u-panel-heading+.u-panel-collapse>.list-group, .u-panel-group .u-panel-heading+.u-panel-collapse>.u-panel-body {\r\n border-top: 1px solid $panel-inner-border-color;\r\n }\r\n}\r\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\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-button/src/Button\";\n\n.u-pagination {\n font-size: 14px;\n &-list {\n float: left;\n margin: 5px;\n &:after {\n clear: both;\n display: table;\n content: '';\n }\n & > li > a, & > li > span {\n display: inline-block;\n text-decoration: none;\n border-top: 1px solid $pag-border-color;\n border-bottom: 1px solid $pag-border-color;\n border-left: 1px solid $pag-border-color;\n background-color: white;\n text-align: center;\n color: $pag-color;\n padding: 6px 11px;\n line-height: 1.57142857;\n }\n & > li:first-child > a, & > li:first-child > span {\n margin-left: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n & > li:last-child > a, & > li:last-child > span {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n & > li[role=\"next\"] > a {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-right: 1px solid #d7d7d7;\n }\n & > li {\n float: left;\n list-style-type: none;\n > a:hover, > span:hover, > a:focus, > span:focus {\n color: $pag-hover-color;\n background-color: $pag-hover-bg-color;\n border-color: $pag-hover-border-color;\n cursor: pointer;\n }\n > a > i {\n color: #999999;\n }\n }\n & > .active {\n > a, > span, > a:hover, > span:hover, > a:focus, > span:focus {\n z-index: 2;\n color: $pag-active-color;\n cursor: default;\n background-color: $pag-active-bg-color;\n border-color: $pag-active-border-color;\n }\n }\n & > .disabled {\n > a, > span, > a:hover, > span:hover, > a:focus, > span:focus {\n color: $pag-disabled-color;\n cursor: not-allowed;\n background-color: $pag-disabled-bg-color;\n border-color: $pag-disabled-border-color;\n }\n > a > i {\n color: #cccccc;\n }\n }\n & > 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 }\n & > li[role=\"gap\"] {\n > a:hover, > a:focus {\n background-color: transparent;\n }\n }\n input {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n }\n li, a {\n box-sizing: content-box;\n }\n i.uf, i.fa {\n padding: 0px;\n font-size: 12px;\n }\n & > li:last-child > a, & > li:last-child > span {\n border-right: 1px solid #d7d7d7;\n }\n }\n\n .temp-main {\n width: 100px;\n height: 100px;\n border: 1px solid #000;\n }\n .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 }\n .enhanced_pagination .u_float_pagination {\n float: left;\n }\n .data_per_select {\n margin: 5px;\n float: left;\n min-width: 120px;\n .u-select {\n width: 50px;\n margin: 0 6px;\n .u-select-selection {\n height: 36px;\n .u-select-selection-rendered {\n line-height: 36px;\n }\n }\n }\n }\n .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 }\n .page_jump {\n float: left;\n margin: 5px;\n }\n .page_jump_value {\n outline: none;\n -webkit-appearance: none;\n background: #fff;\n border-radius: 4px;\n line-height: 32px;\n width: 50px;\n margin: 0 6px;\n text-align: center;\n border: 1px solid #d7d7d7;\n\n }\n .page_jump_btn{\n margin-top: -3px;\n margin-left: 10px;\n border-color: #d7d7d7;\n }\n &-total{\n float: left;\n height: 36px;\n line-height: 36px;\n margin: 5px;\n span {\n padding:0 5px;\n }\n }\n}\n\n.pagination-state {\n float: left;\n height: 34px;\n line-height: 34px;\n text-align: center;\n font-size: 12px;\n color: $pag-hover-color;\n margin-left: 10px;\n & > .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 }\n & > .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 }\n & > .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 }\n & > .pagination-jump:hover {\n background-color: #eee;\n }\n}\n\n// Size Modifier\n.u-pagination-lg {\n @include pagination-size($pagination-lg-padding-vertical, $pagination-lg-padding-horizontal, $pagination-lg-font-size, $line-height-large, $border-radius-large);\n}\n\n.u-pagination-sm {\n @include pagination-size($pagination-small-padding-vertical, $pagination-small-padding-horizontal, $pagination-small-font-size, $line-height-small, $border-radius-small);\n}\n\n//无边框\n.u-pagination-no-border {\n > li > a, > li[role=\"next\"] > a {\n border: none;\n }\n > li:last-child > a, > li:last-child > span {\n border: none;\n }\n}\n\n// 有间距的分页\n.u-pagination-gap > li:first-child > a,\n.u-pagination-gap > li:last-child > a {\n border-radius: 5px;\n}\n\n.u-pagination-gap {\n > li {\n > a {\n margin: 0 5px;\n border-radius: 5px;\n border: 1px solid #d7d7d7;\n &:hover {\n background-color: transparent;\n border-color: $pagination-gap-hover-border;\n }\n }\n &:first-child,\n &:last-child {\n > a {\n border-radius: 5px;\n }\n }\n }\n > li[role=\"gap\"] {\n > a {\n border: 0 solid #d7d7d7;\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-checkbox {\n\tdisplay: inline-block;\n\tposition: relative;\n\tmargin: 0 5px;\n\theight: 18px;\n\tline-height: 18px;\n\tfont-size: 14px;\n\t&.disabled .u-checkbox-label{\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n\tinput[type='checkbox']{\n\t\tdisplay: none;\n\t cursor: pointer;\n\t}\n\tinput[disabled]{\n\t\tcursor: not-allowed;\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}\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}\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}\n// Modifier: `checkbox-warning`\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}\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}\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 }\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: moveFromTop 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: $select-dropwdown-item-padding;\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$table-border-color: $border-color-base;\n$table-head-background-color: #f7f7f7;\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 }\n\n tr {\n // transition: all 0.3s ease;\n &:hover {\n background: $table-hover-color;\n td {\n .uf-eye{\n visibility: visible !important;\n }\n }\n }\n }\n tr.tr-row-hover {\n background: $table-hover-color;\n }\n\n th,\n td {\n padding: $vertical-padding $horizontal-padding;\n word-break: break-all;\n }\n tr {\n th:last-child{ //拖拽tag影响了表格整体宽度\n overflow: hidden;\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: rgb(227, 242, 253);\n }\n\n &-scroll {\n overflow: auto;\n }\n &-bordered {\n table {\n border: 1px solid #e9e9e9;\n box-sizing: border-box;\n table-layout: fixed;\n // width:auto;\n }\n th {\n border-bottom: 1px solid #e9e9e9;\n box-sizing: border-box;\n }\n th,\n td {\n border-right: 1px solid #e9e9e9;\n box-sizing: border-box;\n }\n }\n &-header {\n overflow: hidden;\n background: $table-head-background-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 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 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: rgb(227,242,253);\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","@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/src/Button.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/bee-pagination/node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-pagination/node_modules/bee-button/src/Button.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-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;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;;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;;AdqUL,eAAe;AAWf,iBAAiB;Ae1XjB;EACE,6BfoN4B;EelN5B,mCfkN4B;EejN5B,mBf+RsB;Ee9RtB,kBf4PiC;Ee3PjC,mBAAmB;EACnB,gBfoRmB;EenRnB,kBfqR8B;EepR9B,sBAAsB;ERZpB,qGP0B+F;EOuJjG,gBAAa;EACb,iBAAiB;EAEjB,eAAe;EACf,kBAAkB;EQvKlB,iBAAiB;EACjB,mCAAmC;EACnC,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,qBfgR4B;Ee/Q5B,uBAAuB,EA8BxB;EAhDD;IAoBI,UAAU,EACX;EArBH;IAwBI,mCfoMwB;IenMxB,+Bf4BkB,Ee3BnB;EA1BH;IA6BI,mCfgMyB;Ie/LzB,+BfqBkB,EepBnB;EA/BH;IAkCI,uBfiHoB,Ee3GrB;IAxCH;MAqCM,mCfyLsB;MexLtB,+BfagB,EeZjB;EAvCL;IA0CI,yBAAyB;IACzB,0BAAa;IACb,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EACd;;AAGH;EACE,yBAAwB,EACzB;;AAGD;EACE,mBAAmB;EACnB,gBf+OuB;Ee9OvB,af4OkB;Ee3OlB,aAAa;EACb,gBf0OkB;EezOlB,YfyOkB;EexOlB,WAAW;EACX,oBAAoB;EACpB,mCfR+B,Ee2BhC;EA5BD;IAYI,2Bf6M0B;Ie5M1B,wBf+M+B;IelM/B,6BfmMiC,EelMlC;IA3BH;MAgBM,mCf0M8B,EezM/B;IAjBL;MAoBM,iCfuM+B,EetMhC;IArBL;MAwBM,iCfmM+B,EelMhC;;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,kBf0JiC;EezJjC,mCfhD+B;EeiD/B,6BfgH8B,Ee9F/B;EArBD;IAKI,kBfsJ+B;IerJ/B,mCfgHwB;Ie/GxB,+BfrD6B,EesD9B;EARH;IAWI,kBfgJ+B;Ie/I/B,mCf2GyB;Ie1GzB,+Bf3D6B,Ee4D9B;EAdH;IAiBI,kBf0I+B;IezI/B,mCfsGwB;IerGxB,+BfjE6B,EekE9B;;AAGH;ERkNQ,wBPnF2B;EOoF3B,kCP7LgB;EO8LhB,kCAA2B,EQ/MlC;EALD;IRuNQ,kCPhMqB;IOiMrB,8BPjMqB,EOkMxB;EQzNL;IR4NQ,kCPpMsB;IOqMtB,8BPrMsB,EOsMzB;;AQxNL;ER4MQ,kBPhF0B;EOiF1B,mCPzLkB;EO0LlB,mCAA2B,EQzMlC;EALD;IRiNQ,mCP5LuB;IO6LvB,+BP7LuB,EO8L1B;EQnNL;IRsNQ,mCPhMwB;IOiMxB,+BPjMwB,EOkM3B;;AQlNL;ERsMQ,wBPnF2B;EOoF3B,iCPpKe;EOqKf,iCAA2B,EQnMlC;EALD;IR2MQ,mCPvKoB;IOwKpB,+BPxKoB,EOyKvB;EQ7ML;IRgNQ,iCP3KqB;IO4KrB,6BP5KqB,EO6KxB;;AQ5ML;ERgMQ,wBPnF2B;EOoF3B,iCPjLY;EOkLZ,iCAA2B,EQ7LlC;EALD;IRqMQ,kCPpLkB;IOqLlB,8BPrLkB,EOsLrB;EQvML;IR0MQ,iCPxLmB;IOyLnB,6BPzLmB,EO0LtB;;AQtML;ER0LQ,wBPnF2B;EOoF3B,iCP7Ke;EO8Kf,iCAA2B,EQvLlC;EALD;IR+LQ,kCPhLqB;IOiLrB,8BPjLqB,EOkLxB;EQjML;IRoMQ,iCPpLsB;IOqLtB,6BPrLsB,EOsLzB;;AQhML;ERoLQ,wBPnF2B;EOoF3B,iCPrLe;EOsLf,iCAA2B,EQjLlC;EALD;IRyLQ,mCPxLqB;IOyLrB,+BPzLqB,EO0LxB;EQ3LL;IR8LQ,iCP5LsB;IO6LtB,6BP7LsB,EO8LzB;;AQ1LL;ER8KQ,wBPnF2B;EOoF3B,gCPhSc;EOiSd,gCAA2B,EQ3KlC;EALD;IRmLQ,mCPnSc;IOoSd,+BPpSc,EOqSjB;EQrLL;IRwLQ,gCP1Sc;IO2Sd,4BP3Sc,EO4SjB;;AQpLL;ERwKQ,qBP/Rc;EOgSd,mCP5Jc;EO6Jd,mCAA2B,EQrKlC;EALD;IR6KQ,mCP/JmB;IOgKnB,+BPhKmB,EOiKtB;EQ/KL;IRkLQ,mCPnKoB;IOoKpB,+BPpKoB,EOqKvB;;AQ7KL;ERyII,sBP5JmB;EO6JnB,uBAAuB;EACvB,iCAA2B,EQzI9B;EAFD;IR8II,mCPhKyB;IOiKzB,+BPjKyB;IOkKzB,YAAW,EACV;EQjJL;IRoJQ,YAAW;IACX,iCPtKsB;IOuKtB,6BPvKsB,EOwKzB;;AQpJL;ERsII,sBPpJmB;EOqJnB,uBAAuB;EACvB,iCAA2B,EQtI9B;EAFD;IR2II,kCPxJyB;IOyJzB,8BPzJyB;IO0JzB,YAAW,EACV;EQ9IL;IRiJQ,YAAW;IACX,iCP9JsB;IO+JtB,6BP/JsB,EOgKzB;;AQjJL;ERmII,sBP3ImB;EO4InB,uBAAuB;EACvB,iCAA2B,EQnI9B;EAFD;IRwII,mCP/IwB;IOgJxB,+BPhJwB;IOiJxB,YAAW,EACV;EQ3IL;IR8IQ,YAAW;IACX,iCPrJqB;IOsJrB,6BPtJqB,EOuJxB;;AQ9IL;ERgII,sBPxJgB;EOyJhB,uBAAuB;EACvB,iCAA2B,EQhI9B;EAFD;IRqII,kCP5JsB;IO6JtB,8BP7JsB;IO8JtB,YAAW,EACV;EQxIL;IR2IQ,YAAW;IACX,iCPlKmB;IOmKnB,6BPnKmB,EOoKtB;;AQ1IL;ER4HI,uBPpKoB;EOqKpB,uBAAuB;EACvB,kCAA2B,EQ5H9B;EAFD;IRiII,kCPxKyB;IOyKzB,8BPzKyB;IO0KzB,YAAW,EACV;EQpIL;IRuIQ,YAAW;IACX,kCP9KsB;IO+KtB,8BP/KsB,EOgLzB;;AQvIL;ERyHI,wBPhKsB;EOiKtB,uBAAuB;EACvB,mCAA2B,EQzH9B;EAFD;IR8HI,mCPpK2B;IOqK3B,+BPrK2B;IOsK3B,YAAW,EACV;EQjIL;IRoIQ,YAAW;IACX,mCP1KwB;IO2KxB,+BP3KwB,EO4K3B;;AQpIL;ERsHI,qBPvQkB;EOwQlB,uBAAuB;EACvB,gCAA2B,EQtH9B;EAFD;IR2HI,mCP3QkB;IO4QlB,+BP5QkB;IO6QlB,YAAW,EACV;EQ9HL;IRiIQ,YAAW;IACX,gCPpRc;IOqRd,4BPrRc,EOsRjB;;AQjIL;ERmHI,qBPvQkB;EOwQlB,uBAAuB;EACvB,mCAA2B,EQnH9B;EAFD;IRwHI,mCPvIuB;IOwIvB,+BPxIuB;IOyIvB,YAAW,EACV;EQ3HL;IR8HQ,YAAW;IACX,mCP7IoB;IO8IpB,+BP9IoB,EO+IvB;;AQ7HL;EACI,mBAAmB;EACnB,gBf8FqB;Ee7FrB,af+FiB;Ee9FjB,aAAa;EACb,gBf6FiB;Ee5FjB,Yf4FiB;Ee3FjB,WAAW;EACX,oBAAoB;EACpB,mCfzJ6B,Ee0JhC;;AAGD;ER2IE,kBP/CuB;EOgDvB,gBP/Ce,Ee3FhB;;AAED;ERuIE,qBPzCuB;EO0CvB,gBPzCe,Ee5FhB;;AAED;ERkIE,kBQpWwB;ERqWxB,gBQpWiB,EAmOlB;;AAED;ER8HE,iBPnCsB;EOoCtB,gBPnCe,Ee1FhB;;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;;ACpQD;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,mClBoC6B;EkBnC7B,mBAAmB;EACnB,0CAA2B,EAM9B;EAhCD;IA6BQ,gClBsBc;IkBrBd,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,qClBK6B,EkBJhC;;AAED;EACI,SAAS;EACT,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,oClBH6B,EkBIhC;;AAED;EACI,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,mClBV6B;EkBW7B,cAAc,EACjB;;AAED;EACI,UAAU;EACV,mBAAmB;EACnB,oBAAoB;EACpB,sClBlB6B;EkBmB7B,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,kClBpFkB,EkBqFrB;;AAED;EACI,iClBxFkB,EkByFrB;;AAED;EACI,gClB5FkB,EkB6FrB;;AAED;EACI,mClBhGkB,EkBiGrB;;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;ArBXjB,eAAe;AAWf,iBAAiB;AsB9XjB;EACE,6BtBwN4B;EsBtN5B,mCtBsN4B;EsBrN5B,mBtBmSsB;EsBlStB,kBtBgQiC;EsB/PjC,mBAAmB;EACnB,gBtBwRmB;EsBvRnB,kBtByR8B;EsBxR9B,sBAAsB;EfRpB,qGP0B+F;EOuJjG,gBAAa;EACb,iBAAiB;EAEjB,eAAe;EACf,kBAAkB;Ee3KlB,iBAAiB;EACjB,mCAAmC;EACnC,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,qBtBoR4B;EsBnR5B,uBAAuB,EA8BxB;EAhDD;IAoBI,UAAU,EACX;EArBH;IAwBI,mCtBwMwB;IsBvMxB,+BtBgCkB,EsB/BnB;EA1BH;IA6BI,mCtBoMyB;IsBnMzB,+BtByBkB,EsBxBnB;EA/BH;IAkCI,uBtBqHoB,EsB/GrB;IAxCH;MAqCM,mCtB6LsB;MsB5LtB,+BtBiBgB,EsBhBjB;EAvCL;IA0CI,yBAAyB;IACzB,0BAAa;IACb,iBAAiB;IACjB,oBAAoB;IACpB,aAAa,EACd;;AAGH;EACE,yBAAwB,EACzB;;AAGD;EACE,mBAAmB;EACnB,gBtBmPuB;EsBlPvB,atBgPkB;EsB/OlB,aAAa;EACb,gBtB8OkB;EsB7OlB,YtB6OkB;EsB5OlB,WAAW;EACX,oBAAoB;EACpB,mCtBRqB,EsB2BtB;EA5BD;IAYI,2BtBiN0B;IsBhN1B,wBtBmN+B;IsBtM/B,6BtBuMiC,EsBtMlC;IA3BH;MAgBM,mCtB8M8B,EsB7M/B;IAjBL;MAoBM,iCtB2M+B,EsB1MhC;IArBL;MAwBM,iCtBuM+B,EsBtMhC;;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,uBtBgKgC;EsB/JhC,mCtBhDqB;EsBiDrB,6BtBoH8B,EsBlG/B;EArBD;IAKI,uBtB4J8B;IsB3J9B,mCtBoHwB;IsBnHxB,+BtBrDmB,EsBsDpB;EARH;IAWI,uBtBsJ8B;IsBrJ9B,mCtB+GyB;IsB9GzB,+BtB3DmB,EsB4DpB;EAdH;IAiBI,uBtBgJ8B;IsB/I9B,mCtB0GwB;IsBzGxB,+BtBjEmB,EsBkEpB;;AAGH;EfsNQ,wBPnF2B;EOoF3B,kCP7LgB;EO8LhB,kCAA2B,EenNlC;EALD;If2NQ,kCPhMqB;IOiMrB,8BPjMqB,EOkMxB;Ee7NL;IfgOQ,kCPpMsB;IOqMtB,8BPrMsB,EOsMzB;;Ae5NL;EfgNQ,kBPhF0B;EOiF1B,mCPzLkB;EO0LlB,mCAA2B,Ee7MlC;EALD;IfqNQ,mCP5LuB;IO6LvB,+BP7LuB,EO8L1B;EevNL;If0NQ,mCPhMwB;IOiMxB,+BPjMwB,EOkM3B;;AetNL;Ef0MQ,wBPnF2B;EOoF3B,iCPpKe;EOqKf,iCAA2B,EevMlC;EALD;If+MQ,mCPvKoB;IOwKpB,+BPxKoB,EOyKvB;EejNL;IfoNQ,iCP3KqB;IO4KrB,6BP5KqB,EO6KxB;;AehNL;EfoMQ,wBPnF2B;EOoF3B,iCPjLY;EOkLZ,iCAA2B,EejMlC;EALD;IfyMQ,kCPpLkB;IOqLlB,8BPrLkB,EOsLrB;Ee3ML;If8MQ,iCPxLmB;IOyLnB,6BPzLmB,EO0LtB;;Ae1ML;Ef8LQ,wBPnF2B;EOoF3B,iCP7Ke;EO8Kf,iCAA2B,Ee3LlC;EALD;IfmMQ,kCPhLqB;IOiLrB,8BPjLqB,EOkLxB;EerML;IfwMQ,iCPpLsB;IOqLtB,6BPrLsB,EOsLzB;;AepML;EfwLQ,wBPnF2B;EOoF3B,iCPrLe;EOsLf,iCAA2B,EerLlC;EALD;If6LQ,mCPxLqB;IOyLrB,+BPzLqB,EO0LxB;Ee/LL;IfkMQ,iCP5LsB;IO6LtB,6BP7LsB,EO8LzB;;Ae9LL;EfkLQ,wBPnF2B;EOoF3B,gCPhSc;EOiSd,gCAA2B,Ee/KlC;EALD;IfuLQ,mCPnSc;IOoSd,+BPpSc,EOqSjB;EezLL;If4LQ,gCP1Sc;IO2Sd,4BP3Sc,EO4SjB;;AexLL;Ef4KQ,qBP/Rc;EOgSd,mCP5Jc;EO6Jd,mCAA2B,EezKlC;EALD;IfiLQ,mCP/JmB;IOgKnB,+BPhKmB,EOiKtB;EenLL;IfsLQ,mCPnKoB;IOoKpB,+BPpKoB,EOqKvB;;AejLL;Ef6II,sBP5JmB;EO6JnB,uBAAuB;EACvB,iCAA2B,Ee7I9B;EAFD;IfkJI,mCPhKyB;IOiKzB,+BPjKyB;IOkKzB,YAAW,EACV;EerJL;IfwJQ,YAAW;IACX,iCPtKsB;IOuKtB,6BPvKsB,EOwKzB;;AexJL;Ef0II,sBPpJmB;EOqJnB,uBAAuB;EACvB,iCAA2B,Ee1I9B;EAFD;If+II,kCPxJyB;IOyJzB,8BPzJyB;IO0JzB,YAAW,EACV;EelJL;IfqJQ,YAAW;IACX,iCP9JsB;IO+JtB,6BP/JsB,EOgKzB;;AerJL;EfuII,sBP3ImB;EO4InB,uBAAuB;EACvB,iCAA2B,EevI9B;EAFD;If4II,mCP/IwB;IOgJxB,+BPhJwB;IOiJxB,YAAW,EACV;Ee/IL;IfkJQ,YAAW;IACX,iCPrJqB;IOsJrB,6BPtJqB,EOuJxB;;AelJL;EfoII,sBPxJgB;EOyJhB,uBAAuB;EACvB,iCAA2B,EepI9B;EAFD;IfyII,kCP5JsB;IO6JtB,8BP7JsB;IO8JtB,YAAW,EACV;Ee5IL;If+IQ,YAAW;IACX,iCPlKmB;IOmKnB,6BPnKmB,EOoKtB;;Ae9IL;EfgII,uBPpKoB;EOqKpB,uBAAuB;EACvB,kCAA2B,EehI9B;EAFD;IfqII,kCPxKyB;IOyKzB,8BPzKyB;IO0KzB,YAAW,EACV;EexIL;If2IQ,YAAW;IACX,kCP9KsB;IO+KtB,8BP/KsB,EOgLzB;;Ae3IL;Ef6HI,wBPhKsB;EOiKtB,uBAAuB;EACvB,mCAA2B,Ee7H9B;EAFD;IfkII,mCPpK2B;IOqK3B,+BPrK2B;IOsK3B,YAAW,EACV;EerIL;IfwIQ,YAAW;IACX,mCP1KwB;IO2KxB,+BP3KwB,EO4K3B;;AexIL;Ef0HI,qBPvQkB;EOwQlB,uBAAuB;EACvB,gCAA2B,Ee1H9B;EAFD;If+HI,mCP3QkB;IO4QlB,+BP5QkB;IO6QlB,YAAW,EACV;EelIL;IfqIQ,YAAW;IACX,gCPpRc;IOqRd,4BPrRc,EOsRjB;;AerIL;EfuHI,qBPvQkB;EOwQlB,uBAAuB;EACvB,mCAA2B,EevH9B;EAFD;If4HI,mCPvIuB;IOwIvB,+BPxIuB;IOyIvB,YAAW,EACV;Ee/HL;IfkIQ,YAAW;IACX,mCP7IoB;IO8IpB,+BP9IoB,EO+IvB;;AejIL;EACI,mBAAmB;EACnB,gBtBkGqB;EsBjGrB,atBmGiB;EsBlGjB,aAAa;EACb,gBtBiGiB;EsBhGjB,YtBgGiB;EsB/FjB,WAAW;EACX,oBAAoB;EACpB,mCtBzJmB,EsB0JtB;;AAGD;Ef+IE,kBP/CuB;EOgDvB,gBP/Ce,EsB/FhB;;AAED;Ef2IE,qBPzCuB;EO0CvB,gBPzCe,EsBhGhB;;AAGD;EfqIE,iBPnCsB;EOoCtB,gBPnCe,EsBjGhB;;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;;AC3PD;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,8BvB63BmB;MuB53BnB,iCvB43BmB;MuB33BnB,+BvB23BmB;MuB13BnB,8BAA8B;MAC9B,mBAAmB;MACnB,evBs3Ba;MuBr3Bb,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,YvBg2Bc;QuB/1Bd,4CvBg2BgB;QuB/1BhB,sBvBg2BuB;QuB/1BvB,gBAAgB,EACjB;MArDP;QAuDQ,eAAe,EAChB;IAxDP;MA4DQ,WAAW;MACX,YvBu1Be;MuBt1Bf,gBAAgB;MAChB,0BvBs1BoB;MuBr1BpB,sBvBs1BwB,EuBr1BzB;IAjEP;MAqEQ,YvBk1BiB;MuBj1BjB,oBAAoB;MACpB,8BAA8B;MAC9B,mBvBi1BuB,EuBh1BxB;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,YvBwrBoB;EuBvrBpB,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;;AhBoJG;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;;AgB9JP;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,sBvBylB4B,EuBxlB7B;;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,8BzBiiBmB,EyBhiBtB;EAhCF;IAqCM,6CzB2hBkB;IyB1hBlB,8BzB0hBkB,EyBzhBrB;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,6CzBmeoB;EyBlepB,8BzBkeoB,EyBjevB;;AAKD;EAKM,4CzBsDiB;EyBrDjB,6BzBqDiB,EyBpDpB;;AAPH;EAUK,6BzBiDkB,EyBhDrB;;AAKF;EAKM,4CzB8CiB;EyB7CjB,6BzB6CiB,EyB5CpB;;AAPH;EAUK,6BzByCkB,EyBxCrB;;AAKF;EAKM,4CzBuCiB;EyBtCjB,6BzBsCiB,EyBrCpB;;AAPH;EAUK,6BzBkCkB,EyBjCrB;;AAKF;EAKM,2CzBrGgB;EyBsGhB,4BzBtGgB,EyBuGnB;;AAPH;EAUK,4BzB1GiB,EyB2GpB;;AAKF;EAKM,4CzBNc;EyBOd,6BzBPc,EyBQjB;;AAPH;EAUK,6BzBXe,EyBYlB;;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,mC5BzSmB,E4B0StB;EA3EL;IA6EQ,YAAY;IACZ,oBAAoB,EACvB;EA/EL;IAiFQ,YAAY;IACZ,uBAAuB;IACvB,oBAAoB,EACvB;EApFL;;IAuFQ,mC5BpTsB;I4BqTtB,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;;AlC0IT,eAAe;AAWf,iBAAiB;AmCXjB,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,EA+elB;EArfD;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,uBrCgGkB,EqCzFnB;MAhDL;QA2CQ,uBrC+FqB,EqC9FtB;MA5CP;QA8CQ,uBrC6FsB,EqC5FvB;EA/CP;IAsDM,6BrC6IuB,EqCvIxB;IA5DL;MAyDU,+BAA+B,EAChC;EA1DT;IA8DM,uBrC2EkB,EqCpEnB;IArEL;MAgEQ,uBrC0EqB,EqCzEtB;IAjEP;MAmEQ,uBrCwEsB,EqCvEvB;EApEP;IAwEI,6BrC2HyB,EqC1H1B;EAzEH;;IA6EI,kBAnFoB;IAoFpB,sBAAsB,EACvB;EA/EH;IAkFM,iBAAiB,EAClB;EAnFL;IAsFQ,iBAAiB;IACjB,oBAAoB,EAIrB;IA3FP;MAyFU,aAAa,EACd;EA1FT;IA+FI,6BrCoGyB,EqCnG1B;EAhGH;IAmGI,eAAe,EAChB;EApGH;IAuGM,mCAjHsB;IAkHtB,uBAAuB;IACvB,oBAAoB,EAErB;EA3GL;IA6GM,0CAvHsB;IAwHtB,uBAAuB,EACxB;EA/GL;;IAkHM,yCA5HsB;IA6HtB,uBAAuB,EACxB;EApHL;IAuHI,iBAAiB;IACjB,6BrCk1CiC;IqCj1CjC,0BrCk1C2B,EqCj1C5B;EA1HH;IA6HI,iBAAiB,EAClB;EA9HH;IAiII,iBAAiB;IACjB,mBAAmB,EACpB;EAnIH;IAqII,oBAAoB;IACpB,oBAAoB,EACrB;EAvIH;IA0II,mBAAmB,EACpB;EA3IH;IA8II,aAAa;IACb,iBAAiB,EAClB;EAhJH;IAoJI,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,mBAAmB;IACnB,uBAAuB,EACxB;EAzJH;IA4JI,kBAlKoB;IAmKpB,uCAvKwB,EAwKzB;EA9JH;IAiKI,mBAAmB,EACpB;EAlKH;IAqKI,kBA3KoB;IA4KpB,0CAhLwB,EAoLzB;IA1KH;MAwKM,mBAAmB,EACpB;EAzKL;IA4KI,mBAlLoB,EAmLrB;EA7KH;IAgLI,kBAA8B;IAC9B,iBAAiB;IACjB,0CA5LwB;IA6LxB,mBAAmB;IACnB,mBAAmB,EACpB;EArLH;IAwLI,YAAY,EACb;EAzLH;IA6LM,gBAAgB;IAChB,sBAAsB;IACtB,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,kBAAkB;IAClB,mCA9MsB;IA+MtB,0BAAkB;IAAlB,uBAAkB;IAAlB,sBAAkB;IAAlB,kBAAkB;IAClB,iBAAiB;IACjB,mBAAmB,EACpB;EAxML;IA0MM,mBAAmB,EACpB;EA3ML;IA6MM,aAAa,EACd;EA9ML;IAiNM,aAAa,EACd;EAlNL;IAqNM,aAAa,EACd;EAtNL;IA0NM,6BrCvBuB,EqCwBxB;EA3NL;IA8NI,oBAAoB,EAQrB;IAtOH;MAgOM,oBAAoB,EACrB;IAjOL;MAoOM,WAAW,EACZ;EArOL;IAwOI,cAAc,EACf;EAzOH;IA4OI,gBAAgB;IAChB,YAAY;IACZ,WAAW,EAWZ;IAzPH;MAgPM,eAAe,EAChB;IAjPL;MAmPM,oBAAoB;MACpB,YAAY,EAIb;MAxPL;QAsPQ,YAAY,EACb;EAvPP;IA2PI,kBAAkB,EAInB;IA/PH;MA6PM,aAAa,EACd;EA9PL;IAiQI,aAAa,EAId;IArQH;MAmQM,aAAa,EACd;EApQL;IAyQI,mBAAmB;IACnB,OAAO;IACP,iBAAiB;IACjB,WAAW,EAKZ;IAjRH;MA8QM,YAAY;MACZ,iBAAiB,EAClB;EAhRL;IAoRI,QAAQ;IACR,+CAA0B,EAQ3B;IA7RH;MAuRM,oBAAoB;MACpB,oBAAoB,EACrB;IAzRL;MA2RM,iBAAiB,EAClB;EA5RL;IAgSI,SAAS;IACT,gDAA2B,EAS5B;IA1SH;MAsSM,mBAAmB;MACnB,qBAAqB,EACtB;EAxSL;IA6SI,iBAAiB,EAClB;EA9SH;IAiTI,iBAAiB,EAClB;EAlTH;IAsTM,oBAAoB,EACrB;EAvTL;IAyTM,qBAAc;IAAd,cAAc;IACd,sBAAwB;IAAxB,wBAAwB;IACxB,uBAAoB;IAApB,oBAAoB,EAIrB;IA/TL;MA6TQ,gBAAgB,EACjB;EA9TP;IAiUM,6BrCyoC+B;IqCxoC/B,0BrCyoCyB;IqCxoCzB,6BAA4B;IAE5B,4BAA4B;IAE5B,0BAA0B;IAC1B;;QAEE;IACA,sBAAsB;IACtB,kBAAkB,EAyDrB;IArYL;MAkVQ,mBAAmB;MACnB,iBAAiB;MACjB,YAAY;MACZ,uBAAuB;MACvB,mBAAmB;MACnB,sBAAsB,EAUvB;MAjWP;;QA2VU,iBAAiB;QACjB,eAAe;QACf,YAAY;QACZ,gBAAgB,EACjB;IA/VT;;;;MAuWQ,eAAe,EAChB;IAxWP;;MA4WQ,aAAa;MACb,gBAAgB,EACjB;IA9WP;;MAiXQ,sBAAsB;MACtB,WAAW;MACX,gBAAgB;MAChB,iBAAiB;MAGjB,uCAAmC;MACnC,+GAA+G;MAC/G,QAAQ;MACR,iBAAiB;MACjB,YAAY;MACZ,YAAY,EAGb;IA/XP;MAkYY,sBAAsB,EACzB;EAnYT;IAuYM,aAAa,EACd;EAxYL;IA0YM,6BrCvMuB,EqCwMxB;EA3YL;IAiZM,iBAAiB,EAClB;EAlZL;IAoZM,mBAAmB,EAgCpB;IApbL;MAuZQ,aAAa;MACb,mBAAmB;MACnB,aAAa;MACb,OAAO;MAIP,YAAY;MAEZ,uBAAuB;MACvB,WAAW,EAYZ;MA7aP;QAoaU,aAAa;QACb,WAAW;QACX,wBAAuB;QACvB,eAAe,EAChB;MAxaT;QA0aU,oBAAmB,EACpB;IA3aT;MA+aQ,mBAAmB,EAIpB;MAnbP;QAibU,oBACD,EAAC;EAlbV;IAubQ,aAAa,EACd;EAxbP;IAgcM,aAAa;IACb,gBAAgB;IAChB,cAAc;IACd,mBAAmB,EACpB;EApcL;IAscM,8BAA8B;IAC9B,gBAAgB,EACjB;EAxcL;IA0cM,mBAAmB,EACpB;EA3cL;IA6cM,mBAAmB;IACnB,SAAS;IACT,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,WAAW;IACX,oBAAoB,EAIrB;IAxdL;MAsdQ,aAAa,EACd;EAvdP;IA0dM,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB,EACjB;EA7dL;IA+dM,iBAAiB;IACjB,aAAa;IACb,iBAAiB;IACjB,wBAAwB;IACxB,oBAAoB,EACrB;EApeL;IAseM,uBAAuB;IACvB,iBAAiB,EAClB;EAxeL;IA6eI,cAAa;IACb,qBAAqB,EACtB;EA/eH;IAkfI,aAnfiB;IAofjB,kBApfiB,EAqflB;;AAEH;EACE,cAAc;EAGd,kBAAkB,EACnB;;AAEC;EAEI,oBAAmB,EACpB;;AAEL;EAEI,0BAA0B,EAC3B;;AAHH;;EAMI,mCAlhBwB,EAmhBzB;;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,6BrCjgBkB,EAAA;EqCmgBpB;IACE,sBAAsB;IACtB,yBAAqB;IACrB,WAAW,EAAA;EAEb;IACE,6BrCzgBkB,EAAA;EqC2gBpB;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,oBAxvByB,EAyvB1B;;AAED;EACE,mBAAmB;EACnB,UAAU,EACX;;ArCtZD,eAAe;AAWf,iBAAiB;AmBrDjB,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;;A1C10CH;EACE,oBAAe,EAChB;;AAED;EACE,aAAa;EACb,aAAa,EAMd;EARD;IAKI,YAAY,EACb;;A2CjCH;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: 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(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-border {\n color: rgb(0,0,0);\n border: 1px solid rgb(189,189,189);\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(189,189,189); }\n .u-button-border:active {\n color: rgb(0,0,0);\n background-color: rgb(189,189,189);\n border-color: rgb(189,189,189); }\n .u-button-border:focus:not(:active) {\n color: rgb(0,0,0);\n background-color: rgb(238,238,238);\n border-color: rgb(189,189,189); }\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(189,189,189); }\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(189,189,189);\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(189,189,189); }\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(189,189,189); }\n\n.u-popconfirm.top > .arrow {\n left: 50%;\n margin-left: -11px;\n border-bottom-width: 0;\n border-top-color: rgb(189,189,189);\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(189,189,189);\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(30,136,229);\n border: 1px solid rgb(224,224,224);\n background: rgb(255,255,255); }\n .u-button-border:hover {\n color: rgb(30,136,229);\n background-color: rgb(238,238,238);\n border-color: rgb(224,224,224); }\n .u-button-border:active {\n color: rgb(30,136,229);\n background-color: rgb(189,189,189);\n border-color: rgb(224,224,224); }\n .u-button-border:focus:not(:active) {\n color: rgb(30,136,229);\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-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(30,136,229); }\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 rgb(30,136,229);\n border-color: rgb(30,136,229); }\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 {\n background: rgb(227,242,253); }\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 th:last-child {\n overflow: hidden; }\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-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 /*\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(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/* 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\";\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) {\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}","\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","@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","\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: 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//默认 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-border-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-border-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-border-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-border-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//小型\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","\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 th:last-child{ //拖拽tag影响了表格整体宽度\r\n overflow: hidden;\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 &-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// $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 73e0d56..03e50be 100644
--- a/dist/demo.js
+++ b/dist/demo.js
@@ -50,7 +50,7 @@
var _beePanel = __webpack_require__(8);
- var _beeButton = __webpack_require__(77);
+ var _beeButton = __webpack_require__(82);
var _beeButton2 = _interopRequireDefault(_beeButton);
@@ -76,7 +76,7 @@
var CARETUP = _react2['default'].createElement('i', { className: 'uf uf-arrow-up' });
- var Demo1 = __webpack_require__(79);var Demo10 = __webpack_require__(481);var Demo11 = __webpack_require__(482);var Demo12 = __webpack_require__(484);var Demo13 = __webpack_require__(489);var Demo14 = __webpack_require__(491);var Demo15 = __webpack_require__(501);var Demo16 = __webpack_require__(502);var Demo17 = __webpack_require__(503);var Demo18 = __webpack_require__(504);var Demo19 = __webpack_require__(505);var Demo2 = __webpack_require__(506);var Demo20 = __webpack_require__(511);var Demo21 = __webpack_require__(512);var Demo22 = __webpack_require__(517);var Demo23 = __webpack_require__(520);var Demo24 = __webpack_require__(521);var Demo25 = __webpack_require__(522);var Demo26 = __webpack_require__(523);var Demo27 = __webpack_require__(524);var Demo28 = __webpack_require__(526);var Demo29 = __webpack_require__(527);var Demo3 = __webpack_require__(550);var Demo30 = __webpack_require__(551);var Demo31 = __webpack_require__(553);var Demo32 = __webpack_require__(554);var Demo33 = __webpack_require__(555);var Demo34 = __webpack_require__(556);var Demo35 = __webpack_require__(557);var Demo4 = __webpack_require__(558);var Demo5 = __webpack_require__(559);var Demo6 = __webpack_require__(560);var Demo7 = __webpack_require__(561);var Demo8 = __webpack_require__(562);var Demo9 = __webpack_require__(567);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: 80, 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: '10%' },\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(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(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(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 },\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 sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"武功级别\",\n dataIndex: \"d\",\n key: \"d\",\n fixed:'right',\n width: 200,\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: \"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(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(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 fixed:'left'\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 title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n fixed:'right',\n render(text, record, index) {\n return (\n \n );\n }\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 一些操作\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\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 = 42 * (this.state.data_obj[0].length+ 2);\n const data = record.key%2?this.state.data_obj[0]:this.state.data_obj[0]\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 fixed:'left'\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 title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n fixed:'right',\n render(text, record, index) {\n return (\n \n );\n }\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 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(Demo33, null), "title": " 快捷键在table中的简单使用应用。", "code": "/**\n*\n* @title 快捷键在table中的简单使用应用。\n* @description tab 键可以默认选中第一行、up 选中上一条、down 选中下一条 更多api 见文档说明。\n*/\n\nimport React, { Component } from \"react\";\nimport { Table, Checkbox, Tooltip, Button } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"\",\n dataIndex: \"d\",\n fixed: \"left\",\n key: \"d\",\n width:80,\n render(text, record, index) {\n return (\n \n \n
\n );\n }\n },\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,d:'操作', key: \"1\" },\n { a: \"杨过叔叔的女儿黄蓉\", b: \"男\", c: 67,d:'操作', key: \"2\" },\n { a: \"郭靖\", b: \"男\", c: 25,d:'操作', key: \"3\" }\n];\n\nclass Demo33 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 2\n }\n }\n\n onKeyTab=()=>{\n let {selectedRowIndex} = this.state;\n // let count = selectedRowIndex;//(selectedRowIndex+1);\n // count == (data.length-1)?count = -1:count;\n // this.setState({\n // selectedRowIndex: (count+1)\n // })\n console.log(\" ---onKeyTab---- \",selectedRowIndex);\n this.setState({\n selectedRowIndex: 0\n })\n }\n\n onKeyUp=()=>{\n let {selectedRowIndex} = this.state;\n let count = selectedRowIndex;\n let len = (data.length-1);\n count = count == 0?count = len:(count-1);\n this.setState({\n selectedRowIndex: count\n })\n }\n\n onKeyDown=()=>{\n let {selectedRowIndex} = this.state;\n let count = selectedRowIndex;\n count == (data.length-1)?count = -1:(count+1);\n this.setState({\n selectedRowIndex: (count+1)\n })\n }\n \n onTableKeyDown = ()=>{\n let {selectedRowIndex} = this.state;\n console.log(\" ----onTabkeKeyDown--- \",selectedRowIndex);\n }\n \n render() {\n return (\n \n
\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 onKeyTab={this.onKeyTab}\n onKeyUp={this.onKeyUp}\n onKeyDown={this.onKeyDown}\n onTableKeyDown={this.onTableKeyDown} \n scroll={{ x: \"110%\", y: 140 }}\n focusable = {true}\n />\n \n \n );\n }\n}\n\n\n", "desc": " tab 键可以默认选中第一行、up 选中上一条、down 选中下一条 更多api 见文档说明。" }, { "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 title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n fixed:'right',\n render(text, record, index) {\n return (\n \n );\n }\n }\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 }" }, { "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": " 搜索刷新表格数据" }];
+ 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__(568);var Demo29 = __webpack_require__(569);var Demo30 = __webpack_require__(592);var Demo31 = __webpack_require__(594);var Demo32 = __webpack_require__(595);var Demo33 = __webpack_require__(596);var Demo34 = __webpack_require__(597);var Demo35 = __webpack_require__(598);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: 80, 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: '10%' },\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 },\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 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 fixed:'right',\r\n width: 200,\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: \"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 fixed:'left'\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 title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\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\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 一些操作\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\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 = 42 * (this.state.data_obj[0].length+ 2);\r\n const data = record.key%2?this.state.data_obj[0]:this.state.data_obj[0]\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 fixed:'left'\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 title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\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\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(Demo33, null), "title": " 快捷键在table中的简单使用应用。", "code": "/**\r\n*\r\n* @title 快捷键在table中的简单使用应用。\r\n* @description tab 键可以默认选中第一行、up 选中上一条、down 选中下一条 更多api 见文档说明。\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\n\n\nimport { Table, Checkbox, Tooltip, Button } from 'tinper-bee';\r\n\n\r\nconst columns = [\r\n {\r\n title: \"\",\r\n dataIndex: \"d\",\r\n fixed: \"left\",\r\n key: \"d\",\r\n width:80,\r\n render(text, record, index) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n },\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,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 Demo33 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 2\r\n }\r\n }\r\n\r\n onKeyTab=()=>{\r\n let {selectedRowIndex} = this.state;\r\n // let count = selectedRowIndex;//(selectedRowIndex+1);\r\n // count == (data.length-1)?count = -1:count;\r\n // this.setState({\r\n // selectedRowIndex: (count+1)\r\n // })\r\n console.log(\" ---onKeyTab---- \",selectedRowIndex);\r\n this.setState({\r\n selectedRowIndex: 0\r\n })\r\n }\r\n\r\n onKeyUp=()=>{\r\n let {selectedRowIndex} = this.state;\r\n let count = selectedRowIndex;\r\n let len = (data.length-1);\r\n count = count == 0?count = len:(count-1);\r\n this.setState({\r\n selectedRowIndex: count\r\n })\r\n }\r\n\r\n onKeyDown=()=>{\r\n let {selectedRowIndex} = this.state;\r\n let count = selectedRowIndex;\r\n count == (data.length-1)?count = -1:(count+1);\r\n this.setState({\r\n selectedRowIndex: (count+1)\r\n })\r\n }\r\n \r\n onTableKeyDown = ()=>{\r\n let {selectedRowIndex} = this.state;\r\n console.log(\" ----onTabkeKeyDown--- \",selectedRowIndex);\r\n }\r\n \r\n render() {\r\n return (\r\n \r\n
\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 onKeyTab={this.onKeyTab}\r\n onKeyUp={this.onKeyUp}\r\n onKeyDown={this.onKeyDown}\r\n onTableKeyDown={this.onTableKeyDown} \r\n scroll={{ x: \"110%\", y: 140 }}\r\n focusable = {true}\r\n />\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " tab 键可以默认选中第一行、up 选中上一条、down 选中下一条 更多api 见文档说明。" }, { "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 title: \"操作\",\r\n dataIndex: \"d\",\r\n key: \"d\",\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\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);
@@ -643,7 +643,7 @@
var _Panel3 = _interopRequireDefault(_Panel2);
- var _PanelGroup2 = __webpack_require__(76);
+ var _PanelGroup2 = __webpack_require__(81);
var _PanelGroup3 = _interopRequireDefault(_PanelGroup2);
@@ -674,7 +674,7 @@
var _beeTransition = __webpack_require__(10);
- var _beeMessage = __webpack_require__(64);
+ var _beeMessage = __webpack_require__(65);
var _beeMessage2 = _interopRequireDefault(_beeMessage);
@@ -682,7 +682,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _copyToClipboard = __webpack_require__(74);
+ var _copyToClipboard = __webpack_require__(79);
var _copyToClipboard2 = _interopRequireDefault(_copyToClipboard);
@@ -877,7 +877,7 @@
'div',
{ key: children.length, className: bodyClassName },
bodyChildren,
- copyable && _react2["default"].createElement('i', { className: 'uf uf-files-o', onClick: self.copyDemo })
+ copyable && _react2["default"].createElement('i', { className: clsPrefix + '-copy uf uf-files-o', onClick: self.copyDemo })
));
bodyChildren = [];
}
@@ -981,11 +981,11 @@
var _Transition3 = _interopRequireDefault(_Transition2);
- var _Collapse2 = __webpack_require__(16);
+ var _Collapse2 = __webpack_require__(17);
var _Collapse3 = _interopRequireDefault(_Collapse2);
- var _Fade2 = __webpack_require__(63);
+ var _Fade2 = __webpack_require__(64);
var _Fade3 = _interopRequireDefault(_Fade2);
@@ -1020,7 +1020,7 @@
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(15);
+ var _on = __webpack_require__(16);
var _on2 = _interopRequireDefault(_on);
@@ -1350,64 +1350,49 @@
/* 13 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
+ "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
+ var _interopRequireDefault = __webpack_require__(14);
- var _inDOM = __webpack_require__(14);
+ exports.__esModule = true;
+ exports.default = exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = void 0;
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ var _inDOM = _interopRequireDefault(__webpack_require__(15));
var transform = 'transform';
- var prefix = void 0,
- transitionEnd = void 0,
- animationEnd = void 0;
- var transitionProperty = void 0,
- transitionDuration = void 0,
- transitionTiming = void 0,
- transitionDelay = void 0;
- var animationName = void 0,
- animationDuration = void 0,
- animationTiming = void 0,
- animationDelay = void 0;
+ exports.transform = transform;
+ var prefix, transitionEnd, animationEnd;
+ exports.animationEnd = animationEnd;
+ exports.transitionEnd = transitionEnd;
+ var transitionProperty, transitionDuration, transitionTiming, transitionDelay;
+ exports.transitionDelay = transitionDelay;
+ exports.transitionTiming = transitionTiming;
+ exports.transitionDuration = transitionDuration;
+ exports.transitionProperty = transitionProperty;
+ var animationName, animationDuration, animationTiming, animationDelay;
+ exports.animationDelay = animationDelay;
+ exports.animationTiming = animationTiming;
+ exports.animationDuration = animationDuration;
+ exports.animationName = animationName;
- if (_inDOM2.default) {
+ if (_inDOM.default) {
var _getTransitionPropert = getTransitionProperties();
prefix = _getTransitionPropert.prefix;
exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
exports.animationEnd = animationEnd = _getTransitionPropert.animationEnd;
-
-
- exports.transform = transform = prefix + '-' + transform;
- exports.transitionProperty = transitionProperty = prefix + '-transition-property';
- exports.transitionDuration = transitionDuration = prefix + '-transition-duration';
- exports.transitionDelay = transitionDelay = prefix + '-transition-delay';
- exports.transitionTiming = transitionTiming = prefix + '-transition-timing-function';
-
- exports.animationName = animationName = prefix + '-animation-name';
- exports.animationDuration = animationDuration = prefix + '-animation-duration';
- exports.animationTiming = animationTiming = prefix + '-animation-delay';
- exports.animationDelay = animationDelay = prefix + '-animation-timing-function';
+ exports.transform = transform = prefix + "-" + transform;
+ exports.transitionProperty = transitionProperty = prefix + "-transition-property";
+ exports.transitionDuration = transitionDuration = prefix + "-transition-duration";
+ exports.transitionDelay = transitionDelay = prefix + "-transition-delay";
+ exports.transitionTiming = transitionTiming = prefix + "-transition-timing-function";
+ exports.animationName = animationName = prefix + "-animation-name";
+ exports.animationDuration = animationDuration = prefix + "-animation-duration";
+ exports.animationTiming = animationTiming = prefix + "-animation-delay";
+ exports.animationDelay = animationDelay = prefix + "-animation-timing-function";
}
- exports.transform = transform;
- exports.transitionProperty = transitionProperty;
- exports.transitionTiming = transitionTiming;
- exports.transitionDelay = transitionDelay;
- exports.transitionDuration = transitionDuration;
- exports.transitionEnd = transitionEnd;
- exports.animationName = animationName;
- exports.animationDuration = animationDuration;
- exports.animationTiming = animationTiming;
- exports.animationDelay = animationDelay;
- exports.animationEnd = animationEnd;
- exports.default = {
+ var _default = {
transform: transform,
end: transitionEnd,
property: transitionProperty,
@@ -1415,37 +1400,33 @@
delay: transitionDelay,
duration: transitionDuration
};
-
+ exports.default = _default;
function getTransitionProperties() {
var style = document.createElement('div').style;
-
var vendorMap = {
O: function O(e) {
- return 'o' + e.toLowerCase();
+ return "o" + e.toLowerCase();
},
Moz: function Moz(e) {
return e.toLowerCase();
},
Webkit: function Webkit(e) {
- return 'webkit' + e;
+ return "webkit" + e;
},
ms: function ms(e) {
- return 'MS' + e;
+ return "MS" + e;
}
};
-
var vendors = Object.keys(vendorMap);
-
- var transitionEnd = void 0,
- animationEnd = void 0;
+ var transitionEnd, animationEnd;
var prefix = '';
for (var i = 0; i < vendors.length; i++) {
var vendor = vendors[i];
- if (vendor + 'TransitionProperty' in style) {
- prefix = '-' + vendor.toLowerCase();
+ if (vendor + "TransitionProperty" in style) {
+ prefix = "-" + vendor.toLowerCase();
transitionEnd = vendorMap[vendor]('TransitionEnd');
animationEnd = vendorMap[vendor]('AnimationEnd');
break;
@@ -1453,46 +1434,58 @@
}
if (!transitionEnd && 'transitionProperty' in style) transitionEnd = 'transitionend';
-
if (!animationEnd && 'animationName' in style) animationEnd = 'animationend';
-
style = null;
-
- return { animationEnd: animationEnd, transitionEnd: transitionEnd, prefix: prefix };
+ return {
+ animationEnd: animationEnd,
+ transitionEnd: transitionEnd,
+ prefix: prefix
+ };
}
/***/ }),
/* 14 */
/***/ (function(module, exports) {
- 'use strict';
+ function _interopRequireDefault(obj) {
+ return obj && obj.__esModule ? obj : {
+ default: obj
+ };
+ }
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
- module.exports = exports['default'];
+ module.exports = _interopRequireDefault;
/***/ }),
/* 15 */
+/***/ (function(module, exports) {
+
+ "use strict";
+
+ exports.__esModule = true;
+ exports.default = void 0;
+
+ var _default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+
+ exports.default = _default;
+ module.exports = exports["default"];
+
+/***/ }),
+/* 16 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
+ "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ var _interopRequireDefault = __webpack_require__(14);
- var _inDOM = __webpack_require__(14);
+ exports.__esModule = true;
+ exports.default = void 0;
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ var _inDOM = _interopRequireDefault(__webpack_require__(15));
var on = function on() {};
- if (_inDOM2.default) {
- on = function () {
+ if (_inDOM.default) {
+ on = function () {
if (document.addEventListener) return function (node, eventName, handler, capture) {
return node.addEventListener(eventName, handler, capture || false);
};else if (document.attachEvent) return function (node, eventName, handler) {
@@ -1506,11 +1499,12 @@
}();
}
- exports.default = on;
- module.exports = exports['default'];
+ var _default = on;
+ exports.default = _default;
+ module.exports = exports["default"];
/***/ }),
-/* 16 */
+/* 17 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -1525,7 +1519,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _style = __webpack_require__(17);
+ var _style = __webpack_require__(18);
var _style2 = _interopRequireDefault(_style);
@@ -1541,11 +1535,11 @@
var _Transition2 = _interopRequireDefault(_Transition);
- var _capitalize = __webpack_require__(25);
+ var _capitalize = __webpack_require__(26);
var _capitalize2 = _interopRequireDefault(_capitalize);
- var _tinperBeeCore = __webpack_require__(26);
+ var _tinperBeeCore = __webpack_require__(27);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -1767,39 +1761,27 @@
module.exports = exports['default'];
/***/ }),
-/* 17 */
+/* 18 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
+ "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ var _interopRequireDefault = __webpack_require__(14);
+
+ exports.__esModule = true;
exports.default = style;
- var _camelizeStyle = __webpack_require__(18);
+ var _camelizeStyle = _interopRequireDefault(__webpack_require__(19));
- var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
+ var _hyphenateStyle = _interopRequireDefault(__webpack_require__(21));
- var _hyphenateStyle = __webpack_require__(20);
+ var _getComputedStyle2 = _interopRequireDefault(__webpack_require__(23));
- var _hyphenateStyle2 = _interopRequireDefault(_hyphenateStyle);
-
- var _getComputedStyle2 = __webpack_require__(22);
-
- var _getComputedStyle3 = _interopRequireDefault(_getComputedStyle2);
-
- var _removeStyle = __webpack_require__(23);
-
- var _removeStyle2 = _interopRequireDefault(_removeStyle);
+ var _removeStyle = _interopRequireDefault(__webpack_require__(24));
var _properties = __webpack_require__(13);
- var _isTransform = __webpack_require__(24);
-
- var _isTransform2 = _interopRequireDefault(_isTransform);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ var _isTransform = _interopRequireDefault(__webpack_require__(25));
function style(node, property, value) {
var css = '';
@@ -1808,7 +1790,7 @@
if (typeof property === 'string') {
if (value === undefined) {
- return node.style[(0, _camelizeStyle2.default)(property)] || (0, _getComputedStyle3.default)(node).getPropertyValue((0, _hyphenateStyle2.default)(property));
+ return node.style[(0, _camelizeStyle.default)(property)] || (0, _getComputedStyle2.default)(node).getPropertyValue((0, _hyphenateStyle.default)(property));
} else {
(props = {})[property] = value;
}
@@ -1816,59 +1798,58 @@
Object.keys(props).forEach(function (key) {
var value = props[key];
+
if (!value && value !== 0) {
- (0, _removeStyle2.default)(node, (0, _hyphenateStyle2.default)(key));
- } else if ((0, _isTransform2.default)(key)) {
- transforms += key + '(' + value + ') ';
+ (0, _removeStyle.default)(node, (0, _hyphenateStyle.default)(key));
+ } else if ((0, _isTransform.default)(key)) {
+ transforms += key + "(" + value + ") ";
} else {
- css += (0, _hyphenateStyle2.default)(key) + ': ' + value + ';';
+ css += (0, _hyphenateStyle.default)(key) + ": " + value + ";";
}
});
if (transforms) {
- css += _properties.transform + ': ' + transforms + ';';
+ css += _properties.transform + ": " + transforms + ";";
}
node.style.cssText += ';' + css;
}
- module.exports = exports['default'];
-
-/***/ }),
-/* 18 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = camelizeStyleName;
-
- var _camelize = __webpack_require__(19);
-
- var _camelize2 = _interopRequireDefault(_camelize);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var msPattern = /^-ms-/; /**
- * Copyright 2014-2015, Facebook, Inc.
- * All rights reserved.
- * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
- */
- function camelizeStyleName(string) {
- return (0, _camelize2.default)(string.replace(msPattern, 'ms-'));
- }
- module.exports = exports['default'];
+ module.exports = exports["default"];
/***/ }),
/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ var _interopRequireDefault = __webpack_require__(14);
+
+ exports.__esModule = true;
+ exports.default = camelizeStyleName;
+
+ var _camelize = _interopRequireDefault(__webpack_require__(20));
+
+ /**
+ * Copyright 2014-2015, Facebook, Inc.
+ * All rights reserved.
+ * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
+ */
+ var msPattern = /^-ms-/;
+
+ function camelizeStyleName(string) {
+ return (0, _camelize.default)(string.replace(msPattern, 'ms-'));
+ }
+
+ module.exports = exports["default"];
+
+/***/ }),
+/* 20 */
/***/ (function(module, exports) {
"use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ exports.__esModule = true;
exports.default = camelize;
var rHyphen = /-(.)/g;
@@ -1877,70 +1858,63 @@
return chr.toUpperCase();
});
}
+
module.exports = exports["default"];
/***/ }),
-/* 20 */
+/* 21 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
+ "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ var _interopRequireDefault = __webpack_require__(14);
+
+ exports.__esModule = true;
exports.default = hyphenateStyleName;
- var _hyphenate = __webpack_require__(21);
+ var _hyphenate = _interopRequireDefault(__webpack_require__(22));
- var _hyphenate2 = _interopRequireDefault(_hyphenate);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var msPattern = /^ms-/; /**
- * Copyright 2013-2014, Facebook, Inc.
- * All rights reserved.
- * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
- */
+ /**
+ * Copyright 2013-2014, Facebook, Inc.
+ * All rights reserved.
+ * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
+ */
+ var msPattern = /^ms-/;
function hyphenateStyleName(string) {
- return (0, _hyphenate2.default)(string).replace(msPattern, '-ms-');
+ return (0, _hyphenate.default)(string).replace(msPattern, '-ms-');
}
- module.exports = exports['default'];
+
+ module.exports = exports["default"];
/***/ }),
-/* 21 */
+/* 22 */
/***/ (function(module, exports) {
- 'use strict';
+ "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ exports.__esModule = true;
exports.default = hyphenate;
-
var rUpper = /([A-Z])/g;
function hyphenate(string) {
return string.replace(rUpper, '-$1').toLowerCase();
}
- module.exports = exports['default'];
+
+ module.exports = exports["default"];
/***/ }),
-/* 22 */
+/* 23 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
+ "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ var _interopRequireDefault = __webpack_require__(14);
+
+ exports.__esModule = true;
exports.default = _getComputedStyle;
- var _camelizeStyle = __webpack_require__(18);
-
- var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ var _camelizeStyle = _interopRequireDefault(__webpack_require__(19));
var rposition = /^(top|right|bottom|left)$/;
var rnumnonpx = /^([+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|))(?!px)[a-z%]+$/i;
@@ -1948,33 +1922,25 @@
function _getComputedStyle(node) {
if (!node) throw new TypeError('No Element passed to `getComputedStyle()`');
var doc = node.ownerDocument;
-
return 'defaultView' in doc ? doc.defaultView.opener ? node.ownerDocument.defaultView.getComputedStyle(node, null) : window.getComputedStyle(node, null) : {
//ie 8 "magic" from: https://github.com/jquery/jquery/blob/1.11-stable/src/css/curCSS.js#L72
getPropertyValue: function getPropertyValue(prop) {
var style = node.style;
-
- prop = (0, _camelizeStyle2.default)(prop);
-
+ prop = (0, _camelizeStyle.default)(prop);
if (prop == 'float') prop = 'styleFloat';
-
var current = node.currentStyle[prop] || null;
-
if (current == null && style && style[prop]) current = style[prop];
if (rnumnonpx.test(current) && !rposition.test(prop)) {
// Remember the original values
var left = style.left;
var runStyle = node.runtimeStyle;
- var rsLeft = runStyle && runStyle.left;
+ var rsLeft = runStyle && runStyle.left; // Put in the new values to get a computed value out
- // Put in the new values to get a computed value out
if (rsLeft) runStyle.left = node.currentStyle.left;
-
style.left = prop === 'fontSize' ? '1em' : current;
- current = style.pixelLeft + 'px';
+ current = style.pixelLeft + 'px'; // Revert the changed values
- // Revert the changed values
style.left = left;
if (rsLeft) runStyle.left = rsLeft;
}
@@ -1983,22 +1949,8 @@
}
};
}
- module.exports = exports['default'];
-
-/***/ }),
-/* 23 */
-/***/ (function(module, exports) {
-
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = removeStyle;
- function removeStyle(node, key) {
- return 'removeProperty' in node.style ? node.style.removeProperty(key) : node.style.removeAttribute(key);
- }
- module.exports = exports['default'];
+ module.exports = exports["default"];
/***/ }),
/* 24 */
@@ -2006,19 +1958,33 @@
"use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ exports.__esModule = true;
+ exports.default = removeStyle;
+
+ function removeStyle(node, key) {
+ return 'removeProperty' in node.style ? node.style.removeProperty(key) : node.style.removeAttribute(key);
+ }
+
+ module.exports = exports["default"];
+
+/***/ }),
+/* 25 */
+/***/ (function(module, exports) {
+
+ "use strict";
+
+ exports.__esModule = true;
exports.default = isTransform;
var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;
function isTransform(property) {
return !!(property && supportedTransforms.test(property));
}
+
module.exports = exports["default"];
/***/ }),
-/* 25 */
+/* 26 */
/***/ (function(module, exports) {
"use strict";
@@ -2032,259 +1998,259 @@
}
module.exports = exports["default"];
-/***/ }),
-/* 26 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(27);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(29);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(30);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(33);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(34);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(35);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(36);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(37);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(38);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(39);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(44);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(48);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(49);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
/***/ }),
/* 27 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
-
- exports.__esModule = true;
- exports.default = all;
-
- var _createChainableTypeChecker = __webpack_require__(28);
-
- var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function all() {
- for (var _len = arguments.length, validators = Array(_len), _key = 0; _key < _len; _key++) {
- validators[_key] = arguments[_key];
- }
-
- function allPropTypes() {
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- var error = null;
-
- validators.forEach(function (validator) {
- if (error != null) {
- return;
- }
-
- var result = validator.apply(undefined, args);
- if (result != null) {
- error = result;
- }
- });
-
- return error;
- }
-
- return (0, _createChainableTypeChecker2.default)(allPropTypes);
- }
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(28);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(30);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(31);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(34);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(35);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(36);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(37);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(38);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(39);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(40);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(45);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(49);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(50);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
+ exports.Align = _Align3.default;
/***/ }),
/* 28 */
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = all;
+
+ var _createChainableTypeChecker = __webpack_require__(29);
+
+ var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function all() {
+ for (var _len = arguments.length, validators = Array(_len), _key = 0; _key < _len; _key++) {
+ validators[_key] = arguments[_key];
+ }
+
+ function allPropTypes() {
+ for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
+ }
+
+ var error = null;
+
+ validators.forEach(function (validator) {
+ if (error != null) {
+ return;
+ }
+
+ var result = validator.apply(undefined, args);
+ if (result != null) {
+ error = result;
+ }
+ });
+
+ return error;
+ }
+
+ return (0, _createChainableTypeChecker2.default)(allPropTypes);
}
/***/ }),
/* 29 */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
- 'use strict';
-
- 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 _react = __webpack_require__(4);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _createChainableTypeChecker = __webpack_require__(28);
-
- var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function validate(props, propName, componentName, location, propFullName) {
- var propValue = props[propName];
- var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);
-
- if (_react2.default.isValidElement(propValue)) {
- return new Error('Invalid ' + location + ' `' + propFullName + '` of type ReactElement ' + ('supplied to `' + componentName + '`, expected a ReactComponent or a ') + 'DOMElement. You can usually obtain a ReactComponent or DOMElement ' + 'from a ReactElement by attaching a ref to it.');
- }
-
- if ((propType !== 'object' || typeof propValue.render !== 'function') && propValue.nodeType !== 1) {
- return new Error('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected a ReactComponent or a ') + 'DOMElement.');
- }
-
- return null;
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
-
- exports.default = (0, _createChainableTypeChecker2.default)(validate);
/***/ }),
/* 30 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
-
- exports.__esModule = true;
- exports.default = deprecated;
-
- var _warning = __webpack_require__(31);
-
- var _warning2 = _interopRequireDefault(_warning);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var warned = {};
-
- function deprecated(validator, reason) {
- return function validate(props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] != null) {
- var messageKey = componentName + '.' + propName;
-
- (0, _warning2.default)(warned[messageKey], 'The ' + location + ' `' + propFullNameSafe + '` of ' + ('`' + componentNameSafe + '` is deprecated. ' + reason + '.'));
-
- warned[messageKey] = true;
- }
-
- for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
- args[_key - 5] = arguments[_key];
- }
-
- return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
- };
- }
-
- /* eslint-disable no-underscore-dangle */
- function _resetWarned() {
- warned = {};
- }
-
- deprecated._resetWarned = _resetWarned;
- /* eslint-enable no-underscore-dangle */
+ 'use strict';
+
+ 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 _react = __webpack_require__(4);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _createChainableTypeChecker = __webpack_require__(29);
+
+ var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function validate(props, propName, componentName, location, propFullName) {
+ var propValue = props[propName];
+ var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);
+
+ if (_react2.default.isValidElement(propValue)) {
+ return new Error('Invalid ' + location + ' `' + propFullName + '` of type ReactElement ' + ('supplied to `' + componentName + '`, expected a ReactComponent or a ') + 'DOMElement. You can usually obtain a ReactComponent or DOMElement ' + 'from a ReactElement by attaching a ref to it.');
+ }
+
+ if ((propType !== 'object' || typeof propValue.render !== 'function') && propValue.nodeType !== 1) {
+ return new Error('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected a ReactComponent or a ') + 'DOMElement.');
+ }
+
+ return null;
+ }
+
+ exports.default = (0, _createChainableTypeChecker2.default)(validate);
/***/ }),
/* 31 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = deprecated;
+
+ var _warning = __webpack_require__(32);
+
+ var _warning2 = _interopRequireDefault(_warning);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var warned = {};
+
+ function deprecated(validator, reason) {
+ return function validate(props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] != null) {
+ var messageKey = componentName + '.' + propName;
+
+ (0, _warning2.default)(warned[messageKey], 'The ' + location + ' `' + propFullNameSafe + '` of ' + ('`' + componentNameSafe + '` is deprecated. ' + reason + '.'));
+
+ warned[messageKey] = true;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
+ args[_key - 5] = arguments[_key];
+ }
+
+ return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
+ };
+ }
+
+ /* eslint-disable no-underscore-dangle */
+ function _resetWarned() {
+ warned = {};
+ }
+
+ deprecated._resetWarned = _resetWarned;
+ /* eslint-enable no-underscore-dangle */
+
+/***/ }),
+/* 32 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {/**
@@ -2348,10 +2314,10 @@
module.exports = warning;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(32)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 32 */
+/* 33 */
/***/ (function(module, exports) {
// shim for using process in browser
@@ -2541,719 +2507,719 @@
/***/ }),
-/* 33 */
+/* 34 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
-
- 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 _react = __webpack_require__(4);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _createChainableTypeChecker = __webpack_require__(28);
-
- var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function elementType(props, propName, componentName, location, propFullName) {
- var propValue = props[propName];
- var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);
-
- if (_react2.default.isValidElement(propValue)) {
- return new Error('Invalid ' + location + ' `' + propFullName + '` of type ReactElement ' + ('supplied to `' + componentName + '`, expected an element type (a string ') + 'or a ReactClass).');
- }
-
- if (propType !== 'function' && propType !== 'string') {
- return new Error('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected an element type (a string ') + 'or a ReactClass).');
- }
-
- return null;
- }
-
+ 'use strict';
+
+ 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 _react = __webpack_require__(4);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _createChainableTypeChecker = __webpack_require__(29);
+
+ var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function elementType(props, propName, componentName, location, propFullName) {
+ var propValue = props[propName];
+ var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);
+
+ if (_react2.default.isValidElement(propValue)) {
+ return new Error('Invalid ' + location + ' `' + propFullName + '` of type ReactElement ' + ('supplied to `' + componentName + '`, expected an element type (a string ') + 'or a ReactClass).');
+ }
+
+ if (propType !== 'function' && propType !== 'string') {
+ return new Error('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected an element type (a string ') + 'or a ReactClass).');
+ }
+
+ return null;
+ }
+
exports.default = (0, _createChainableTypeChecker2.default)(elementType);
-/***/ }),
-/* 34 */
-/***/ (function(module, exports) {
-
- 'use strict';
-
- exports.__esModule = true;
- exports.default = isRequiredForA11y;
- function isRequiredForA11y(validator) {
- return function validate(props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- return new Error('The ' + location + ' `' + propFullNameSafe + '` is required to make ' + ('`' + componentNameSafe + '` accessible for users of assistive ') + 'technologies such as screen readers.');
- }
-
- for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
- args[_key - 5] = arguments[_key];
- }
-
- return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
- };
- }
-
/***/ }),
/* 35 */
/***/ (function(module, exports) {
- "use strict";
-
- exports.__esModule = true;
- exports.default = splitComponentProps;
- function _objectEntries(obj) {
- var entries = [];
- var keys = Object.keys(obj);
-
- for (var k = 0; k < keys.length; ++k) {
- entries.push([keys[k], obj[keys[k]]]);
- }return entries;
- }
-
- /**
- * 分割要传入父元素和子元素的props
- * @param {[object]} props 传入的属性
- * @param {[reactElement]} Component 组件
- * @return {[array]} 返回数组,第一个元素为父元素props对象,第二个子元素props对象
- */
- function splitComponentProps(props, Component) {
- var componentPropTypes = Component.propTypes;
-
- var parentProps = {};
- var childProps = {};
-
- _objectEntries(props).forEach(function (_ref) {
- var propName = _ref[0],
- propValue = _ref[1];
-
- if (componentPropTypes[propName]) {
- parentProps[propName] = propValue;
- } else {
- childProps[propName] = propValue;
- }
- });
-
- return [parentProps, childProps];
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = isRequiredForA11y;
+ function isRequiredForA11y(validator) {
+ return function validate(props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ return new Error('The ' + location + ' `' + propFullNameSafe + '` is required to make ' + ('`' + componentNameSafe + '` accessible for users of assistive ') + 'technologies such as screen readers.');
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
+ args[_key - 5] = arguments[_key];
+ }
+
+ return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
+ };
}
/***/ }),
/* 36 */
/***/ (function(module, exports) {
- 'use strict';
-
- exports.__esModule = true;
- function createChainedFunction() {
- for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
- funcs[_key] = arguments[_key];
- }
-
- return funcs.filter(function (f) {
- return f != null;
- }).reduce(function (acc, f) {
- if (typeof f !== 'function') {
- throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
- }
-
- if (acc === null) {
- return f;
- }
-
- return function chainedFunction() {
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- acc.apply(this, args);
- f.apply(this, args);
- };
- }, null);
+ "use strict";
+
+ exports.__esModule = true;
+ exports.default = splitComponentProps;
+ function _objectEntries(obj) {
+ var entries = [];
+ var keys = Object.keys(obj);
+
+ for (var k = 0; k < keys.length; ++k) {
+ entries.push([keys[k], obj[keys[k]]]);
+ }return entries;
+ }
+
+ /**
+ * 分割要传入父元素和子元素的props
+ * @param {[object]} props 传入的属性
+ * @param {[reactElement]} Component 组件
+ * @return {[array]} 返回数组,第一个元素为父元素props对象,第二个子元素props对象
+ */
+ function splitComponentProps(props, Component) {
+ var componentPropTypes = Component.propTypes;
+
+ var parentProps = {};
+ var childProps = {};
+
+ _objectEntries(props).forEach(function (_ref) {
+ var propName = _ref[0],
+ propValue = _ref[1];
+
+ if (componentPropTypes[propName]) {
+ parentProps[propName] = propValue;
+ } else {
+ childProps[propName] = propValue;
+ }
+ });
+
+ return [parentProps, childProps];
}
- exports.default = createChainedFunction;
/***/ }),
/* 37 */
/***/ (function(module, exports) {
- 'use strict';
-
- /**
- * @ignore
- * some key-codes definition and utils from closure-library
- * @author yiminghe@gmail.com
- */
-
- var KeyCode = {
- /**
- * MAC_ENTER
- */
- MAC_ENTER: 3,
- /**
- * BACKSPACE
- */
- BACKSPACE: 8,
- /**
- * TAB
- */
- TAB: 9,
- /**
- * NUMLOCK on FF/Safari Mac
- */
- NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
- /**
- * ENTER
- */
- ENTER: 13,
- /**
- * SHIFT
- */
- SHIFT: 16,
- /**
- * CTRL
- */
- CTRL: 17,
- /**
- * ALT
- */
- ALT: 18,
- /**
- * PAUSE
- */
- PAUSE: 19,
- /**
- * CAPS_LOCK
- */
- CAPS_LOCK: 20,
- /**
- * ESC
- */
- ESC: 27,
- /**
- * SPACE
- */
- SPACE: 32,
- /**
- * PAGE_UP
- */
- PAGE_UP: 33, // also NUM_NORTH_EAST
- /**
- * PAGE_DOWN
- */
- PAGE_DOWN: 34, // also NUM_SOUTH_EAST
- /**
- * END
- */
- END: 35, // also NUM_SOUTH_WEST
- /**
- * HOME
- */
- HOME: 36, // also NUM_NORTH_WEST
- /**
- * LEFT
- */
- LEFT: 37, // also NUM_WEST
- /**
- * UP
- */
- UP: 38, // also NUM_NORTH
- /**
- * RIGHT
- */
- RIGHT: 39, // also NUM_EAST
- /**
- * DOWN
- */
- DOWN: 40, // also NUM_SOUTH
- /**
- * PRINT_SCREEN
- */
- PRINT_SCREEN: 44,
- /**
- * INSERT
- */
- INSERT: 45, // also NUM_INSERT
- /**
- * DELETE
- */
- DELETE: 46, // also NUM_DELETE
- /**
- * ZERO
- */
- ZERO: 48,
- /**
- * ONE
- */
- ONE: 49,
- /**
- * TWO
- */
- TWO: 50,
- /**
- * THREE
- */
- THREE: 51,
- /**
- * FOUR
- */
- FOUR: 52,
- /**
- * FIVE
- */
- FIVE: 53,
- /**
- * SIX
- */
- SIX: 54,
- /**
- * SEVEN
- */
- SEVEN: 55,
- /**
- * EIGHT
- */
- EIGHT: 56,
- /**
- * NINE
- */
- NINE: 57,
- /**
- * QUESTION_MARK
- */
- QUESTION_MARK: 63, // needs localization
- /**
- * A
- */
- A: 65,
- /**
- * B
- */
- B: 66,
- /**
- * C
- */
- C: 67,
- /**
- * D
- */
- D: 68,
- /**
- * E
- */
- E: 69,
- /**
- * F
- */
- F: 70,
- /**
- * G
- */
- G: 71,
- /**
- * H
- */
- H: 72,
- /**
- * I
- */
- I: 73,
- /**
- * J
- */
- J: 74,
- /**
- * K
- */
- K: 75,
- /**
- * L
- */
- L: 76,
- /**
- * M
- */
- M: 77,
- /**
- * N
- */
- N: 78,
- /**
- * O
- */
- O: 79,
- /**
- * P
- */
- P: 80,
- /**
- * Q
- */
- Q: 81,
- /**
- * R
- */
- R: 82,
- /**
- * S
- */
- S: 83,
- /**
- * T
- */
- T: 84,
- /**
- * U
- */
- U: 85,
- /**
- * V
- */
- V: 86,
- /**
- * W
- */
- W: 87,
- /**
- * X
- */
- X: 88,
- /**
- * Y
- */
- Y: 89,
- /**
- * Z
- */
- Z: 90,
- /**
- * META
- */
- META: 91, // WIN_KEY_LEFT
- /**
- * WIN_KEY_RIGHT
- */
- WIN_KEY_RIGHT: 92,
- /**
- * CONTEXT_MENU
- */
- CONTEXT_MENU: 93,
- /**
- * NUM_ZERO
- */
- NUM_ZERO: 96,
- /**
- * NUM_ONE
- */
- NUM_ONE: 97,
- /**
- * NUM_TWO
- */
- NUM_TWO: 98,
- /**
- * NUM_THREE
- */
- NUM_THREE: 99,
- /**
- * NUM_FOUR
- */
- NUM_FOUR: 100,
- /**
- * NUM_FIVE
- */
- NUM_FIVE: 101,
- /**
- * NUM_SIX
- */
- NUM_SIX: 102,
- /**
- * NUM_SEVEN
- */
- NUM_SEVEN: 103,
- /**
- * NUM_EIGHT
- */
- NUM_EIGHT: 104,
- /**
- * NUM_NINE
- */
- NUM_NINE: 105,
- /**
- * NUM_MULTIPLY
- */
- NUM_MULTIPLY: 106,
- /**
- * NUM_PLUS
- */
- NUM_PLUS: 107,
- /**
- * NUM_MINUS
- */
- NUM_MINUS: 109,
- /**
- * NUM_PERIOD
- */
- NUM_PERIOD: 110,
- /**
- * NUM_DIVISION
- */
- NUM_DIVISION: 111,
- /**
- * F1
- */
- F1: 112,
- /**
- * F2
- */
- F2: 113,
- /**
- * F3
- */
- F3: 114,
- /**
- * F4
- */
- F4: 115,
- /**
- * F5
- */
- F5: 116,
- /**
- * F6
- */
- F6: 117,
- /**
- * F7
- */
- F7: 118,
- /**
- * F8
- */
- F8: 119,
- /**
- * F9
- */
- F9: 120,
- /**
- * F10
- */
- F10: 121,
- /**
- * F11
- */
- F11: 122,
- /**
- * F12
- */
- F12: 123,
- /**
- * NUMLOCK
- */
- NUMLOCK: 144,
- /**
- * SEMICOLON
- */
- SEMICOLON: 186, // needs localization
- /**
- * DASH
- */
- DASH: 189, // needs localization
- /**
- * EQUALS
- */
- EQUALS: 187, // needs localization
- /**
- * COMMA
- */
- COMMA: 188, // needs localization
- /**
- * PERIOD
- */
- PERIOD: 190, // needs localization
- /**
- * SLASH
- */
- SLASH: 191, // needs localization
- /**
- * APOSTROPHE
- */
- APOSTROPHE: 192, // needs localization
- /**
- * SINGLE_QUOTE
- */
- SINGLE_QUOTE: 222, // needs localization
- /**
- * OPEN_SQUARE_BRACKET
- */
- OPEN_SQUARE_BRACKET: 219, // needs localization
- /**
- * BACKSLASH
- */
- BACKSLASH: 220, // needs localization
- /**
- * CLOSE_SQUARE_BRACKET
- */
- CLOSE_SQUARE_BRACKET: 221, // needs localization
- /**
- * WIN_KEY
- */
- WIN_KEY: 224,
- /**
- * MAC_FF_META
- */
- MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
- /**
- * WIN_IME
- */
- WIN_IME: 229
- };
-
- /*
- whether text and modified key is entered at the same time.
- */
- KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
- var keyCode = e.keyCode;
- if (e.altKey && !e.ctrlKey || e.metaKey ||
- // Function keys don't generate text
- keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
- return false;
- }
-
- // The following keys are quite harmless, even in combination with
- // CTRL, ALT or SHIFT.
- switch (keyCode) {
- case KeyCode.ALT:
- case KeyCode.CAPS_LOCK:
- case KeyCode.CONTEXT_MENU:
- case KeyCode.CTRL:
- case KeyCode.DOWN:
- case KeyCode.END:
- case KeyCode.ESC:
- case KeyCode.HOME:
- case KeyCode.INSERT:
- case KeyCode.LEFT:
- case KeyCode.MAC_FF_META:
- case KeyCode.META:
- case KeyCode.NUMLOCK:
- case KeyCode.NUM_CENTER:
- case KeyCode.PAGE_DOWN:
- case KeyCode.PAGE_UP:
- case KeyCode.PAUSE:
- case KeyCode.PRINT_SCREEN:
- case KeyCode.RIGHT:
- case KeyCode.SHIFT:
- case KeyCode.UP:
- case KeyCode.WIN_KEY:
- case KeyCode.WIN_KEY_RIGHT:
- return false;
- default:
- return true;
- }
- };
-
- /*
- whether character is entered.
- */
- KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
- if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
- return true;
- }
-
- if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
- return true;
- }
-
- if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
- return true;
- }
-
- // Safari sends zero key code for non-latin characters.
- if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
- return true;
- }
-
- switch (keyCode) {
- case KeyCode.SPACE:
- case KeyCode.QUESTION_MARK:
- case KeyCode.NUM_PLUS:
- case KeyCode.NUM_MINUS:
- case KeyCode.NUM_PERIOD:
- case KeyCode.NUM_DIVISION:
- case KeyCode.SEMICOLON:
- case KeyCode.DASH:
- case KeyCode.EQUALS:
- case KeyCode.COMMA:
- case KeyCode.PERIOD:
- case KeyCode.SLASH:
- case KeyCode.APOSTROPHE:
- case KeyCode.SINGLE_QUOTE:
- case KeyCode.OPEN_SQUARE_BRACKET:
- case KeyCode.BACKSLASH:
- case KeyCode.CLOSE_SQUARE_BRACKET:
- return true;
- default:
- return false;
- }
- };
-
- module.exports = KeyCode;
+ 'use strict';
+
+ exports.__esModule = true;
+ function createChainedFunction() {
+ for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+ funcs[_key] = arguments[_key];
+ }
+
+ return funcs.filter(function (f) {
+ return f != null;
+ }).reduce(function (acc, f) {
+ if (typeof f !== 'function') {
+ throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
+ }
+
+ if (acc === null) {
+ return f;
+ }
+
+ return function chainedFunction() {
+ for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
+ }
+
+ acc.apply(this, args);
+ f.apply(this, args);
+ };
+ }, null);
+ }
+ exports.default = createChainedFunction;
/***/ }),
/* 38 */
/***/ (function(module, exports) {
- "use strict";
-
- exports.__esModule = true;
- exports.default = contains;
- function contains(root, n) {
- var node = n;
- while (node) {
- if (node === root) {
- return true;
- }
- node = node.parentNode;
- }
-
- return false;
- }
+ 'use strict';
+
+ /**
+ * @ignore
+ * some key-codes definition and utils from closure-library
+ * @author yiminghe@gmail.com
+ */
+
+ var KeyCode = {
+ /**
+ * MAC_ENTER
+ */
+ MAC_ENTER: 3,
+ /**
+ * BACKSPACE
+ */
+ BACKSPACE: 8,
+ /**
+ * TAB
+ */
+ TAB: 9,
+ /**
+ * NUMLOCK on FF/Safari Mac
+ */
+ NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
+ /**
+ * ENTER
+ */
+ ENTER: 13,
+ /**
+ * SHIFT
+ */
+ SHIFT: 16,
+ /**
+ * CTRL
+ */
+ CTRL: 17,
+ /**
+ * ALT
+ */
+ ALT: 18,
+ /**
+ * PAUSE
+ */
+ PAUSE: 19,
+ /**
+ * CAPS_LOCK
+ */
+ CAPS_LOCK: 20,
+ /**
+ * ESC
+ */
+ ESC: 27,
+ /**
+ * SPACE
+ */
+ SPACE: 32,
+ /**
+ * PAGE_UP
+ */
+ PAGE_UP: 33, // also NUM_NORTH_EAST
+ /**
+ * PAGE_DOWN
+ */
+ PAGE_DOWN: 34, // also NUM_SOUTH_EAST
+ /**
+ * END
+ */
+ END: 35, // also NUM_SOUTH_WEST
+ /**
+ * HOME
+ */
+ HOME: 36, // also NUM_NORTH_WEST
+ /**
+ * LEFT
+ */
+ LEFT: 37, // also NUM_WEST
+ /**
+ * UP
+ */
+ UP: 38, // also NUM_NORTH
+ /**
+ * RIGHT
+ */
+ RIGHT: 39, // also NUM_EAST
+ /**
+ * DOWN
+ */
+ DOWN: 40, // also NUM_SOUTH
+ /**
+ * PRINT_SCREEN
+ */
+ PRINT_SCREEN: 44,
+ /**
+ * INSERT
+ */
+ INSERT: 45, // also NUM_INSERT
+ /**
+ * DELETE
+ */
+ DELETE: 46, // also NUM_DELETE
+ /**
+ * ZERO
+ */
+ ZERO: 48,
+ /**
+ * ONE
+ */
+ ONE: 49,
+ /**
+ * TWO
+ */
+ TWO: 50,
+ /**
+ * THREE
+ */
+ THREE: 51,
+ /**
+ * FOUR
+ */
+ FOUR: 52,
+ /**
+ * FIVE
+ */
+ FIVE: 53,
+ /**
+ * SIX
+ */
+ SIX: 54,
+ /**
+ * SEVEN
+ */
+ SEVEN: 55,
+ /**
+ * EIGHT
+ */
+ EIGHT: 56,
+ /**
+ * NINE
+ */
+ NINE: 57,
+ /**
+ * QUESTION_MARK
+ */
+ QUESTION_MARK: 63, // needs localization
+ /**
+ * A
+ */
+ A: 65,
+ /**
+ * B
+ */
+ B: 66,
+ /**
+ * C
+ */
+ C: 67,
+ /**
+ * D
+ */
+ D: 68,
+ /**
+ * E
+ */
+ E: 69,
+ /**
+ * F
+ */
+ F: 70,
+ /**
+ * G
+ */
+ G: 71,
+ /**
+ * H
+ */
+ H: 72,
+ /**
+ * I
+ */
+ I: 73,
+ /**
+ * J
+ */
+ J: 74,
+ /**
+ * K
+ */
+ K: 75,
+ /**
+ * L
+ */
+ L: 76,
+ /**
+ * M
+ */
+ M: 77,
+ /**
+ * N
+ */
+ N: 78,
+ /**
+ * O
+ */
+ O: 79,
+ /**
+ * P
+ */
+ P: 80,
+ /**
+ * Q
+ */
+ Q: 81,
+ /**
+ * R
+ */
+ R: 82,
+ /**
+ * S
+ */
+ S: 83,
+ /**
+ * T
+ */
+ T: 84,
+ /**
+ * U
+ */
+ U: 85,
+ /**
+ * V
+ */
+ V: 86,
+ /**
+ * W
+ */
+ W: 87,
+ /**
+ * X
+ */
+ X: 88,
+ /**
+ * Y
+ */
+ Y: 89,
+ /**
+ * Z
+ */
+ Z: 90,
+ /**
+ * META
+ */
+ META: 91, // WIN_KEY_LEFT
+ /**
+ * WIN_KEY_RIGHT
+ */
+ WIN_KEY_RIGHT: 92,
+ /**
+ * CONTEXT_MENU
+ */
+ CONTEXT_MENU: 93,
+ /**
+ * NUM_ZERO
+ */
+ NUM_ZERO: 96,
+ /**
+ * NUM_ONE
+ */
+ NUM_ONE: 97,
+ /**
+ * NUM_TWO
+ */
+ NUM_TWO: 98,
+ /**
+ * NUM_THREE
+ */
+ NUM_THREE: 99,
+ /**
+ * NUM_FOUR
+ */
+ NUM_FOUR: 100,
+ /**
+ * NUM_FIVE
+ */
+ NUM_FIVE: 101,
+ /**
+ * NUM_SIX
+ */
+ NUM_SIX: 102,
+ /**
+ * NUM_SEVEN
+ */
+ NUM_SEVEN: 103,
+ /**
+ * NUM_EIGHT
+ */
+ NUM_EIGHT: 104,
+ /**
+ * NUM_NINE
+ */
+ NUM_NINE: 105,
+ /**
+ * NUM_MULTIPLY
+ */
+ NUM_MULTIPLY: 106,
+ /**
+ * NUM_PLUS
+ */
+ NUM_PLUS: 107,
+ /**
+ * NUM_MINUS
+ */
+ NUM_MINUS: 109,
+ /**
+ * NUM_PERIOD
+ */
+ NUM_PERIOD: 110,
+ /**
+ * NUM_DIVISION
+ */
+ NUM_DIVISION: 111,
+ /**
+ * F1
+ */
+ F1: 112,
+ /**
+ * F2
+ */
+ F2: 113,
+ /**
+ * F3
+ */
+ F3: 114,
+ /**
+ * F4
+ */
+ F4: 115,
+ /**
+ * F5
+ */
+ F5: 116,
+ /**
+ * F6
+ */
+ F6: 117,
+ /**
+ * F7
+ */
+ F7: 118,
+ /**
+ * F8
+ */
+ F8: 119,
+ /**
+ * F9
+ */
+ F9: 120,
+ /**
+ * F10
+ */
+ F10: 121,
+ /**
+ * F11
+ */
+ F11: 122,
+ /**
+ * F12
+ */
+ F12: 123,
+ /**
+ * NUMLOCK
+ */
+ NUMLOCK: 144,
+ /**
+ * SEMICOLON
+ */
+ SEMICOLON: 186, // needs localization
+ /**
+ * DASH
+ */
+ DASH: 189, // needs localization
+ /**
+ * EQUALS
+ */
+ EQUALS: 187, // needs localization
+ /**
+ * COMMA
+ */
+ COMMA: 188, // needs localization
+ /**
+ * PERIOD
+ */
+ PERIOD: 190, // needs localization
+ /**
+ * SLASH
+ */
+ SLASH: 191, // needs localization
+ /**
+ * APOSTROPHE
+ */
+ APOSTROPHE: 192, // needs localization
+ /**
+ * SINGLE_QUOTE
+ */
+ SINGLE_QUOTE: 222, // needs localization
+ /**
+ * OPEN_SQUARE_BRACKET
+ */
+ OPEN_SQUARE_BRACKET: 219, // needs localization
+ /**
+ * BACKSLASH
+ */
+ BACKSLASH: 220, // needs localization
+ /**
+ * CLOSE_SQUARE_BRACKET
+ */
+ CLOSE_SQUARE_BRACKET: 221, // needs localization
+ /**
+ * WIN_KEY
+ */
+ WIN_KEY: 224,
+ /**
+ * MAC_FF_META
+ */
+ MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
+ /**
+ * WIN_IME
+ */
+ WIN_IME: 229
+ };
+
+ /*
+ whether text and modified key is entered at the same time.
+ */
+ KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
+ var keyCode = e.keyCode;
+ if (e.altKey && !e.ctrlKey || e.metaKey ||
+ // Function keys don't generate text
+ keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
+ return false;
+ }
+
+ // The following keys are quite harmless, even in combination with
+ // CTRL, ALT or SHIFT.
+ switch (keyCode) {
+ case KeyCode.ALT:
+ case KeyCode.CAPS_LOCK:
+ case KeyCode.CONTEXT_MENU:
+ case KeyCode.CTRL:
+ case KeyCode.DOWN:
+ case KeyCode.END:
+ case KeyCode.ESC:
+ case KeyCode.HOME:
+ case KeyCode.INSERT:
+ case KeyCode.LEFT:
+ case KeyCode.MAC_FF_META:
+ case KeyCode.META:
+ case KeyCode.NUMLOCK:
+ case KeyCode.NUM_CENTER:
+ case KeyCode.PAGE_DOWN:
+ case KeyCode.PAGE_UP:
+ case KeyCode.PAUSE:
+ case KeyCode.PRINT_SCREEN:
+ case KeyCode.RIGHT:
+ case KeyCode.SHIFT:
+ case KeyCode.UP:
+ case KeyCode.WIN_KEY:
+ case KeyCode.WIN_KEY_RIGHT:
+ return false;
+ default:
+ return true;
+ }
+ };
+
+ /*
+ whether character is entered.
+ */
+ KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
+ if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
+ return true;
+ }
+
+ if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
+ return true;
+ }
+
+ if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
+ return true;
+ }
+
+ // Safari sends zero key code for non-latin characters.
+ if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
+ return true;
+ }
+
+ switch (keyCode) {
+ case KeyCode.SPACE:
+ case KeyCode.QUESTION_MARK:
+ case KeyCode.NUM_PLUS:
+ case KeyCode.NUM_MINUS:
+ case KeyCode.NUM_PERIOD:
+ case KeyCode.NUM_DIVISION:
+ case KeyCode.SEMICOLON:
+ case KeyCode.DASH:
+ case KeyCode.EQUALS:
+ case KeyCode.COMMA:
+ case KeyCode.PERIOD:
+ case KeyCode.SLASH:
+ case KeyCode.APOSTROPHE:
+ case KeyCode.SINGLE_QUOTE:
+ case KeyCode.OPEN_SQUARE_BRACKET:
+ case KeyCode.BACKSLASH:
+ case KeyCode.CLOSE_SQUARE_BRACKET:
+ return true;
+ default:
+ return false;
+ }
+ };
+
+ module.exports = KeyCode;
/***/ }),
/* 39 */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
- 'use strict';
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(40);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(12);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+ "use strict";
+
+ exports.__esModule = true;
+ exports.default = contains;
+ function contains(root, n) {
+ var node = n;
+ while (node) {
+ if (node === root) {
+ return true;
+ }
+ node = node.parentNode;
+ }
+
+ return false;
}
/***/ }),
/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(41);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(12);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
+ }
+
+/***/ }),
+/* 41 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -3265,7 +3231,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- var _EventObject = __webpack_require__(41);
+ var _EventObject = __webpack_require__(42);
var _EventObject2 = _interopRequireDefault(_EventObject);
@@ -3309,7 +3275,7 @@
module.exports = exports['default'];
/***/ }),
-/* 41 */
+/* 42 */
/***/ (function(module, exports, __webpack_require__) {
/**
@@ -3326,11 +3292,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- var _EventBaseObject = __webpack_require__(42);
+ var _EventBaseObject = __webpack_require__(43);
var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
- var _objectAssign = __webpack_require__(43);
+ var _objectAssign = __webpack_require__(44);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
@@ -3592,7 +3558,7 @@
module.exports = exports['default'];
/***/ }),
-/* 42 */
+/* 43 */
/***/ (function(module, exports) {
/**
@@ -3660,7 +3626,7 @@
module.exports = exports["default"];
/***/ }),
-/* 43 */
+/* 44 */
/***/ (function(module, exports) {
/*
@@ -3756,289 +3722,289 @@
/***/ }),
-/* 44 */
+/* 45 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
-
- 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 _Event = __webpack_require__(45);
-
- var _Event2 = _interopRequireDefault(_Event);
-
- var _componentClasses = __webpack_require__(46);
-
- var _componentClasses2 = _interopRequireDefault(_componentClasses);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var isCssAnimationSupported = _Event2.default.endEvents.length !== 0;
-
-
- var capitalPrefixes = ['Webkit', 'Moz', 'O',
- // ms is special .... !
- 'ms'];
- var prefixes = ['-webkit-', '-moz-', '-o-', 'ms-', ''];
-
- function getStyleProperty(node, name) {
- var style = window.getComputedStyle(node);
-
- var ret = '';
- for (var i = 0; i < prefixes.length; i++) {
- ret = style.getPropertyValue(prefixes[i] + name);
- if (ret) {
- break;
- }
- }
- return ret;
- }
-
- function fixBrowserByTimeout(node) {
- if (isCssAnimationSupported) {
- var transitionDelay = parseFloat(getStyleProperty(node, 'transition-delay')) || 0;
- var transitionDuration = parseFloat(getStyleProperty(node, 'transition-duration')) || 0;
- var animationDelay = parseFloat(getStyleProperty(node, 'animation-delay')) || 0;
- var animationDuration = parseFloat(getStyleProperty(node, 'animation-duration')) || 0;
- var time = Math.max(transitionDuration + transitionDelay, animationDuration + animationDelay);
- // sometimes, browser bug
- node.rcEndAnimTimeout = setTimeout(function () {
- node.rcEndAnimTimeout = null;
- if (node.rcEndListener) {
- node.rcEndListener();
- }
- }, time * 1000 + 200);
- }
- }
-
- function clearBrowserBugTimeout(node) {
- if (node.rcEndAnimTimeout) {
- clearTimeout(node.rcEndAnimTimeout);
- node.rcEndAnimTimeout = null;
- }
- }
-
- var cssAnimation = function cssAnimation(node, transitionName, endCallback) {
- var nameIsObj = (typeof transitionName === 'undefined' ? 'undefined' : _typeof(transitionName)) === 'object';
- var className = nameIsObj ? transitionName.name : transitionName;
- var activeClassName = nameIsObj ? transitionName.active : transitionName + '-active';
- var end = endCallback;
- var start = void 0;
- var active = void 0;
- var nodeClasses = (0, _componentClasses2.default)(node);
-
- if (endCallback && Object.prototype.toString.call(endCallback) === '[object Object]') {
- end = endCallback.end;
- start = endCallback.start;
- active = endCallback.active;
- }
-
- if (node.rcEndListener) {
- node.rcEndListener();
- }
-
- node.rcEndListener = function (e) {
- if (e && e.target !== node) {
- return;
- }
-
- if (node.rcAnimTimeout) {
- clearTimeout(node.rcAnimTimeout);
- node.rcAnimTimeout = null;
- }
-
- clearBrowserBugTimeout(node);
-
- nodeClasses.remove(className);
- nodeClasses.remove(activeClassName);
-
- _Event2.default.removeEndEventListener(node, node.rcEndListener);
- node.rcEndListener = null;
-
- // Usually this optional end is used for informing an owner of
- // a leave animation and telling it to remove the child.
- if (end) {
- end();
- }
- };
-
- _Event2.default.addEndEventListener(node, node.rcEndListener);
-
- if (start) {
- start();
- }
- nodeClasses.add(className);
-
- node.rcAnimTimeout = setTimeout(function () {
- node.rcAnimTimeout = null;
- nodeClasses.add(activeClassName);
- if (active) {
- setTimeout(active, 0);
- }
- fixBrowserByTimeout(node);
- // 30ms for firefox
- }, 30);
-
- return {
- stop: function stop() {
- if (node.rcEndListener) {
- node.rcEndListener();
- }
- }
- };
- };
-
- cssAnimation.style = function (node, style, callback) {
- if (node.rcEndListener) {
- node.rcEndListener();
- }
-
- node.rcEndListener = function (e) {
- if (e && e.target !== node) {
- return;
- }
-
- if (node.rcAnimTimeout) {
- clearTimeout(node.rcAnimTimeout);
- node.rcAnimTimeout = null;
- }
-
- clearBrowserBugTimeout(node);
-
- _Event2.default.removeEndEventListener(node, node.rcEndListener);
- node.rcEndListener = null;
-
- // Usually this optional callback is used for informing an owner of
- // a leave animation and telling it to remove the child.
- if (callback) {
- callback();
- }
- };
-
- _Event2.default.addEndEventListener(node, node.rcEndListener);
-
- node.rcAnimTimeout = setTimeout(function () {
- for (var s in style) {
- if (style.hasOwnProperty(s)) {
- node.style[s] = style[s];
- }
- }
- node.rcAnimTimeout = null;
- fixBrowserByTimeout(node);
- }, 0);
- };
-
- cssAnimation.setTransition = function (node, p, value) {
- var property = p;
- var v = value;
- if (value === undefined) {
- v = property;
- property = '';
- }
- property = property || '';
- capitalPrefixes.forEach(function (prefix) {
- node.style[prefix + 'Transition' + property] = v;
- });
- };
-
- cssAnimation.isCssAnimationSupported = isCssAnimationSupported;
-
+ 'use strict';
+
+ 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 _Event = __webpack_require__(46);
+
+ var _Event2 = _interopRequireDefault(_Event);
+
+ var _componentClasses = __webpack_require__(47);
+
+ var _componentClasses2 = _interopRequireDefault(_componentClasses);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var isCssAnimationSupported = _Event2.default.endEvents.length !== 0;
+
+
+ var capitalPrefixes = ['Webkit', 'Moz', 'O',
+ // ms is special .... !
+ 'ms'];
+ var prefixes = ['-webkit-', '-moz-', '-o-', 'ms-', ''];
+
+ function getStyleProperty(node, name) {
+ var style = window.getComputedStyle(node);
+
+ var ret = '';
+ for (var i = 0; i < prefixes.length; i++) {
+ ret = style.getPropertyValue(prefixes[i] + name);
+ if (ret) {
+ break;
+ }
+ }
+ return ret;
+ }
+
+ function fixBrowserByTimeout(node) {
+ if (isCssAnimationSupported) {
+ var transitionDelay = parseFloat(getStyleProperty(node, 'transition-delay')) || 0;
+ var transitionDuration = parseFloat(getStyleProperty(node, 'transition-duration')) || 0;
+ var animationDelay = parseFloat(getStyleProperty(node, 'animation-delay')) || 0;
+ var animationDuration = parseFloat(getStyleProperty(node, 'animation-duration')) || 0;
+ var time = Math.max(transitionDuration + transitionDelay, animationDuration + animationDelay);
+ // sometimes, browser bug
+ node.rcEndAnimTimeout = setTimeout(function () {
+ node.rcEndAnimTimeout = null;
+ if (node.rcEndListener) {
+ node.rcEndListener();
+ }
+ }, time * 1000 + 200);
+ }
+ }
+
+ function clearBrowserBugTimeout(node) {
+ if (node.rcEndAnimTimeout) {
+ clearTimeout(node.rcEndAnimTimeout);
+ node.rcEndAnimTimeout = null;
+ }
+ }
+
+ var cssAnimation = function cssAnimation(node, transitionName, endCallback) {
+ var nameIsObj = (typeof transitionName === 'undefined' ? 'undefined' : _typeof(transitionName)) === 'object';
+ var className = nameIsObj ? transitionName.name : transitionName;
+ var activeClassName = nameIsObj ? transitionName.active : transitionName + '-active';
+ var end = endCallback;
+ var start = void 0;
+ var active = void 0;
+ var nodeClasses = (0, _componentClasses2.default)(node);
+
+ if (endCallback && Object.prototype.toString.call(endCallback) === '[object Object]') {
+ end = endCallback.end;
+ start = endCallback.start;
+ active = endCallback.active;
+ }
+
+ if (node.rcEndListener) {
+ node.rcEndListener();
+ }
+
+ node.rcEndListener = function (e) {
+ if (e && e.target !== node) {
+ return;
+ }
+
+ if (node.rcAnimTimeout) {
+ clearTimeout(node.rcAnimTimeout);
+ node.rcAnimTimeout = null;
+ }
+
+ clearBrowserBugTimeout(node);
+
+ nodeClasses.remove(className);
+ nodeClasses.remove(activeClassName);
+
+ _Event2.default.removeEndEventListener(node, node.rcEndListener);
+ node.rcEndListener = null;
+
+ // Usually this optional end is used for informing an owner of
+ // a leave animation and telling it to remove the child.
+ if (end) {
+ end();
+ }
+ };
+
+ _Event2.default.addEndEventListener(node, node.rcEndListener);
+
+ if (start) {
+ start();
+ }
+ nodeClasses.add(className);
+
+ node.rcAnimTimeout = setTimeout(function () {
+ node.rcAnimTimeout = null;
+ nodeClasses.add(activeClassName);
+ if (active) {
+ setTimeout(active, 0);
+ }
+ fixBrowserByTimeout(node);
+ // 30ms for firefox
+ }, 30);
+
+ return {
+ stop: function stop() {
+ if (node.rcEndListener) {
+ node.rcEndListener();
+ }
+ }
+ };
+ };
+
+ cssAnimation.style = function (node, style, callback) {
+ if (node.rcEndListener) {
+ node.rcEndListener();
+ }
+
+ node.rcEndListener = function (e) {
+ if (e && e.target !== node) {
+ return;
+ }
+
+ if (node.rcAnimTimeout) {
+ clearTimeout(node.rcAnimTimeout);
+ node.rcAnimTimeout = null;
+ }
+
+ clearBrowserBugTimeout(node);
+
+ _Event2.default.removeEndEventListener(node, node.rcEndListener);
+ node.rcEndListener = null;
+
+ // Usually this optional callback is used for informing an owner of
+ // a leave animation and telling it to remove the child.
+ if (callback) {
+ callback();
+ }
+ };
+
+ _Event2.default.addEndEventListener(node, node.rcEndListener);
+
+ node.rcAnimTimeout = setTimeout(function () {
+ for (var s in style) {
+ if (style.hasOwnProperty(s)) {
+ node.style[s] = style[s];
+ }
+ }
+ node.rcAnimTimeout = null;
+ fixBrowserByTimeout(node);
+ }, 0);
+ };
+
+ cssAnimation.setTransition = function (node, p, value) {
+ var property = p;
+ var v = value;
+ if (value === undefined) {
+ v = property;
+ property = '';
+ }
+ property = property || '';
+ capitalPrefixes.forEach(function (prefix) {
+ node.style[prefix + 'Transition' + property] = v;
+ });
+ };
+
+ cssAnimation.isCssAnimationSupported = isCssAnimationSupported;
+
exports.default = cssAnimation;
/***/ }),
-/* 45 */
+/* 46 */
/***/ (function(module, exports) {
- 'use strict';
-
- exports.__esModule = true;
- var EVENT_NAME_MAP = {
- transitionend: {
- transition: 'transitionend',
- WebkitTransition: 'webkitTransitionEnd',
- MozTransition: 'mozTransitionEnd',
- OTransition: 'oTransitionEnd',
- msTransition: 'MSTransitionEnd'
- },
-
- animationend: {
- animation: 'animationend',
- WebkitAnimation: 'webkitAnimationEnd',
- MozAnimation: 'mozAnimationEnd',
- OAnimation: 'oAnimationEnd',
- msAnimation: 'MSAnimationEnd'
- }
- };
-
- var endEvents = [];
-
- function detectEvents() {
- var testEl = document.createElement('div');
- var style = testEl.style;
-
- if (!('AnimationEvent' in window)) {
- delete EVENT_NAME_MAP.animationend.animation;
- }
-
- if (!('TransitionEvent' in window)) {
- delete EVENT_NAME_MAP.transitionend.transition;
- }
-
- for (var baseEventName in EVENT_NAME_MAP) {
- if (EVENT_NAME_MAP.hasOwnProperty(baseEventName)) {
- var baseEvents = EVENT_NAME_MAP[baseEventName];
- for (var styleName in baseEvents) {
- if (styleName in style) {
- endEvents.push(baseEvents[styleName]);
- break;
- }
- }
- }
- }
- }
-
- if (typeof window !== 'undefined' && typeof document !== 'undefined') {
- detectEvents();
- }
-
- function addEventListener(node, eventName, eventListener) {
- node.addEventListener(eventName, eventListener, false);
- }
-
- function removeEventListener(node, eventName, eventListener) {
- node.removeEventListener(eventName, eventListener, false);
- }
-
- var TransitionEvents = {
- addEndEventListener: function addEndEventListener(node, eventListener) {
- if (endEvents.length === 0) {
- window.setTimeout(eventListener, 0);
- return;
- }
- endEvents.forEach(function (endEvent) {
- addEventListener(node, endEvent, eventListener);
- });
- },
-
-
- endEvents: endEvents,
-
- removeEndEventListener: function removeEndEventListener(node, eventListener) {
- if (endEvents.length === 0) {
- return;
- }
- endEvents.forEach(function (endEvent) {
- removeEventListener(node, endEvent, eventListener);
- });
- }
- };
-
+ 'use strict';
+
+ exports.__esModule = true;
+ var EVENT_NAME_MAP = {
+ transitionend: {
+ transition: 'transitionend',
+ WebkitTransition: 'webkitTransitionEnd',
+ MozTransition: 'mozTransitionEnd',
+ OTransition: 'oTransitionEnd',
+ msTransition: 'MSTransitionEnd'
+ },
+
+ animationend: {
+ animation: 'animationend',
+ WebkitAnimation: 'webkitAnimationEnd',
+ MozAnimation: 'mozAnimationEnd',
+ OAnimation: 'oAnimationEnd',
+ msAnimation: 'MSAnimationEnd'
+ }
+ };
+
+ var endEvents = [];
+
+ function detectEvents() {
+ var testEl = document.createElement('div');
+ var style = testEl.style;
+
+ if (!('AnimationEvent' in window)) {
+ delete EVENT_NAME_MAP.animationend.animation;
+ }
+
+ if (!('TransitionEvent' in window)) {
+ delete EVENT_NAME_MAP.transitionend.transition;
+ }
+
+ for (var baseEventName in EVENT_NAME_MAP) {
+ if (EVENT_NAME_MAP.hasOwnProperty(baseEventName)) {
+ var baseEvents = EVENT_NAME_MAP[baseEventName];
+ for (var styleName in baseEvents) {
+ if (styleName in style) {
+ endEvents.push(baseEvents[styleName]);
+ break;
+ }
+ }
+ }
+ }
+ }
+
+ if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+ detectEvents();
+ }
+
+ function addEventListener(node, eventName, eventListener) {
+ node.addEventListener(eventName, eventListener, false);
+ }
+
+ function removeEventListener(node, eventName, eventListener) {
+ node.removeEventListener(eventName, eventListener, false);
+ }
+
+ var TransitionEvents = {
+ addEndEventListener: function addEndEventListener(node, eventListener) {
+ if (endEvents.length === 0) {
+ window.setTimeout(eventListener, 0);
+ return;
+ }
+ endEvents.forEach(function (endEvent) {
+ addEventListener(node, endEvent, eventListener);
+ });
+ },
+
+
+ endEvents: endEvents,
+
+ removeEndEventListener: function removeEndEventListener(node, eventListener) {
+ if (endEvents.length === 0) {
+ return;
+ }
+ endEvents.forEach(function (endEvent) {
+ removeEventListener(node, endEvent, eventListener);
+ });
+ }
+ };
+
exports.default = TransitionEvents;
/***/ }),
-/* 46 */
+/* 47 */
/***/ (function(module, exports, __webpack_require__) {
/**
@@ -4046,9 +4012,9 @@
*/
try {
- var index = __webpack_require__(47);
+ var index = __webpack_require__(48);
} catch (err) {
- var index = __webpack_require__(47);
+ var index = __webpack_require__(48);
}
/**
@@ -4235,7 +4201,7 @@
/***/ }),
-/* 47 */
+/* 48 */
/***/ (function(module, exports) {
module.exports = function(arr, obj){
@@ -4246,249 +4212,224 @@
return -1;
};
-/***/ }),
-/* 48 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- exports.__esModule = true;
- exports.default = toArray;
-
- var _react = __webpack_require__(4);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function toArray(children) {
- var ret = [];
- _react2.default.Children.forEach(children, function (c) {
- ret.push(c);
- });
- return ret;
- }
-
/***/ }),
/* 49 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
-
- exports.__esModule = true;
-
- var _react = __webpack_require__(4);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(5);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(12);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _domAlign = __webpack_require__(50);
-
- var _domAlign2 = _interopRequireDefault(_domAlign);
-
- var _addEventListener = __webpack_require__(39);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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) : subClass.__proto__ = superClass; }
-
- //import isWindow from './isWindow';
-
- function isWindow(obj) {
- /* eslint no-eq-null: 0 */
- /* eslint eqeqeq: 0 */
- return obj != null && obj == obj.window;
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = toArray;
+
+ var _react = __webpack_require__(4);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function toArray(children) {
+ var ret = [];
+ _react2.default.Children.forEach(children, function (c) {
+ ret.push(c);
+ });
+ return ret;
}
-
- function buffer(fn, ms) {
- var timer = void 0;
-
- function clear() {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- }
-
- function bufferFn() {
- clear();
- timer = setTimeout(fn, ms);
- }
-
- bufferFn.clear = clear;
-
- return bufferFn;
- }
-
- var propTypes = {
- childrenProps: _propTypes2.default.object,
- align: _propTypes2.default.object.isRequired,
- target: _propTypes2.default.func,
- onAlign: _propTypes2.default.func,
- monitorBufferTime: _propTypes2.default.number,
- monitorWindowResize: _propTypes2.default.bool,
- disabled: _propTypes2.default.bool,
- children: _propTypes2.default.any
- };
-
- var defaultProps = {
- target: function target() {
- return window;
- },
- onAlign: function onAlign() {},
-
- monitorBufferTime: 50,
- monitorWindowResize: false,
- disabled: false
- };
-
- var Align = function (_React$Component) {
- _inherits(Align, _React$Component);
-
- function Align(props) {
- _classCallCheck(this, Align);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- return _this;
- }
-
- Align.prototype.componentDidMount = function componentDidMount() {
- var props = this.props;
- // if parent ref not attached .... use document.getElementById
- this.forceAlign();
- if (!props.disabled && props.monitorWindowResize) {
- this.startMonitorWindowResize();
- }
- };
-
- Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var reAlign = false;
- var props = this.props;
-
- if (!props.disabled) {
- if (prevProps.disabled || prevProps.align !== props.align) {
- reAlign = true;
- } else {
- var lastTarget = prevProps.target();
- var currentTarget = props.target();
- if (isWindow(lastTarget) && isWindow(currentTarget)) {
- reAlign = false;
- } else if (lastTarget !== currentTarget) {
- reAlign = true;
- }
- }
- }
-
- if (reAlign) {
- this.forceAlign();
- }
-
- if (props.monitorWindowResize && !props.disabled) {
- this.startMonitorWindowResize();
- } else {
- this.stopMonitorWindowResize();
- }
- };
-
- Align.prototype.componentWillUnmount = function componentWillUnmount() {
- this.stopMonitorWindowResize();
- };
-
- Align.prototype.render = function render() {
- var _props = this.props,
- childrenProps = _props.childrenProps,
- children = _props.children;
-
- var child = _react2.default.Children.only(children);
- if (childrenProps) {
- var newProps = {};
- for (var prop in childrenProps) {
- if (childrenProps.hasOwnProperty(prop)) {
- newProps[prop] = this.props[childrenProps[prop]];
- }
- }
- return _react2.default.cloneElement(child, newProps);
- }
- return child;
- };
-
- return Align;
- }(_react2.default.Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.startMonitorWindowResize = function () {
- if (!_this2.resizeHandler) {
- _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
- _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
- }
- };
-
- this.stopMonitorWindowResize = function () {
- if (_this2.resizeHandler) {
- _this2.bufferMonitor.clear();
- _this2.resizeHandler.remove();
- _this2.resizeHandler = null;
- }
- };
-
- this.forceAlign = function () {
- var props = _this2.props;
- if (!props.disabled) {
- var source = _reactDom2.default.findDOMNode(_this2);
- props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
- }
- };
- };
-
- ;
-
- Align.defaultProps = defaultProps;
- Align.propTypes = propTypes;
-
- exports.default = Align;
/***/ }),
/* 50 */
/***/ (function(module, exports, __webpack_require__) {
- 'use strict';
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.alignPoint = exports.alignElement = undefined;
-
- var _alignElement = __webpack_require__(51);
-
- var _alignElement2 = _interopRequireDefault(_alignElement);
-
- var _alignPoint = __webpack_require__(62);
-
- var _alignPoint2 = _interopRequireDefault(_alignPoint);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
- exports.alignElement = _alignElement2['default'];
- exports.alignPoint = _alignPoint2['default'];
- exports['default'] = _alignElement2['default'];
+ 'use strict';
+
+ exports.__esModule = true;
+
+ var _react = __webpack_require__(4);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(5);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(12);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _domAlign = __webpack_require__(51);
+
+ var _domAlign2 = _interopRequireDefault(_domAlign);
+
+ var _addEventListener = __webpack_require__(40);
+
+ var _addEventListener2 = _interopRequireDefault(_addEventListener);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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) : subClass.__proto__ = superClass; }
+
+ //import isWindow from './isWindow';
+
+ function isWindow(obj) {
+ /* eslint no-eq-null: 0 */
+ /* eslint eqeqeq: 0 */
+ return obj != null && obj == obj.window;
+ }
+
+ function buffer(fn, ms) {
+ var timer = void 0;
+
+ function clear() {
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ }
+ }
+
+ function bufferFn() {
+ clear();
+ timer = setTimeout(fn, ms);
+ }
+
+ bufferFn.clear = clear;
+
+ return bufferFn;
+ }
+
+ var propTypes = {
+ childrenProps: _propTypes2.default.object,
+ align: _propTypes2.default.object.isRequired,
+ target: _propTypes2.default.func,
+ onAlign: _propTypes2.default.func,
+ monitorBufferTime: _propTypes2.default.number,
+ monitorWindowResize: _propTypes2.default.bool,
+ disabled: _propTypes2.default.bool,
+ children: _propTypes2.default.any
+ };
+
+ var defaultProps = {
+ target: function target() {
+ return window;
+ },
+ onAlign: function onAlign() {},
+
+ monitorBufferTime: 50,
+ monitorWindowResize: false,
+ disabled: false
+ };
+
+ var Align = function (_React$Component) {
+ _inherits(Align, _React$Component);
+
+ function Align(props) {
+ _classCallCheck(this, Align);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+ _initialiseProps.call(_this);
+
+ return _this;
+ }
+
+ Align.prototype.componentDidMount = function componentDidMount() {
+ var props = this.props;
+ // if parent ref not attached .... use document.getElementById
+ this.forceAlign();
+ if (!props.disabled && props.monitorWindowResize) {
+ this.startMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var reAlign = false;
+ var props = this.props;
+
+ if (!props.disabled) {
+ if (prevProps.disabled || prevProps.align !== props.align) {
+ reAlign = true;
+ } else {
+ var lastTarget = prevProps.target();
+ var currentTarget = props.target();
+ if (isWindow(lastTarget) && isWindow(currentTarget)) {
+ reAlign = false;
+ } else if (lastTarget !== currentTarget) {
+ reAlign = true;
+ }
+ }
+ }
+
+ if (reAlign) {
+ this.forceAlign();
+ }
+
+ if (props.monitorWindowResize && !props.disabled) {
+ this.startMonitorWindowResize();
+ } else {
+ this.stopMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.stopMonitorWindowResize();
+ };
+
+ Align.prototype.render = function render() {
+ var _props = this.props,
+ childrenProps = _props.childrenProps,
+ children = _props.children;
+
+ var child = _react2.default.Children.only(children);
+ if (childrenProps) {
+ var newProps = {};
+ for (var prop in childrenProps) {
+ if (childrenProps.hasOwnProperty(prop)) {
+ newProps[prop] = this.props[childrenProps[prop]];
+ }
+ }
+ return _react2.default.cloneElement(child, newProps);
+ }
+ return child;
+ };
+
+ return Align;
+ }(_react2.default.Component);
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this2 = this;
+
+ this.startMonitorWindowResize = function () {
+ if (!_this2.resizeHandler) {
+ _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
+ _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
+ }
+ };
+
+ this.stopMonitorWindowResize = function () {
+ if (_this2.resizeHandler) {
+ _this2.bufferMonitor.clear();
+ _this2.resizeHandler.remove();
+ _this2.resizeHandler = null;
+ }
+ };
+
+ this.forceAlign = function () {
+ var props = _this2.props;
+ if (!props.disabled) {
+ var source = _reactDom2.default.findDOMNode(_this2);
+ props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
+ }
+ };
+ };
+
+ ;
+
+ Align.defaultProps = defaultProps;
+ Align.propTypes = propTypes;
+
+ exports.default = Align;
/***/ }),
/* 51 */
@@ -4499,20 +4440,45 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
+ exports.alignPoint = exports.alignElement = undefined;
- var _align = __webpack_require__(52);
+ var _alignElement = __webpack_require__(52);
+
+ var _alignElement2 = _interopRequireDefault(_alignElement);
+
+ var _alignPoint = __webpack_require__(63);
+
+ var _alignPoint2 = _interopRequireDefault(_alignPoint);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+ exports.alignElement = _alignElement2['default'];
+ exports.alignPoint = _alignPoint2['default'];
+ exports['default'] = _alignElement2['default'];
+
+/***/ }),
+/* 52 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _align = __webpack_require__(53);
var _align2 = _interopRequireDefault(_align);
- var _getOffsetParent = __webpack_require__(56);
+ var _getOffsetParent = __webpack_require__(57);
var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
- var _getVisibleRectForElement = __webpack_require__(55);
+ var _getVisibleRectForElement = __webpack_require__(56);
var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
- var _getRegion = __webpack_require__(59);
+ var _getRegion = __webpack_require__(60);
var _getRegion2 = _interopRequireDefault(_getRegion);
@@ -4542,7 +4508,7 @@
module.exports = exports['default'];
/***/ }),
-/* 52 */
+/* 53 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -4551,23 +4517,23 @@
value: true
});
- var _utils = __webpack_require__(53);
+ var _utils = __webpack_require__(54);
var _utils2 = _interopRequireDefault(_utils);
- var _getVisibleRectForElement = __webpack_require__(55);
+ var _getVisibleRectForElement = __webpack_require__(56);
var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
- var _adjustForViewport = __webpack_require__(58);
+ var _adjustForViewport = __webpack_require__(59);
var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
- var _getRegion = __webpack_require__(59);
+ var _getRegion = __webpack_require__(60);
var _getRegion2 = _interopRequireDefault(_getRegion);
- var _getElFuturePos = __webpack_require__(60);
+ var _getElFuturePos = __webpack_require__(61);
var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
@@ -4765,7 +4731,7 @@
module.exports = exports['default'];
/***/ }),
-/* 53 */
+/* 54 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -4776,7 +4742,7 @@
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 _propertyUtils = __webpack_require__(54);
+ var _propertyUtils = __webpack_require__(55);
var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
@@ -5360,7 +5326,7 @@
module.exports = exports['default'];
/***/ }),
-/* 54 */
+/* 55 */
/***/ (function(module, exports) {
'use strict';
@@ -5475,7 +5441,7 @@
}
/***/ }),
-/* 55 */
+/* 56 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -5484,15 +5450,15 @@
value: true
});
- var _utils = __webpack_require__(53);
+ var _utils = __webpack_require__(54);
var _utils2 = _interopRequireDefault(_utils);
- var _getOffsetParent = __webpack_require__(56);
+ var _getOffsetParent = __webpack_require__(57);
var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
- var _isAncestorFixed = __webpack_require__(57);
+ var _isAncestorFixed = __webpack_require__(58);
var _isAncestorFixed2 = _interopRequireDefault(_isAncestorFixed);
@@ -5585,7 +5551,7 @@
module.exports = exports['default'];
/***/ }),
-/* 56 */
+/* 57 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -5594,7 +5560,7 @@
value: true
});
- var _utils = __webpack_require__(53);
+ var _utils = __webpack_require__(54);
var _utils2 = _interopRequireDefault(_utils);
@@ -5646,7 +5612,7 @@
module.exports = exports['default'];
/***/ }),
-/* 57 */
+/* 58 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -5656,7 +5622,7 @@
});
exports['default'] = isAncestorFixed;
- var _utils = __webpack_require__(53);
+ var _utils = __webpack_require__(54);
var _utils2 = _interopRequireDefault(_utils);
@@ -5681,7 +5647,7 @@
module.exports = exports['default'];
/***/ }),
-/* 58 */
+/* 59 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -5690,7 +5656,7 @@
value: true
});
- var _utils = __webpack_require__(53);
+ var _utils = __webpack_require__(54);
var _utils2 = _interopRequireDefault(_utils);
@@ -5741,7 +5707,7 @@
module.exports = exports['default'];
/***/ }),
-/* 59 */
+/* 60 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -5750,7 +5716,7 @@
value: true
});
- var _utils = __webpack_require__(53);
+ var _utils = __webpack_require__(54);
var _utils2 = _interopRequireDefault(_utils);
@@ -5782,7 +5748,7 @@
module.exports = exports['default'];
/***/ }),
-/* 60 */
+/* 61 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -5791,7 +5757,7 @@
value: true
});
- var _getAlignOffset = __webpack_require__(61);
+ var _getAlignOffset = __webpack_require__(62);
var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
@@ -5812,7 +5778,7 @@
module.exports = exports['default'];
/***/ }),
-/* 61 */
+/* 62 */
/***/ (function(module, exports) {
'use strict';
@@ -5855,7 +5821,7 @@
module.exports = exports['default'];
/***/ }),
-/* 62 */
+/* 63 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -5866,11 +5832,11 @@
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 _utils = __webpack_require__(53);
+ var _utils = __webpack_require__(54);
var _utils2 = _interopRequireDefault(_utils);
- var _align = __webpack_require__(52);
+ var _align = __webpack_require__(53);
var _align2 = _interopRequireDefault(_align);
@@ -5924,7 +5890,7 @@
module.exports = exports['default'];
/***/ }),
-/* 63 */
+/* 64 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6045,7 +6011,7 @@
module.exports = exports['default'];
/***/ }),
-/* 64 */
+/* 65 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6054,7 +6020,7 @@
value: true
});
- var _Message = __webpack_require__(65);
+ var _Message = __webpack_require__(66);
var _Message2 = _interopRequireDefault(_Message);
@@ -6064,7 +6030,7 @@
module.exports = exports['default'];
/***/ }),
-/* 65 */
+/* 66 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6081,7 +6047,7 @@
var _react2 = _interopRequireDefault(_react);
- var _beeNotification = __webpack_require__(66);
+ var _beeNotification = __webpack_require__(67);
var _beeNotification2 = _interopRequireDefault(_beeNotification);
@@ -6172,24 +6138,33 @@
function getMessageInstance() {
var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'top';
var callback = arguments[1];
+ var keyboard = arguments[2];
+ var onEscapeKeyUp = arguments[3];
if (messageInstance) {
callback(messageInstance);
return;
}
var style = positionObj[position].notificationStyle;
- _beeNotification2["default"].newInstance({
+ var instanceObj = {
clsPrefix: clsPrefix,
transitionName: clsPrefix + '-' + positionObj[position].transitionName,
style: style, // 覆盖原来的样式
position: ''
- }, function (instance) {
+ };
+ if (typeof keyboard === 'boolean') {
+ instanceObj.keyboard = keyboard;
+ }
+ if (typeof onEscapeKeyUp === 'function') {
+ instanceObj.onEscapeKeyUp = onEscapeKeyUp;
+ }
+ _beeNotification2["default"].newInstance(instanceObj, function (instance) {
messageInstance = instance;
callback(instance);
});
}
- function notice(content, duration, type, onClose, position, style) {
+ function notice(content, duration, type, onClose, position, style, keyboard, onEscapeKeyUp, showIcon) {
var iconType = {
info: 'uf uf-i-c-2',
success: 'uf uf-correct',
@@ -6215,11 +6190,11 @@
content: _react2["default"].createElement(
'div',
null,
- _react2["default"].createElement(
+ showIcon ? _react2["default"].createElement(
'div',
{ className: clsPrefix + '-notice-description-icon' },
_react2["default"].createElement('i', { className: (0, _classnames2["default"])(iconType) })
- ),
+ ) : null,
_react2["default"].createElement(
'div',
{ className: clsPrefix + '-notice-description-content' },
@@ -6228,7 +6203,7 @@
),
onClose: onClose
});
- });
+ }, keyboard, onEscapeKeyUp);
return function () {
var target = key++;
return function () {
@@ -6247,7 +6222,8 @@
var onClose = obj.onClose || noop;
var position = obj.position || "top";
var style = obj.style || {};
- return notice(content, duration, color, onClose, position, style);
+ var showIcon = obj.showIcon || false;
+ return notice(content, duration, color, onClose, position, style, obj.keyboard, obj.onEscapeKeyUp, showIcon);
},
config: function config(options) {
if (options.top !== undefined) {
@@ -6279,7 +6255,7 @@
module.exports = exports['default'];
/***/ }),
-/* 66 */
+/* 67 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6288,7 +6264,7 @@
value: true
});
- var _Notification = __webpack_require__(67);
+ var _Notification = __webpack_require__(68);
var _Notification2 = _interopRequireDefault(_Notification);
@@ -6298,7 +6274,7 @@
module.exports = exports['default'];
/***/ }),
-/* 67 */
+/* 68 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6321,19 +6297,27 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _beeAnimate = __webpack_require__(68);
+ var _beeAnimate = __webpack_require__(69);
var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
- var _createChainedFunction = __webpack_require__(36);
+ var _createChainedFunction = __webpack_require__(37);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
+ var _ownerDocument = __webpack_require__(74);
+
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ var _addEventListener = __webpack_require__(76);
+
+ var _addEventListener2 = _interopRequireDefault(_addEventListener);
+
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
- var _Notice = __webpack_require__(73);
+ var _Notice = __webpack_require__(78);
var _Notice2 = _interopRequireDefault(_Notice);
@@ -6362,12 +6346,15 @@
style: _propTypes2["default"].object,
position: _propTypes2["default"].oneOf(['topRight', 'bottomRight', '']),
transitionName: _propTypes2["default"].string,
+ keyboard: _propTypes2["default"].bool, // 按esc键是否关闭notice
+ onEscapeKeyUp: _propTypes2["default"].func, // 设置esc键特殊钩子函数
animation: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object])
};
var defaultProps = {
clsPrefix: 'u-notification',
animation: 'fade',
+ keyboard: true,
position: 'topRight'
};
@@ -6379,6 +6366,20 @@
var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+ _this.handleDocumentKeyUp = function (e) {
+ if (_this.props.keyboard && e.keyCode === 27 && _this.state.notices.length) {
+ _this.setState(function (previousState) {
+ previousState.notices.shift();
+ return {
+ notices: previousState.notices
+ };
+ });
+ if (_this.props.onEscapeKeyUp) {
+ _this.props.onEscapeKeyUp(e);
+ }
+ }
+ };
+
_this.state = {
notices: []
};
@@ -6388,6 +6389,16 @@
return _this;
}
+ Notification.prototype.componentDidMount = function componentDidMount() {
+ // 给document绑定keyup事件
+ var doc = (0, _ownerDocument2["default"])(this);
+ this._onDocumentKeyupListener = (0, _addEventListener2["default"])(doc, 'keyup', this.handleDocumentKeyUp);
+ };
+
+ Notification.prototype.componentWillUnmount = function componentWillUnmount() {
+ this._onDocumentKeyupListener.remove();
+ };
+
Notification.prototype.getTransitionName = function getTransitionName() {
var props = this.props;
var transitionName = props.transitionName;
@@ -6421,6 +6432,11 @@
});
};
+ /**
+ * 处理绑定在document上的keyup事件
+ */
+
+
Notification.prototype.render = function render() {
var _this2 = this,
_classes;
@@ -6504,7 +6520,7 @@
module.exports = exports['default'];
/***/ }),
-/* 68 */
+/* 69 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6513,7 +6529,7 @@
value: true
});
- var _Animate = __webpack_require__(69);
+ var _Animate = __webpack_require__(70);
var _Animate2 = _interopRequireDefault(_Animate);
@@ -6523,7 +6539,7 @@
module.exports = exports['default'];
/***/ }),
-/* 69 */
+/* 70 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -6540,13 +6556,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ChildrenUtils = __webpack_require__(70);
+ var _ChildrenUtils = __webpack_require__(71);
- var _AnimateChild = __webpack_require__(71);
+ var _AnimateChild = __webpack_require__(72);
var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
- var _util = __webpack_require__(72);
+ var _util = __webpack_require__(73);
var _util2 = _interopRequireDefault(_util);
@@ -6903,7 +6919,7 @@
module.exports = exports['default'];
/***/ }),
-/* 70 */
+/* 71 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7025,7 +7041,7 @@
}
/***/ }),
-/* 71 */
+/* 72 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7048,9 +7064,9 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _tinperBeeCore = __webpack_require__(26);
+ var _tinperBeeCore = __webpack_require__(27);
- var _util = __webpack_require__(72);
+ var _util = __webpack_require__(73);
var _util2 = _interopRequireDefault(_util);
@@ -7168,7 +7184,7 @@
module.exports = exports['default'];
/***/ }),
-/* 72 */
+/* 73 */
/***/ (function(module, exports) {
"use strict";
@@ -7200,7 +7216,109 @@
module.exports = exports["default"];
/***/ }),
-/* 73 */
+/* 74 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ exports["default"] = function (componentOrElement) {
+ return (0, _ownerDocument2["default"])(_reactDom2["default"].findDOMNode(componentOrElement));
+ };
+
+ var _reactDom = __webpack_require__(12);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _ownerDocument = __webpack_require__(75);
+
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ module.exports = exports['default'];
+
+/***/ }),
+/* 75 */
+/***/ (function(module, exports) {
+
+ "use strict";
+
+ exports.__esModule = true;
+ exports.default = ownerDocument;
+
+ function ownerDocument(node) {
+ return node && node.ownerDocument || document;
+ }
+
+ module.exports = exports["default"];
+
+/***/ }),
+/* 76 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ exports["default"] = function (node, event, handler, capture) {
+ (0, _on2["default"])(node, event, handler, capture);
+
+ return {
+ remove: function remove() {
+ (0, _off2["default"])(node, event, handler, capture);
+ }
+ };
+ };
+
+ var _on = __webpack_require__(16);
+
+ var _on2 = _interopRequireDefault(_on);
+
+ var _off = __webpack_require__(77);
+
+ var _off2 = _interopRequireDefault(_off);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ module.exports = exports['default'];
+
+/***/ }),
+/* 77 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ var _interopRequireDefault = __webpack_require__(14);
+
+ exports.__esModule = true;
+ exports.default = void 0;
+
+ var _inDOM = _interopRequireDefault(__webpack_require__(15));
+
+ var off = function off() {};
+
+ if (_inDOM.default) {
+ off = function () {
+ if (document.addEventListener) return function (node, eventName, handler, capture) {
+ return node.removeEventListener(eventName, handler, capture || false);
+ };else if (document.attachEvent) return function (node, eventName, handler) {
+ return node.detachEvent('on' + eventName, handler);
+ };
+ }();
+ }
+
+ var _default = off;
+ exports.default = _default;
+ module.exports = exports["default"];
+
+/***/ }),
+/* 78 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7237,7 +7355,7 @@
duration: _propTypes2["default"].number,
onClose: _propTypes2["default"].func,
children: _propTypes2["default"].any,
- color: _propTypes2["default"].oneOf(['light']),
+ color: _propTypes2["default"].oneOf(['info', 'success', 'danger', 'warning', 'light', 'dark', 'news', 'infolight', 'successlight', 'dangerlight', 'warninglight']),
title: _propTypes2["default"].any
};
@@ -7336,19 +7454,19 @@
;
- Notice.PropTypes = _propTypes2["default"];
+ Notice.propTypes = propTypes;
Notice.defaultProps = defaultProps;
exports["default"] = Notice;
module.exports = exports['default'];
/***/ }),
-/* 74 */
+/* 79 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var deselectCurrent = __webpack_require__(75);
+ var deselectCurrent = __webpack_require__(80);
var defaultMessage = 'Copy to clipboard: #{key}, Enter';
@@ -7427,7 +7545,7 @@
/***/ }),
-/* 75 */
+/* 80 */
/***/ (function(module, exports) {
@@ -7472,7 +7590,7 @@
/***/ }),
-/* 76 */
+/* 81 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7495,7 +7613,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _tinperBeeCore = __webpack_require__(26);
+ var _tinperBeeCore = __webpack_require__(27);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -7619,7 +7737,7 @@
module.exports = exports['default'];
/***/ }),
-/* 77 */
+/* 82 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7628,7 +7746,7 @@
value: true
});
- var _Button = __webpack_require__(78);
+ var _Button = __webpack_require__(83);
var _Button2 = _interopRequireDefault(_Button);
@@ -7638,7 +7756,7 @@
module.exports = exports['default'];
/***/ }),
-/* 78 */
+/* 83 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7678,38 +7796,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