diff --git a/.babelrc b/.babelrc new file mode 100644 index 00000000..41789cac --- /dev/null +++ b/.babelrc @@ -0,0 +1,5 @@ +{ + "presets": ["es2015", "stage-2"], + "plugins": ["transform-runtime"], + "comments": false +} diff --git a/.eslintignore b/.eslintignore new file mode 100644 index 00000000..e3a4037e --- /dev/null +++ b/.eslintignore @@ -0,0 +1,3 @@ +build/*.js +config/*.js +src/assets diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 00000000..a388ba27 --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,318 @@ +module.exports = { + root: true, + parser: 'babel-eslint', + parserOptions: { + sourceType: 'module' + }, + env: { + browser: true, + node: true + }, + extends: 'eslint:recommended', + // required to lint *.vue files + plugins: [ + 'html' + ], + // check if imports actually resolve + 'settings': { + 'import/resolver': { + 'webpack': { + 'config': 'build/webpack.base.conf.js' + } + } + }, + // add your custom rules here + 'rules': { + // don't require .vue extension when importing + // 'import/extensions': ['error', 'always', { + // 'js': 'never', + // 'vue': 'never' + // }], + // allow debugger during development + 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, + /* + * Possible Errors + */ + + // disallow unnecessary parentheses + 'no-extra-parens': ['error', 'all', {'nestedBinaryExpressions': false}], + + // disallow negating the left operand of relational operators + 'no-unsafe-negation': 'error', + + // enforce valid JSDoc comments + 'valid-jsdoc': 'off', + + /* + * Best Practices + */ + + // enforce return statements in callbacks of array methods + 'array-callback-return': 'error', + + // enforce consistent brace style for all control statements + curly: ['error', 'multi-line'], + + // enforce consistent newlines before and after dots + 'dot-location': ['error', 'property'], + + // enforce dot notation whenever possible + 'dot-notation': 'error', + + // require the use of === and !== + 'eqeqeq': ['error', 'smart'], + + // disallow the use of arguments.caller or arguments.callee + 'no-caller': 'error', + + // disallow empty functions + 'no-empty-function': 'error', + + // disallow unnecessary calls to .bind() + 'no-extra-bind': 'error', + + // disallow unnecessary labels + 'no-extra-label': 'error', + + // disallow leading or trailing decimal points in numeric literals + 'no-floating-decimal': 'error', + + // disallow assignments to native objects or read-only global variables + 'no-global-assign': 'error', + + // disallow the use of eval()-like methods + 'no-implied-eval': 'error', + + // disallow the use of the __iterator__ property + 'no-iterator': 'error', + + // disallow unnecessary nested blocks + 'no-lone-blocks': 'error', + + // disallow multiple spaces + 'no-multi-spaces': 'error', + + // disallow new operators with the String, Number, and Boolean objects + 'no-new-wrappers': 'error', + + // disallow octal escape sequences in string literals + 'no-octal-escape': 'error', + + // disallow the use of the __proto__ property + 'no-proto': 'error', + + // disallow comparisons where both sides are exactly the same + 'no-self-compare': 'error', + + // disallow throwing literals as exceptions + 'no-throw-literal': 'error', + + // disallow unused expressions + 'no-unused-expressions': 'error', + + // disallow unnecessary calls to .call() and .apply() + 'no-useless-call': 'error', + + // disallow unnecessary concatenation of literals or template literals + 'no-useless-concat': 'error', + + // disallow unnecessary escape characters + 'no-useless-escape': 'error', + + // disallow void operators + 'no-void': 'error', + + // require parentheses around immediate function invocations + 'wrap-iife': 'error', + + // require or disallow “Yoda” conditions + yoda: 'error', + + /* + * Variables + */ + + // disallow labels that share a name with a variable + 'no-label-var': 'error', + + // disallow initializing variables to undefined + 'no-undef-init': 'error', + 'no-undef': 'off', + // disallow the use of variables before they are defined + 'no-use-before-define': 'error', + + /* + * Node.js and CommonJS + */ + + // disallow new operators with calls to require + 'no-new-require': 'error', + + /* + * Stylistic Issues + */ + + // enforce consistent spacing inside array brackets + 'array-bracket-spacing': 'error', + + // enforce consistent spacing inside single-line blocks + 'block-spacing': 'error', + + // enforce consistent brace style for blocks + 'brace-style': ['error', '1tbs', {'allowSingleLine': true}], + + // require or disallow trailing commas + 'comma-dangle': 'error', + + // enforce consistent spacing before and after commas + 'comma-spacing': 'error', + + // enforce consistent comma style + 'comma-style': 'error', + + // enforce consistent spacing inside computed property brackets + 'computed-property-spacing': 'error', + + // require or disallow spacing between function identifiers and their invocations + 'func-call-spacing': 'error', + + // enforce consistent indentation + indent: ['error', 2, {SwitchCase: 1}], + + // enforce the consistent use of either double or single quotes in JSX attributes + 'jsx-quotes': 'error', + + // enforce consistent spacing between keys and values in object literal properties + 'key-spacing': 'error', + + // enforce consistent spacing before and after keywords + 'keyword-spacing': 'error', + + // enforce consistent linebreak style + 'linebreak-style': 'error', + + // require or disallow newlines around directives + 'lines-around-directive': 'error', + + // require constructor names to begin with a capital letter + 'new-cap': 'off', + + // require parentheses when invoking a constructor with no arguments + 'new-parens': 'error', + + // disallow Array constructors + 'no-array-constructor': 'error', + + // disallow Object constructors + 'no-new-object': 'error', + + // disallow trailing whitespace at the end of lines + 'no-trailing-spaces': 'error', + + // disallow ternary operators when simpler alternatives exist + 'no-unneeded-ternary': 'error', + + // disallow whitespace before properties + 'no-whitespace-before-property': 'error', + + // enforce consistent spacing inside braces + 'object-curly-spacing': ['error', 'always'], + + // require or disallow padding within blocks + 'padded-blocks': ['error', 'never'], + + // require quotes around object literal property names + 'quote-props': ['error', 'as-needed'], + + // enforce the consistent use of either backticks, double, or single quotes + quotes: ['error', 'single'], + + // enforce consistent spacing before and after semicolons + 'semi-spacing': 'error', + + // require or disallow semicolons instead of ASI + // semi: ['error', 'never'], + + // enforce consistent spacing before blocks + 'space-before-blocks': 'error', + + 'no-console': 'off', + + // enforce consistent spacing before function definition opening parenthesis + 'space-before-function-paren': ['error', 'never'], + + // enforce consistent spacing inside parentheses + 'space-in-parens': 'error', + + // require spacing around infix operators + 'space-infix-ops': 'error', + + // enforce consistent spacing before or after unary operators + 'space-unary-ops': 'error', + + // enforce consistent spacing after the // or /* in a comment + 'spaced-comment': 'error', + + // require or disallow Unicode byte order mark (BOM) + 'unicode-bom': 'error', + + + /* + * ECMAScript 6 + */ + + // require braces around arrow function bodies + 'arrow-body-style': 'error', + + // require parentheses around arrow function arguments + 'arrow-parens': ['error', 'as-needed'], + + // enforce consistent spacing before and after the arrow in arrow functions + 'arrow-spacing': 'error', + + // enforce consistent spacing around * operators in generator functions + 'generator-star-spacing': ['error', 'after'], + + // disallow duplicate module imports + 'no-duplicate-imports': 'error', + + // disallow unnecessary computed property keys in object literals + 'no-useless-computed-key': 'error', + + // disallow unnecessary constructors + 'no-useless-constructor': 'error', + + // disallow renaming import, export, and destructured assignments to the same name + 'no-useless-rename': 'error', + + // require let or const instead of var + 'no-var': 'error', + + // require or disallow method and property shorthand syntax for object literals + 'object-shorthand': 'error', + + // require arrow functions as callbacks + 'prefer-arrow-callback': 'error', + + // require const declarations for variables that are never reassigned after declared + 'prefer-const': 'error', + + // disallow parseInt() in favor of binary, octal, and hexadecimal literals + 'prefer-numeric-literals': 'error', + + // require rest parameters instead of arguments + 'prefer-rest-params': 'error', + + // require spread operators instead of .apply() + 'prefer-spread': 'error', + + // enforce spacing between rest and spread operators and their expressions + 'rest-spread-spacing': 'error', + + // require or disallow spacing around embedded expressions of template strings + 'template-curly-spacing': 'error', + + // require or disallow spacing around the * in yield* expressions + 'yield-star-spacing': 'error' + } +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..19131cc3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,10 @@ +.DS_Store +node_modules/ +dist/ +static/ckeditor + +npm-debug.log +test/unit/coverage +test/e2e/reports +selenium-debug.log +.idea diff --git a/README.md b/README.md index 1a07b704..2d1efa5e 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,91 @@ -这是一个vue+element+axios+webpack2的管理后台 先占个坑 -效果预览 +[线上地址](http://panjiachen.github.io/vue-element-admin) +## 前言 +> 这半年来一直在用vue写管理后台，目前后台已经有七十多个页面，十几种权限，但维护成本依然很低，效率依然很高，所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios.由于是个人项目，所以数据请求都是用了mockjs代替。会出一系列的教程配套文章，如如何从零构建后台项目框架，如何做完整的用户系统（如权限验证，二次登录等），如何二次开发组件（如富文本），如何整合七牛等等文章，各种后台开发经验等等。莫急~~ + +## 功能 +- 登录/注销 +- 权限验证 +- 侧边栏 +- 面包屑 +- 富文本编辑器 +- Markdown编辑器 +- JSON编辑器 +- 列表拖拽 +- plitPane +- Dropzone +- Sticky +- CountTo +- echarts图表 +- 401，401错误页面 +- 错误日志 +- 导出excel +- table example +- form example +- 多环境发布 +- dashboard +- 二次登录 +- 动态侧边栏 +- mock数据 + + +## 开发 +```bash + # 克隆项目 + git clone https://github.com/PanJiaChen/vue-element-admin.git + + # 安装依赖 + npm install + + # 本地开发 开启服务 + npm run build +``` +浏览器访问 http://localhost:9527 + +## 发布 +```bash + # 发布测试环境 带webpack ananalyzer + npm run build:sit-preview + + # 构建生成环境 + npm run build:prod +``` + +## 目录结构 +```shell +├── build // 构建相关   +├── config // 配置相关 +├── src // 源代码 +│   ├── api // 所以请求 +│   ├── assets // 主题 字体等静态资源 +│   ├── components // 全局公用组件 +│   ├── directive // 全局指令 +│   ├── filtres // 全局filter +│   ├── mock // mock数据 +│   ├── router // 路由 +│   ├── store // 全局store管理 +│   ├── styles // 全局样式 +│   ├── utils // 全局公用方法 +│   ├── view // view +│   ├── App.vue // 入口页面 +│   └── main.js // 入口 加载组件 初始化等 +├── static // 第三方不打包资源 +│   ├── jquery +│   └── Tinymce // 富文本 +├── .babelrc // babel-loader 配置 +├── eslintrc.js // eslint 配置项 +├── .gitignore // git 忽略项 +├── favicon.ico // favicon图标 +├── index.html // html模板 +└── package.json // package.json + +``` + +## 状态管理 +后台只有user和app配置相关状态使用vuex存在全局，其它数据都由每个业务页面自己管理。 + + +## 效果图 #### 两步验证登录 支持微信和qq @@ -8,7 +93,9 @@ #### 真正的动态换肤 -![真正的动态换肤](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/theme.gif) +![真正的动态换肤](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/theme.gif)
+ + #### 可收起侧边栏 @@ -18,10 +105,18 @@ ![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/order.gif) + + #### 上传裁剪头像 ![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/uploadAvatar.gif) + + +#### 错误统计 + +![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/errorlog.gif) + #### 富文本(整合七牛 打水印等个性化功能) ![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/editor.gif) diff --git a/build/build.js b/build/build.js new file mode 100644 index 00000000..4d02fc93 --- /dev/null +++ b/build/build.js @@ -0,0 +1,42 @@ +require('./check-versions')(); +var server = require('pushstate-server'); +var opn = require('opn') +var ora = require('ora') +var rm = require('rimraf') +var path = require('path') +var chalk = require('chalk') +var webpack = require('webpack'); +var config = require('../config'); +var webpackConfig = require('./webpack.prod.conf'); + +console.log(process.env.NODE_ENV) +console.log(process.env.npm_config_preview) + +var spinner = ora('building for ' + process.env.NODE_ENV + '...') +spinner.start() + + +rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { + if (err) throw err + webpack(webpackConfig, function (err, stats) { + spinner.stop() + if (err) throw err + process.stdout.write(stats.toString({ + colors: true, + modules: false, + children: false, + chunks: false, + chunkModules: false + }) + '\n\n') + + console.log(chalk.cyan(' Build complete.\n')) + if(process.env.npm_config_preview){ + server.start({ + port: 80, + directory: './dist', + file: '/index.html' + }); + opn('http://kushnerpreview.wallstreetcn.com/') + } + }) +}) diff --git a/build/check-versions.js b/build/check-versions.js new file mode 100644 index 00000000..3a1dda61 --- /dev/null +++ b/build/check-versions.js @@ -0,0 +1,45 @@ +var chalk = require('chalk') +var semver = require('semver') +var packageConfig = require('../package.json') + +function exec(cmd) { + return require('child_process').execSync(cmd).toString().trim() +} + +var versionRequirements = [ + { + name: 'node', + currentVersion: semver.clean(process.version), + versionRequirement: packageConfig.engines.node + }, + { + name: 'npm', + currentVersion: exec('npm --version'), + versionRequirement: packageConfig.engines.npm + } +] + +module.exports = function () { + var warnings = [] + for (var i = 0; i < versionRequirements.length; i++) { + var mod = versionRequirements[i] + if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { + warnings.push(mod.name + ': ' + + chalk.red(mod.currentVersion) + ' should be ' + + chalk.green(mod.versionRequirement) + ) + } + } + + if (warnings.length) { + console.log('') + console.log(chalk.yellow('To use this template, you must update following to modules:')) + console.log() + for (var i = 0; i < warnings.length; i++) { + var warning = warnings[i] + console.log(' ' + warning) + } + console.log() + process.exit(1) + } +} diff --git a/build/dev-client.js b/build/dev-client.js new file mode 100644 index 00000000..18aa1e21 --- /dev/null +++ b/build/dev-client.js @@ -0,0 +1,9 @@ +/* eslint-disable */ +require('eventsource-polyfill') +var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') + +hotClient.subscribe(function (event) { + if (event.action === 'reload') { + window.location.reload() + } +}) diff --git a/build/dev-server.js b/build/dev-server.js new file mode 100644 index 00000000..34c32b3c --- /dev/null +++ b/build/dev-server.js @@ -0,0 +1,84 @@ +require('./check-versions')(); // 检查 Node 和 npm 版本 +var config = require('../config'); +if (!process.env.NODE_ENV) { + process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV) +} + +var opn = require('opn') +var path = require('path'); +var express = require('express'); +var webpack = require('webpack'); +var proxyMiddleware = require('http-proxy-middleware'); +var webpackConfig = require('./webpack.dev.conf'); + +// default port where dev server listens for incoming traffic +var port = process.env.PORT || config.dev.port; +// automatically open browser, if not set will be false +var autoOpenBrowser = !!config.dev.autoOpenBrowser; +// Define HTTP proxies to your custom API backend +// https://github.com/chimurai/http-proxy-middleware +var proxyTable = config.dev.proxyTable; + +var app = express(); +var compiler = webpack(webpackConfig); + +var devMiddleware = require('webpack-dev-middleware')(compiler, { + publicPath: webpackConfig.output.publicPath, + quiet: true +}); + +var hotMiddleware = require('webpack-hot-middleware')(compiler, { + log: () => { + } +}); + +// force page reload when html-webpack-plugin template changes +compiler.plugin('compilation', function (compilation) { + compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { + hotMiddleware.publish({action: 'reload'}); + cb() + }) +}); + +// compiler.apply(new DashboardPlugin()); + +// proxy api requests +Object.keys(proxyTable).forEach(function (context) { + var options = proxyTable[context] + if (typeof options === 'string') { + options = {target: options} + } + app.use(proxyMiddleware(options.filter || context, options)) +}); + +// handle fallback for HTML5 history API +app.use(require('connect-history-api-fallback')()); + +// serve webpack bundle output +app.use(devMiddleware); + +// enable hot-reload and state-preserving +// compilation error display +app.use(hotMiddleware); + +// serve pure static assets +var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory); +app.use(staticPath, express.static('./static')); + +var uri = 'http://localhost:' + port + +devMiddleware.waitUntilValid(function () { + console.log('> Listening at ' + uri + '\n') +}); + +module.exports = app.listen(port, function (err) { + if (err) { + console.log(err); + return + } + + // when env is testing, don't need open it + if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { + opn(uri) + } +}); diff --git a/build/utils.js b/build/utils.js new file mode 100644 index 00000000..d3aaebb0 --- /dev/null +++ b/build/utils.js @@ -0,0 +1,71 @@ +var path = require('path') +var config = require('../config') +var ExtractTextPlugin = require('extract-text-webpack-plugin') + +exports.assetsPath = function (_path) { + var assetsSubDirectory = process.env.NODE_ENV === 'production' + ? config.build.assetsSubDirectory + : config.dev.assetsSubDirectory + return path.posix.join(assetsSubDirectory, _path) +} + +exports.cssLoaders = function (options) { + options = options || {} + + var cssLoader = { + loader: 'css-loader', + options: { + minimize: process.env.NODE_ENV === 'production', + sourceMap: options.sourceMap + } + } + + // generate loader string to be used with extract text plugin + function generateLoaders(loader, loaderOptions) { + var loaders = [cssLoader] + if (loader) { + loaders.push({ + loader: loader + '-loader', + options: Object.assign({}, loaderOptions, { + sourceMap: options.sourceMap + }) + }) + } + + // Extract CSS when that option is specified + // (which is the case during production build) + if (options.extract) { + return ExtractTextPlugin.extract({ + use: loaders, + fallback: 'vue-style-loader' + }) + } else { + return ['vue-style-loader'].concat(loaders) + } + } + + // http://vuejs.github.io/vue-loader/en/configurations/extract-css.html + return { + css: generateLoaders(), + postcss: generateLoaders(), + less: generateLoaders('less'), + sass: generateLoaders('sass', {indentedSyntax: true}), + scss: generateLoaders('sass'), + stylus: generateLoaders('stylus'), + styl: generateLoaders('stylus') + } +} + +// Generate loaders for standalone style files (outside of .vue) +exports.styleLoaders = function (options) { + var output = [] + var loaders = exports.cssLoaders(options) + for (var extension in loaders) { + var loader = loaders[extension] + output.push({ + test: new RegExp('\\.' + extension + '$'), + use: loader + }) + } + return output +} diff --git a/build/vue-loader.conf.js b/build/vue-loader.conf.js new file mode 100644 index 00000000..d7df7e57 --- /dev/null +++ b/build/vue-loader.conf.js @@ -0,0 +1,12 @@ +var utils = require('./utils') +var config = require('../config') +var isProduction = process.env.NODE_ENV === 'production' + +module.exports = { + loaders: utils.cssLoaders({ + sourceMap: isProduction + ? config.build.productionSourceMap + : config.dev.cssSourceMap, + extract: isProduction + }) +} diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js new file mode 100644 index 00000000..64fe3303 --- /dev/null +++ b/build/webpack.base.conf.js @@ -0,0 +1,85 @@ +var path = require('path'); +var utils = require('./utils'); +var config = require('../config'); +var vueLoaderConfig = require('./vue-loader.conf'); + +function resolve(dir) { + return path.join(__dirname, '..', dir) +} +var src = path.resolve(__dirname, '../src'); + +module.exports = { + entry: { + app: './src/main.js' + }, + output: { + path: config.build.assetsRoot, + filename: '[name].js', + publicPath: process.env.NODE_ENV !== 'development' ? config.build.assetsPublicPath: config.dev.assetsPublicPath + }, + resolve: { + extensions: ['.js', '.vue', '.json'], + alias: { + 'vue$': 'vue/dist/vue.esm.js', + '@': resolve('src'), + 'src': path.resolve(__dirname, '../src'), + 'assets': path.resolve(__dirname, '../src/assets'), + 'components': path.resolve(__dirname, '../src/components'), + 'views': path.resolve(__dirname, '../src/views'), + 'styles': path.resolve(__dirname, '../src/styles'), + 'api': path.resolve(__dirname, '../src/api'), + 'utils': path.resolve(__dirname, '../src/utils'), + 'store': path.resolve(__dirname, '../src/store'), + 'router': path.resolve(__dirname, '../src/router'), + 'mock': path.resolve(__dirname, '../src/mock'), + 'vendor': path.resolve(__dirname, '../src/vendor'), + 'static': path.resolve(__dirname, '../static') + } + }, + externals: { + jquery: 'jQuery' + }, + module: { + rules: [ + // { + // test: /\.(js|vue)$/, + // loader: 'eslint-loader', + // enforce: "pre", + // include: [resolve('src'), resolve('test')], + // options: { + // formatter: require('eslint-friendly-formatter') + // } + // }, + { test: /\.vue$/, + loader: 'vue-loader', + options: vueLoaderConfig + }, + { + test: /\.js$/, + loader: 'babel-loader?cacheDirectory', + include: [resolve('src'), resolve('test')] + }, + { + test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, + loader: 'url-loader', + query: { + limit: 10000, + name: utils.assetsPath('img/[name].[hash:7].[ext]') + } + }, + { + test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, + loader: 'url-loader', + query: { + limit: 10000, + name: utils.assetsPath('fonts/[name].[hash:7].[ext]') + } + } + ] + }, + //注入全局mixin + // sassResources: path.join(__dirname, '../src/styles/mixin.scss'), + // sassLoader: { + // data: path.join(__dirname, '../src/styles/index.scss') + // }, +} diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js new file mode 100644 index 00000000..109a7970 --- /dev/null +++ b/build/webpack.dev.conf.js @@ -0,0 +1,47 @@ +var utils = require('./utils') +var path = require('path') +var webpack = require('webpack') +var config = require('../config') +var merge = require('webpack-merge') +var baseWebpackConfig = require('./webpack.base.conf') +var HtmlWebpackPlugin = require('html-webpack-plugin') +var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') + +// add hot-reload related code to entry chunks +Object.keys(baseWebpackConfig.entry).forEach(function (name) { + baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) +}) + +function resolveApp(relativePath) { + return path.resolve(relativePath); +} + +module.exports = merge(baseWebpackConfig, { + module: { + rules: utils.styleLoaders({sourceMap: config.dev.cssSourceMap}) + }, + // cheap-source-map is faster for development + devtool: '#cheap-source-map', + cache: true, + plugins: [ + new webpack.DefinePlugin({ + 'process.env': config.dev.env + }), + new webpack.ProvidePlugin({ + $: 'jquery', + 'jQuery': 'jquery' + }), + // https://github.com/glenjamin/webpack-hot-middleware#installation--usage + new webpack.HotModuleReplacementPlugin(), + new webpack.NoErrorsPlugin(), + // https://github.com/ampedandwired/html-webpack-plugin + new HtmlWebpackPlugin({ + filename: 'index.html', + template: 'index.html', + favicon: resolveApp('favicon.ico'), + inject: true, + path:config.dev.staticPath + }), + new FriendlyErrorsPlugin() + ] +}) diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js new file mode 100644 index 00000000..6f01fa59 --- /dev/null +++ b/build/webpack.prod.conf.js @@ -0,0 +1,113 @@ +var path = require('path') +var utils = require('./utils') +var webpack = require('webpack') +var config = require('../config') +var merge = require('webpack-merge') +var baseWebpackConfig = require('./webpack.base.conf') +var CopyWebpackPlugin = require('copy-webpack-plugin') +var HtmlWebpackPlugin = require('html-webpack-plugin') +var ExtractTextPlugin = require('extract-text-webpack-plugin') +var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') + +var env = process.env.NODE_ENV === 'production' ? config.build.prodEnv : config.build.sitEnv + +function resolveApp(relativePath) { + return path.resolve(relativePath); +} + +var webpackConfig = merge(baseWebpackConfig, { + module: { + rules: utils.styleLoaders({ + sourceMap: config.build.productionSourceMap, + extract: true + }) + }, + devtool: config.build.productionSourceMap ? '#source-map' : false, + output: { + path: config.build.assetsRoot, + filename: utils.assetsPath('js/[name].[chunkhash].js'), + chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') + }, + plugins: [ + // http://vuejs.github.io/vue-loader/en/workflow/production.html + new webpack.DefinePlugin({ + 'process.env': env + }), + new webpack.optimize.UglifyJsPlugin({ + compress: { + warnings: false + }, + sourceMap: true + }), + // extract css into its own file + new ExtractTextPlugin({ + filename: utils.assetsPath('css/[name].[contenthash].css') + }), + // Compress extracted CSS. We are using this plugin so that possible + // duplicated CSS from different components can be deduped. + new OptimizeCSSPlugin(), + // generate dist index.html with correct asset hash for caching. + // you can customize output by editing /index.html + // see https://github.com/ampedandwired/html-webpack-plugin + new HtmlWebpackPlugin({ + filename: process.env.NODE_ENV === 'testing' + ? 'index.html' + : config.build.index, + template: 'index.html', + inject: true, + favicon: resolveApp('favicon.ico'), + minify: { + removeComments: true, + collapseWhitespace: true, + removeRedundantAttributes: true, + useShortDoctype: true, + removeEmptyAttributes: true, + removeStyleLinkTypeAttributes: true, + keepClosingSlash: true, + minifyJS: true, + minifyCSS: true, + minifyURLs: true + }, + path:config.build.staticPath, + // necessary to consistently work with multiple chunks via CommonsChunkPlugin + chunksSortMode: 'dependency' + }), + // split vendor js into its own file + new webpack.optimize.CommonsChunkPlugin({ + name: 'vendor', + minChunks: function (module, count) { + // any required modules inside node_modules are extracted to vendor + return ( + module.resource && + /\.js$/.test(module.resource) && + module.resource.indexOf( + path.join(__dirname, '../node_modules') + ) === 0 + ) + } + }), + // extract webpack runtime and module manifest to its own file in order to + // prevent vendor hash from being updated whenever app bundle is updated + new webpack.optimize.CommonsChunkPlugin({ + name: 'manifest', + chunks: ['vendor'] + }), + // copy custom static assets + new CopyWebpackPlugin([ + { + from: path.resolve(__dirname, '../static'), + to: config.build.assetsSubDirectory, + ignore: ['.*'] + } + ]), + new webpack.ProvidePlugin({ + $: 'jquery', + 'jQuery': 'jquery' + }) + ] +}) +if (config.build.bundleAnalyzerReport) { + var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin + webpackConfig.plugins.push(new BundleAnalyzerPlugin()) +} +module.exports = webpackConfig diff --git a/config/dev.env.js b/config/dev.env.js new file mode 100644 index 00000000..e26486cd --- /dev/null +++ b/config/dev.env.js @@ -0,0 +1,5 @@ +module.exports = { + NODE_ENV: '"development"', + BASE_API: '"https://api-dev"', + APP_ORIGIN: '"https://wallstreetcn.com"' +} diff --git a/config/index.js b/config/index.js new file mode 100644 index 00000000..36bcd68b --- /dev/null +++ b/config/index.js @@ -0,0 +1,41 @@ +// see http://vuejs-templates.github.io/webpack for documentation. +var path = require('path') + +module.exports = { + build: { + sitEnv: require('./sit.env'), + prodEnv: require('./prod.env'), + index: path.resolve(__dirname, '../dist/index.html'), + assetsRoot: path.resolve(__dirname, '../dist'), + assetsSubDirectory: '', + assetsPublicPath: './', + staticPath:'./', + productionSourceMap: true, + // Gzip off by default as many popular static hosts such as + // Surge or Netlify already gzip all static assets for you. + // Before setting to `true`, make sure to: + // npm install --save-dev compression-webpack-plugin + productionGzip: false, + productionGzipExtensions: ['js', 'css'], + // Run the build command with an extra argument to + // View the bundle analyzer report after build finishes: + // `npm run build --report` + // Set to `true` or `false` to always turn it on or off + bundleAnalyzerReport: process.env.npm_config_report + }, + dev: { + env: require('./dev.env'), + port: 9527, + autoOpenBrowser: true, + assetsSubDirectory: 'static', + assetsPublicPath: '/', + staticPath:'/static/', + proxyTable: {}, + // CSS Sourcemaps off by default because relative paths are "buggy" + // with this option, according to the CSS-Loader README + // (https://github.com/webpack/css-loader#sourcemaps) + // In our experience, they generally work as expected, + // just be aware of this issue when enabling this option. + cssSourceMap: false + } +} diff --git a/config/prod.env.js b/config/prod.env.js new file mode 100644 index 00000000..cc935b9a --- /dev/null +++ b/config/prod.env.js @@ -0,0 +1,5 @@ +module.exports = { + NODE_ENV: '"production"', + BASE_API: '"https://api-prod"', + APP_ORIGIN: '"https://wallstreetcn.com"' +}; diff --git a/config/sit.env.js b/config/sit.env.js new file mode 100644 index 00000000..64cf403b --- /dev/null +++ b/config/sit.env.js @@ -0,0 +1,5 @@ +module.exports = { + NODE_ENV: '"production"', + BASE_API: '"https://api-sit"', + APP_ORIGIN: '"https://wallstreetcn.com"' +}; diff --git a/documentImg/code1.png b/documentImg/code1.png new file mode 100644 index 00000000..e29c67b9 Binary files /dev/null and b/documentImg/code1.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 00000000..7cd39d7f Binary files /dev/null and b/favicon.ico differ diff --git a/gifs/errorlog.gif b/gifs/errorlog.gif new file mode 100644 index 00000000..350043cd Binary files /dev/null and b/gifs/errorlog.gif differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..447e855f --- /dev/null +++ b/index.html @@ -0,0 +1,17 @@ + + + + + + + + Juicy + + + + +
+ + + + diff --git a/package.json b/package.json new file mode 100644 index 00000000..e3340062 --- /dev/null +++ b/package.json @@ -0,0 +1,96 @@ +{ + "name": "juicy", + "version": "1.0.0", + "description": "A Vue.js admin", + "author": "Pan ", + "private": true, + "scripts": { + "dev": "node build/dev-server.js", + "build:prod": "NODE_ENV=production node build/build.js", + "build:sit": "NODE_ENV=sit node build/build.js", + "build:sit-preview": "NODE_ENV=sit npm_config_preview=true npm_config_report=true node build/build.js", + "lint": "eslint --ext .js,.vue src" + }, + "dependencies": { + "axios": "0.15.3", + "codemirror": "5.22.0", + "dropzone": "4.3.0", + "echarts": "3.4.0", + "element-ui": "1.2.9", + "file-saver": "1.3.3", + "jquery": "3.1.1", + "js-cookie": "2.1.3", + "jsonlint": "1.6.2", + "mockjs": "1.0.1-beta3", + "normalize.css": "3.0.2", + "nprogress": "0.2.0", + "showdown": "1.6.4", + "simplemde": "1.11.2", + "vue": "2.2.6", + "vue-multiselect": "2.0.0-beta.14", + "vue-router": "2.3.0", + "vuedraggable": "2.8.4", + "vuex": "2.2.1", + "xlsx": "0.8.1", + "vue-count-to":"1.0.5" + }, + "devDependencies": { + "autoprefixer": "6.7.2", + "axios-mock-adapter": "^1.8.1", + "babel-core": "6.22.1", + "babel-eslint": "7.1.1", + "babel-loader": "6.2.10", + "babel-plugin-transform-runtime": "6.22.0", + "babel-preset-es2015": "6.22.0", + "babel-preset-stage-2": "6.22.0", + "babel-register": "6.22.0", + "chalk": "1.1.3", + "connect-history-api-fallback": "1.3.0", + "copy-webpack-plugin": "4.0.1", + "css-loader": "0.26.1", + "eslint": "3.14.1", + "eslint-config-airbnb-base": "11.0.1", + "eslint-friendly-formatter": "2.0.7", + "eslint-import-resolver-webpack": "0.8.1", + "eslint-loader": "1.6.3", + "eslint-plugin-html": "2.0.0", + "eslint-plugin-import": "2.2.0", + "eventsource-polyfill": "0.9.6", + "express": "4.14.1", + "extract-text-webpack-plugin": "2.0.0", + "file-loader": "0.10.0", + "friendly-errors-webpack-plugin": "1.1.3", + "function-bind": "1.1.0", + "html-webpack-plugin": "2.28.0", + "http-proxy-middleware": "0.17.3", + "node-sass": "3.7.0", + "opn": "4.0.2", + "optimize-css-assets-webpack-plugin": "1.3.0", + "ora": "1.1.0", + "pushstate-server": "2.1.0", + "rimraf": "2.6.0", + "sass-loader": "4.0.2", + "script-loader": "0.7.0", + "semver": "5.3.0", + "style-loader": "0.13.1", + "url-loader": "0.5.7", + "vue-loader": "11.3.4", + "vue-style-loader": "2.0.0", + "vue-template-compiler": "2.2.6", + "webpack": "2.2.1", + "webpack-bundle-analyzer": "2.2.1", + "webpack-dashboard": "0.2.1", + "webpack-dev-middleware": "1.10.0", + "webpack-hot-middleware": "2.16.1", + "webpack-merge": "2.6.1" + }, + "engines": { + "node": ">= 4.0.0", + "npm": ">= 3.0.0" + }, + "browserlist": [ + "> 1%", + "last 2 versions", + "not ie <= 8" + ] +} diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 00000000..823cad8a --- /dev/null +++ b/src/App.vue @@ -0,0 +1,11 @@ + + + diff --git a/src/api/article.js b/src/api/article.js new file mode 100644 index 00000000..1519cb9c --- /dev/null +++ b/src/api/article.js @@ -0,0 +1,16 @@ +import { fetch } from 'utils/fetch'; + +export function getList() { + return fetch({ + url: '/article/list', + method: 'get' + }); +} + +export function getArticle() { + return fetch({ + url: '/article/detail', + method: 'get' + }); +} + diff --git a/src/api/article_table.js b/src/api/article_table.js new file mode 100644 index 00000000..e56c58e3 --- /dev/null +++ b/src/api/article_table.js @@ -0,0 +1,17 @@ +import { fetch } from 'utils/fetch'; + +export function fetchList(query) { + return fetch({ + url: '/article_table/list', + method: 'get', + params: query + }); +} + +export function fetchPv(pv) { + return fetch({ + url: '/article_table/pv', + method: 'get', + params: { pv } + }); +} diff --git a/src/api/login.js b/src/api/login.js new file mode 100644 index 00000000..639f650f --- /dev/null +++ b/src/api/login.js @@ -0,0 +1,30 @@ +import { fetch } from 'utils/fetch'; + +export function loginByEmail(email, password) { + const data = { + email, + password + }; + return fetch({ + url: '/login/loginbyemail', + method: 'post', + params: data + }); +} + +export function logout() { + return fetch({ + url: '/login/logout', + method: 'post' + }); +} + + +export function getInfo(token) { + return fetch({ + url: '/user/info', + method: 'get', + params: { token } + }); +} + diff --git a/src/api/qiniu.js b/src/api/qiniu.js new file mode 100644 index 00000000..d63319a3 --- /dev/null +++ b/src/api/qiniu.js @@ -0,0 +1,28 @@ +import fetch, { tpFetch } from 'utils/fetch'; + +export function getToken() { + return fetch({ + url: '/qiniu/upload/token', + method: 'get' + }); +} +export function upload(data) { + return tpFetch({ + url: 'https://upload.qbox.me', + method: 'post', + data + }); +} + + +/* 外部uri转七牛uri*/ +export function netUpload(token, net_url) { + const imgData = { + net_url + }; + return fetch({ + url: '/qiniu/upload/net/async', + method: 'post', + data: imgData + }); +} diff --git a/src/api/remoteSearch.js b/src/api/remoteSearch.js new file mode 100644 index 00000000..0e3c341d --- /dev/null +++ b/src/api/remoteSearch.js @@ -0,0 +1,9 @@ +import { fetch } from 'utils/fetch'; + +export function userSearch(name) { + return fetch({ + url: '/search/user', + method: 'get', + params: { name } + }); +} diff --git a/src/assets/401.gif b/src/assets/401.gif new file mode 100644 index 00000000..cd6e0d94 Binary files /dev/null and b/src/assets/401.gif differ diff --git a/src/assets/404.png b/src/assets/404.png new file mode 100644 index 00000000..3d8e2305 Binary files /dev/null and b/src/assets/404.png differ diff --git a/src/assets/404_cloud.png b/src/assets/404_cloud.png new file mode 100644 index 00000000..c6281d09 Binary files /dev/null and b/src/assets/404_cloud.png differ diff --git a/src/assets/compbig.gif b/src/assets/compbig.gif new file mode 100644 index 00000000..45bfc49c Binary files /dev/null and b/src/assets/compbig.gif differ diff --git a/src/assets/custom-theme/fonts/element-icons.ttf b/src/assets/custom-theme/fonts/element-icons.ttf new file mode 100644 index 00000000..9c1b7200 Binary files /dev/null and b/src/assets/custom-theme/fonts/element-icons.ttf differ diff --git a/src/assets/custom-theme/fonts/element-icons.woff b/src/assets/custom-theme/fonts/element-icons.woff new file mode 100644 index 00000000..2bbd019f Binary files /dev/null and b/src/assets/custom-theme/fonts/element-icons.woff differ diff --git a/src/assets/custom-theme/index.css b/src/assets/custom-theme/index.css new file mode 100644 index 00000000..6a8b51bb --- /dev/null +++ b/src/assets/custom-theme/index.css @@ -0,0 +1,23959 @@ +.custom-theme .el-form-item__content:before, +.custom-theme .el-form-item__content:after { + display: table; + content: ""; +} + +.custom-theme .el-form-item__content:after { + clear: both; +} + +.custom-theme .el-form-item:before, +.custom-theme .el-form-item:after { + display: table; + content: ""; +} + +.custom-theme .el-form-item:after { + clear: both; +} + +.custom-theme .el-breadcrumb:before, +.custom-theme .el-breadcrumb:after { + display: table; + content: ""; +} + +.custom-theme .el-breadcrumb:after { + clear: both; +} + +.custom-theme .el-button-group:before, +.custom-theme .el-button-group:after { + display: table; + content: ""; +} + +.custom-theme .el-button-group:after { + clear: both; +} + +.custom-theme .el-button-group:before, +.custom-theme .el-button-group:after { + display: table; + content: ""; +} + +.custom-theme .el-button-group:after { + clear: both; +} + +.custom-theme .el-button-group:before, +.custom-theme .el-button-group:after { + display: table; + content: ""; +} + +.custom-theme .el-button-group:after { + clear: both; +} + +.custom-theme .el-autocomplete-suggestion.is-loading li:after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .fade-in-linear-enter-active, +.custom-theme .fade-in-linear-leave-active { + transition: opacity 200ms linear; +} + +.custom-theme .fade-in-linear-enter, +.custom-theme .fade-in-linear-leave, +.custom-theme .fade-in-linear-leave-active { + opacity: 0; +} + +.custom-theme .el-fade-in-enter-active, +.custom-theme .el-fade-in-leave-active { + transition: all .3s cubic-bezier(.55,0,.1,1); +} + +.custom-theme .el-fade-in-enter, +.custom-theme .el-fade-in-leave-active { + opacity: 0; +} + +.custom-theme .el-zoom-in-center-enter-active, +.custom-theme .el-zoom-in-center-leave-active { + transition: all .3s cubic-bezier(.55,0,.1,1); +} + +.custom-theme .el-zoom-in-center-enter, +.custom-theme .el-zoom-in-center-leave-active { + opacity: 0; + transform: scaleX(0); +} + +.custom-theme .el-zoom-in-top-enter-active, +.custom-theme .el-zoom-in-top-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + transform-origin: center top; +} + +.custom-theme .el-zoom-in-top-enter, +.custom-theme .el-zoom-in-top-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.custom-theme .el-zoom-in-bottom-enter-active, +.custom-theme .el-zoom-in-bottom-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + transform-origin: center bottom; +} + +.custom-theme .el-zoom-in-bottom-enter, +.custom-theme .el-zoom-in-bottom-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.custom-theme .collapse-transition { + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.custom-theme .list-enter-active, +.custom-theme .list-leave-active { + transition: all 1s; +} + +.custom-theme .list-enter, +.custom-theme .list-leave-active { + opacity: 0; + transform: translateY(-30px); +} + +@font-face { + font-family: 'element-icons'; + src: url('fonts/element-icons.woff?t=1472440741') format('woff'), + url('fonts/element-icons.ttf?t=1472440741') format('truetype'); + /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + font-weight: 400; + font-style: normal; +} + +.custom-theme [class^="el-icon-"], +.custom-theme [class*=" el-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'element-icons' !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + display: inline-block; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.custom-theme .el-icon-arrow-down:before { + content: "\e600"; +} + +.custom-theme .el-icon-arrow-left:before { + content: "\e601"; +} + +.custom-theme .el-icon-arrow-right:before { + content: "\e602"; +} + +.custom-theme .el-icon-arrow-up:before { + content: "\e603"; +} + +.custom-theme .el-icon-caret-bottom:before { + content: "\e604"; +} + +.custom-theme .el-icon-caret-left:before { + content: "\e605"; +} + +.custom-theme .el-icon-caret-right:before { + content: "\e606"; +} + +.custom-theme .el-icon-caret-top:before { + content: "\e607"; +} + +.custom-theme .el-icon-check:before { + content: "\e608"; +} + +.custom-theme .el-icon-circle-check:before { + content: "\e609"; +} + +.custom-theme .el-icon-circle-close:before { + content: "\e60a"; +} + +.custom-theme .el-icon-circle-cross:before { + content: "\e60b"; +} + +.custom-theme .el-icon-close:before { + content: "\e60c"; +} + +.custom-theme .el-icon-upload:before { + content: "\e60d"; +} + +.custom-theme .el-icon-d-arrow-left:before { + content: "\e60e"; +} + +.custom-theme .el-icon-d-arrow-right:before { + content: "\e60f"; +} + +.custom-theme .el-icon-d-caret:before { + content: "\e610"; +} + +.custom-theme .el-icon-date:before { + content: "\e611"; +} + +.custom-theme .el-icon-delete:before { + content: "\e612"; +} + +.custom-theme .el-icon-document:before { + content: "\e613"; +} + +.custom-theme .el-icon-edit:before { + content: "\e614"; +} + +.custom-theme .el-icon-information:before { + content: "\e615"; +} + +.custom-theme .el-icon-loading:before { + content: "\e616"; +} + +.custom-theme .el-icon-menu:before { + content: "\e617"; +} + +.custom-theme .el-icon-message:before { + content: "\e618"; +} + +.custom-theme .el-icon-minus:before { + content: "\e619"; +} + +.custom-theme .el-icon-more:before { + content: "\e61a"; +} + +.custom-theme .el-icon-picture:before { + content: "\e61b"; +} + +.custom-theme .el-icon-plus:before { + content: "\e61c"; +} + +.custom-theme .el-icon-search:before { + content: "\e61d"; +} + +.custom-theme .el-icon-setting:before { + content: "\e61e"; +} + +.custom-theme .el-icon-share:before { + content: "\e61f"; +} + +.custom-theme .el-icon-star-off:before { + content: "\e620"; +} + +.custom-theme .el-icon-star-on:before { + content: "\e621"; +} + +.custom-theme .el-icon-time:before { + content: "\e622"; +} + +.custom-theme .el-icon-warning:before { + content: "\e623"; +} + +.custom-theme .el-icon-delete2:before { + content: "\e624"; +} + +.custom-theme .el-icon-upload2:before { + content: "\e627"; +} + +.custom-theme .el-icon-view:before { + content: "\e626"; +} + +.custom-theme .el-icon-loading { + animation: rotating 1s linear infinite; +} + +.custom-theme .el-icon--right { + margin-left: 5px; +} + +.custom-theme .el-icon--left { + margin-right: 5px; +} + +@keyframes rotating { + 0% { + transform: rotateZ(0deg); + } + + 100% { + transform: rotateZ(360deg); + } +} + +@charset "UTF-8"; + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-select-dropdown { + position: absolute; + z-index: 1001; + border: solid 1px rgb(209, 215, 229); + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); + box-sizing: border-box; + margin: 5px 0; +} + +.custom-theme .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0; +} + + + +.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #073069; + background-color: #fff; +} + +.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 10px; + font-family: 'element-icons'; + content: "\E608"; + font-size: 11px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.custom-theme .el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px; +} + +.custom-theme .el-select-dropdown__wrap { + max-height: 274px; +} + +.custom-theme .el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + box-sizing: border-box; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-tag { + background-color: rgb(131, 139, 165); + display: inline-block; + padding: 0 5px; + height: 24px; + line-height: 22px; + font-size: 12px; + color: #fff; + border-radius: 4px; + box-sizing: border-box; + border: 1px solid transparent; + white-space: nowrap; +} + +.custom-theme .el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + transform: scale(.75, .75); + height: 18px; + width: 18px; + line-height: 18px; + vertical-align: middle; + top: -1px; + right: -2px; +} + +.custom-theme .el-tag .el-icon-close:hover { + background-color: #fff; + color: rgb(131, 139, 165); +} + +.custom-theme .el-tag--gray { + background-color: rgb(228, 230, 241); + border-color: rgb(228, 230, 241); + color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--gray .el-tag__close:hover { + background-color: rgb(72, 81, 106); + color: #fff; +} + +.custom-theme .el-tag--gray.is-hit { + border-color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--primary { + background-color: rgba(7, 48, 105, 0.1); + border-color: rgba(7, 48, 105, 0.2); + color: #073069; +} + +.custom-theme .el-tag--primary .el-tag__close:hover { + background-color: #073069; + color: #fff; +} + +.custom-theme .el-tag--primary.is-hit { + border-color: #073069; +} + +.custom-theme .el-tag--success { + background-color: rgba(18,206,102,0.10); + border-color: rgba(18,206,102,0.20); + color: #00643b; +} + +.custom-theme .el-tag--success .el-tag__close:hover { + background-color: #00643b; + color: #fff; +} + +.custom-theme .el-tag--success.is-hit { + border-color: #00643b; +} + +.custom-theme .el-tag--warning { + background-color: rgba(247,186,41,0.10); + border-color: rgba(247,186,41,0.20); + color: #f56a00; +} + +.custom-theme .el-tag--warning .el-tag__close:hover { + background-color: #f56a00; + color: #fff; +} + +.custom-theme .el-tag--warning.is-hit { + border-color: #f56a00; +} + +.custom-theme .el-tag--danger { + background-color: rgba(255,73,73,0.10); + border-color: rgba(255,73,73,0.20); + color: #ffbf00; +} + +.custom-theme .el-tag--danger .el-tag__close:hover { + background-color: #ffbf00; + color: #fff; +} + +.custom-theme .el-tag--danger.is-hit { + border-color: #ffbf00; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-select-dropdown__item { + font-size: 14px; + padding: 8px 10px; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: rgb(72, 81, 106); + height: 36px; + line-height: 1.5; + box-sizing: border-box; + cursor: pointer; +} + +.custom-theme .el-select-dropdown__item.hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-select-dropdown__item.selected { + color: #fff; + background-color: #073069; +} + +.custom-theme .el-select-dropdown__item.selected.hover { + background-color: rgb(6, 42, 92); +} + +.custom-theme .el-select-dropdown__item span { + line-height: 1.5 !important; +} + +.custom-theme .el-select-dropdown__item.is-disabled { + color: rgb(191, 199, 217); + cursor: not-allowed; +} + +.custom-theme .el-select-dropdown__item.is-disabled:hover { + background-color: #fff; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-select-group { + margin: 0; + padding: 0; +} + +.custom-theme .el-select-group .el-select-dropdown__item { + padding-left: 20px; +} + +.custom-theme .el-select-group__wrap { + list-style: none; + margin: 0; + padding: 0; +} + +.custom-theme .el-select-group__title { + padding-left: 10px; + font-size: 12px; + color: #999; + height: 30px; + line-height: 30px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-scrollbar { + overflow: hidden; + position: relative; +} + +.custom-theme .el-scrollbar:hover .el-scrollbar__bar, +.custom-theme .el-scrollbar:active .el-scrollbar__bar, +.custom-theme .el-scrollbar:focus .el-scrollbar__bar { + opacity: 1; + transition: opacity 340ms ease-out; +} + +.custom-theme .el-scrollbar__wrap { + overflow: scroll; +} + + + +.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} + +.custom-theme .el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(151, 161, 190, 0.3); + transition: .3s background-color; +} + +.custom-theme .el-scrollbar__thumb:hover { + background-color: rgba(151, 161, 190, 0.5); +} + +.custom-theme .el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + transition: opacity 120ms ease-out; +} + +.custom-theme .el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} + +.custom-theme .el-scrollbar__bar.is-horizontal > div { + height: 100%; +} + +.custom-theme .el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} + +.custom-theme .el-scrollbar__bar.is-vertical > div { + width: 100%; +} + +.custom-theme .el-select { + display: inline-block; + position: relative; +} + +.custom-theme .el-select:hover .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-select .el-input__inner { + cursor: pointer; +} + +.custom-theme .el-select .el-input__inner:focus { + border-color: #073069; +} + + + +.custom-theme .el-select .el-input .el-input__icon { + color: rgb(191, 199, 217); + font-size: 12px; + transition: transform .3s; + transform: translateY(-50%) rotateZ(180deg); + line-height: 16px; + top: 50%; + cursor: pointer; +} + +.custom-theme .el-select .el-input .el-input__icon.is-show-close { + transition: 0s; + width: 16px; + height: 16px; + font-size: 14px; + right: 8px; + text-align: center; + transform: translateY(-50%) rotateZ(180deg); + border-radius: 100%; + color: rgb(191, 199, 217); +} + +.custom-theme .el-select .el-input .el-input__icon.is-show-close:hover { + color: rgb(151, 161, 190); +} + +.custom-theme .el-select .el-input .el-input__icon.is-reverse { + transform: translateY(-50%); +} + + + +.custom-theme .el-select .el-input.is-disabled .el-input__inner { + cursor: not-allowed; +} + +.custom-theme .el-select .el-input.is-disabled .el-input__inner:hover { + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-select > .el-input { + display: block; +} + +.custom-theme .el-select .el-tag__close { + margin-top: -2px; +} + +.custom-theme .el-select .el-tag { + height: 24px; + line-height: 24px; + box-sizing: border-box; + margin: 3px 0 3px 6px; +} + +.custom-theme .el-select__input { + border: none; + outline: none; + padding: 0; + margin-left: 10px; + color: #666; + font-size: 14px; + vertical-align: baseline; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 28px; + background-color: transparent; +} + +.custom-theme .el-select__input.is-mini { + height: 14px; +} + +.custom-theme .el-select__close { + cursor: pointer; + position: absolute; + top: 8px; + z-index: 1000; + right: 25px; + color: rgb(191, 199, 217); + line-height: 18px; + font-size: 12px; +} + +.custom-theme .el-select__close:hover { + color: rgb(151, 161, 190); +} + +.custom-theme .el-select__tags { + position: absolute; + line-height: normal; + white-space: normal; + z-index: 1000; + top: 50%; + transform: translateY(-50%); +} + +.custom-theme .el-select__tag { + display: inline-block; + height: 24px; + line-height: 24px; + font-size: 14px; + border-radius: 4px; + color: #fff; + background-color: #073069; +} + +.custom-theme .el-select__tag .el-icon-close { + font-size: 12px; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-pagination { + white-space: nowrap; + padding: 2px 5px; + color: rgb(72, 81, 106); +} + +.custom-theme .el-pagination:before, +.custom-theme .el-pagination:after { + display: table; + content: ""; +} + +.custom-theme .el-pagination:after { + clear: both; +} + +.custom-theme .el-pagination span, +.custom-theme .el-pagination button { + display: inline-block; + font-size: 13px; + min-width: 28px; + height: 28px; + line-height: 28px; + vertical-align: top; + box-sizing: border-box; +} + +.custom-theme .el-pagination .el-select .el-input { + width: 110px; +} + +.custom-theme .el-pagination .el-select .el-input input { + padding-right: 25px; + border-radius: 2px; + height: 28px; +} + +.custom-theme .el-pagination button { + border: none; + padding: 0 6px; + background: transparent; +} + +.custom-theme .el-pagination button:focus { + outline: none; +} + +.custom-theme .el-pagination button:hover { + color: #073069; +} + +.custom-theme .el-pagination button.disabled { + color: #e4e4e4; + background-color: #fff; + cursor: not-allowed; +} + +.custom-theme .el-pagination .btn-prev, +.custom-theme .el-pagination .btn-next { + background: center center no-repeat; + background-size: 16px; + background-color: #fff; + border: 1px solid rgb(209, 215, 229); + cursor: pointer; + margin: 0; + color: rgb(151, 161, 190); +} + +.custom-theme .el-pagination .btn-prev .el-icon, +.custom-theme .el-pagination .btn-next .el-icon { + display: block; + font-size: 12px; +} + +.custom-theme .el-pagination .btn-prev { + border-radius: 2px 0 0 2px; + border-right: 0; +} + +.custom-theme .el-pagination .btn-next { + border-radius: 0 2px 2px 0; + border-left: 0; +} + +.custom-theme .el-pagination--small .btn-prev, +.custom-theme .el-pagination--small .btn-next, +.custom-theme .el-pagination--small .el-pager li, +.custom-theme .el-pagination--small .el-pager li:last-child { + border-color: transparent; + font-size: 12px; + line-height: 22px; + height: 22px; + min-width: 22px; +} + +.custom-theme .el-pagination--small .arrow.disabled { + visibility: hidden; +} + +.custom-theme .el-pagination--small .el-pager li { + border-radius: 2px; +} + +.custom-theme .el-pagination__sizes { + margin: 0 10px 0 0; +} + +.custom-theme .el-pagination__sizes .el-input .el-input__inner { + font-size: 13px; + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-pagination__sizes .el-input .el-input__inner:hover { + border-color: #073069; +} + +.custom-theme .el-pagination__jump { + margin-left: 10px; +} + +.custom-theme .el-pagination__total { + margin: 0 10px; +} + +.custom-theme .el-pagination__rightwrapper { + float: right; +} + +.custom-theme .el-pagination__editor { + border: 1px solid rgb(209, 215, 229); + border-radius: 2px; + line-height: 18px; + padding: 4px 2px; + width: 30px; + text-align: center; + margin: 0 6px; + box-sizing: border-box; + transition: border .3s; +} + +.custom-theme .el-pagination__editor::-webkit-inner-spin-button, +.custom-theme .el-pagination__editor::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.custom-theme .el-pagination__editor:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-pager { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + list-style: none; + display: inline-block; + vertical-align: top; + font-size: 0; + padding: 0; + margin: 0; +} + +.custom-theme .el-pager li { + padding: 0 4px; + border: 1px solid rgb(209, 215, 229); + border-right: 0; + background: #fff; + vertical-align: top; + display: inline-block; + font-size: 13px; + min-width: 28px; + height: 28px; + line-height: 28px; + cursor: pointer; + box-sizing: border-box; + text-align: center; + margin: 0; +} + +.custom-theme .el-pager li:last-child { + border-right: 1px solid rgb(209, 215, 229); +} + +.custom-theme .el-pager li.btn-quicknext, +.custom-theme .el-pager li.btn-quickprev { + line-height: 28px; + color: rgb(151, 161, 190); +} + +.custom-theme .el-pager li.btn-quickprev:hover { + cursor: pointer; +} + +.custom-theme .el-pager li.btn-quicknext:hover { + cursor: pointer; +} + +.custom-theme .el-pager li.active + li { + border-left: 0; + padding-left: 5px; +} + +.custom-theme .el-pager li:hover { + color: #073069; +} + +.custom-theme .el-pager li.active { + border-color: #073069; + background-color: #073069; + color: #fff; + cursor: default; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .v-modal-enter { + animation: v-modal-in .2s ease; +} + +.custom-theme .v-modal-leave { + animation: v-modal-out .2s ease forwards; +} + +@keyframes v-modal-in { + 0% { + opacity: 0; + } + + 100% { + + } +} + +@keyframes v-modal-out { + 0% { + + } + + 100% { + opacity: 0; + } +} + +.custom-theme .v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + background: #000; +} + +.custom-theme .el-dialog { + position: absolute; + left: 50%; + transform: translateX(-50%); + background: #fff; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-sizing: border-box; +} + +.custom-theme .el-dialog--tiny { + width: 30%; +} + +.custom-theme .el-dialog--small { + width: 50%; +} + +.custom-theme .el-dialog--large { + width: 90%; +} + +.custom-theme .el-dialog--full { + width: 100%; + top: 0; + height: 100%; + overflow: auto; +} + +.custom-theme .el-dialog__wrapper { + top: 0; + right: 0; + bottom: 0; + left: 0; + position: fixed; + overflow: auto; + margin: 0; +} + +.custom-theme .el-dialog__header { + padding: 20px 20px 0; +} + +.custom-theme .el-dialog__close { + cursor: pointer; + color: rgb(191, 199, 217); +} + +.custom-theme .el-dialog__close:hover { + color: #073069; +} + +.custom-theme .el-dialog__title { + line-height: 1; + font-size: 16px; + font-weight: 700; + color: rgb(31, 40, 61); +} + +.custom-theme .el-dialog__body { + padding: 30px 20px; + color: rgb(72, 81, 106); + font-size: 14px; +} + +.custom-theme .el-dialog__headerbtn { + float: right; +} + +.custom-theme .el-dialog__footer { + padding: 10px 20px 15px; + text-align: right; + box-sizing: border-box; +} + +.custom-theme .dialog-fade-enter-active { + animation: dialog-fade-in .3s; +} + +.custom-theme .dialog-fade-leave-active { + animation: dialog-fade-out .3s; +} + +@keyframes dialog-fade-in { + 0% { + transform: translate3d(0, -20px, 0); + opacity: 0; + } + + 100% { + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes dialog-fade-out { + 0% { + transform: translate3d(0, 0, 0); + opacity: 1; + } + + 100% { + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} + +@charset "UTF-8"; + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-autocomplete { + position: relative; + display: inline-block; +} + +.custom-theme .el-autocomplete-suggestion { + margin: 5px 0; + box-shadow: 0 0 6px 0 rgba(0,0,0,0.04), 0 2px 4px 0 rgba(0,0,0,0.12); +} + +.custom-theme .el-autocomplete-suggestion li { + list-style: none; + line-height: 36px; + padding: 0 10px; + margin: 0; + cursor: pointer; + color: rgb(72, 81, 106); + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.custom-theme .el-autocomplete-suggestion li:hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-autocomplete-suggestion li.highlighted { + background-color: #073069; + color: #fff; +} + +.custom-theme .el-autocomplete-suggestion li:active { + background-color: rgb(6, 39, 86); +} + +.custom-theme .el-autocomplete-suggestion li.divider { + margin-top: 6px; + border-top: 1px solid rgb(209, 215, 229); +} + +.custom-theme .el-autocomplete-suggestion li.divider:last-child { + margin-bottom: -6px; +} + +.custom-theme .el-autocomplete-suggestion.is-loading li { + text-align: center; + height: 100px; + line-height: 100px; + font-size: 20px; + color: #999; +} + +.custom-theme .el-autocomplete-suggestion.is-loading li:hover { + background-color: #fff; +} + +.custom-theme .el-autocomplete-suggestion.is-loading .el-icon-loading { + vertical-align: middle; +} + +.custom-theme .el-autocomplete-suggestion__wrap { + max-height: 280px; + overflow: auto; + background-color: #fff; + border: 1px solid rgb(209, 215, 229); + padding: 6px 0; + border-radius: 2px; + box-sizing: border-box; +} + +.custom-theme .el-autocomplete-suggestion__list { + margin: 0; + padding: 0; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: none; + margin: 0; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} + +.custom-theme .el-button + .el-button { + margin-left: 10px; +} + +.custom-theme .el-button:hover, +.custom-theme .el-button:focus { + color: #073069; + border-color: #073069; +} + +.custom-theme .el-button:active { + color: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button::-moz-focus-inner { + border: 0; +} + + + +.custom-theme .el-button [class*="el-icon-"] + span { + margin-left: 5px; +} + +.custom-theme .el-button.is-loading { + position: relative; + pointer-events: none; +} + +.custom-theme .el-button.is-loading:before { + pointer-events: none; + content: ''; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255,255,255,.35); +} + + + +.custom-theme .el-button.is-disabled, +.custom-theme .el-button.is-disabled:hover, +.custom-theme .el-button.is-disabled:focus { + color: rgb(191, 199, 217); + cursor: not-allowed; + background-image: none; + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-button.is-disabled.el-button--text { + background-color: transparent; +} + + + +.custom-theme .el-button.is-disabled.is-plain, +.custom-theme .el-button.is-disabled.is-plain:hover, +.custom-theme .el-button.is-disabled.is-plain:focus { + background-color: #fff; + border-color: rgb(209, 215, 229); + color: rgb(191, 199, 217); +} + +.custom-theme .el-button.is-active { + color: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); +} + + + +.custom-theme .el-button.is-plain:hover, +.custom-theme .el-button.is-plain:focus { + background: #fff; + border-color: #073069; + color: #073069; +} + +.custom-theme .el-button.is-plain:active { + background: #fff; + border-color: rgb(6, 43, 95); + color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button--primary { + color: #fff; + background-color: #073069; + border-color: #073069; +} + +.custom-theme .el-button--primary:hover, +.custom-theme .el-button--primary:focus { + background: rgb(57, 89, 135); + border-color: rgb(57, 89, 135); + color: #fff; +} + +.custom-theme .el-button--primary:active { + background: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + color: #fff; + outline: none; +} + +.custom-theme .el-button--primary.is-active { + background: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + color: #fff; +} + +.custom-theme .el-button--primary.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--primary.is-plain:hover, +.custom-theme .el-button--primary.is-plain:focus { + background: #fff; + border-color: #073069; + color: #073069; +} + +.custom-theme .el-button--primary.is-plain:active { + background: #fff; + border-color: rgb(6, 43, 95); + color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button--success { + color: #fff; + background-color: #00643b; + border-color: #00643b; +} + +.custom-theme .el-button--success:hover, +.custom-theme .el-button--success:focus { + background: rgb(51, 131, 98); + border-color: rgb(51, 131, 98); + color: #fff; +} + +.custom-theme .el-button--success:active { + background: rgb(0, 90, 53); + border-color: rgb(0, 90, 53); + color: #fff; + outline: none; +} + +.custom-theme .el-button--success.is-active { + background: rgb(0, 90, 53); + border-color: rgb(0, 90, 53); + color: #fff; +} + +.custom-theme .el-button--success.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--success.is-plain:hover, +.custom-theme .el-button--success.is-plain:focus { + background: #fff; + border-color: #00643b; + color: #00643b; +} + +.custom-theme .el-button--success.is-plain:active { + background: #fff; + border-color: rgb(0, 90, 53); + color: rgb(0, 90, 53); + outline: none; +} + +.custom-theme .el-button--warning { + color: #fff; + background-color: #f56a00; + border-color: #f56a00; +} + +.custom-theme .el-button--warning:hover, +.custom-theme .el-button--warning:focus { + background: rgb(247, 136, 51); + border-color: rgb(247, 136, 51); + color: #fff; +} + +.custom-theme .el-button--warning:active { + background: rgb(221, 95, 0); + border-color: rgb(221, 95, 0); + color: #fff; + outline: none; +} + +.custom-theme .el-button--warning.is-active { + background: rgb(221, 95, 0); + border-color: rgb(221, 95, 0); + color: #fff; +} + +.custom-theme .el-button--warning.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--warning.is-plain:hover, +.custom-theme .el-button--warning.is-plain:focus { + background: #fff; + border-color: #f56a00; + color: #f56a00; +} + +.custom-theme .el-button--warning.is-plain:active { + background: #fff; + border-color: rgb(221, 95, 0); + color: rgb(221, 95, 0); + outline: none; +} + +.custom-theme .el-button--danger { + color: #fff; + background-color: #ffbf00; + border-color: #ffbf00; +} + +.custom-theme .el-button--danger:hover, +.custom-theme .el-button--danger:focus { + background: rgb(255, 204, 51); + border-color: rgb(255, 204, 51); + color: #fff; +} + +.custom-theme .el-button--danger:active { + background: rgb(230, 172, 0); + border-color: rgb(230, 172, 0); + color: #fff; + outline: none; +} + +.custom-theme .el-button--danger.is-active { + background: rgb(230, 172, 0); + border-color: rgb(230, 172, 0); + color: #fff; +} + +.custom-theme .el-button--danger.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--danger.is-plain:hover, +.custom-theme .el-button--danger.is-plain:focus { + background: #fff; + border-color: #ffbf00; + color: #ffbf00; +} + +.custom-theme .el-button--danger.is-plain:active { + background: #fff; + border-color: rgb(230, 172, 0); + color: rgb(230, 172, 0); + outline: none; +} + +.custom-theme .el-button--info { + color: #fff; + background-color: #00a2ae; + border-color: #00a2ae; +} + +.custom-theme .el-button--info:hover, +.custom-theme .el-button--info:focus { + background: rgb(51, 181, 190); + border-color: rgb(51, 181, 190); + color: #fff; +} + +.custom-theme .el-button--info:active { + background: rgb(0, 146, 157); + border-color: rgb(0, 146, 157); + color: #fff; + outline: none; +} + +.custom-theme .el-button--info.is-active { + background: rgb(0, 146, 157); + border-color: rgb(0, 146, 157); + color: #fff; +} + +.custom-theme .el-button--info.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--info.is-plain:hover, +.custom-theme .el-button--info.is-plain:focus { + background: #fff; + border-color: #00a2ae; + color: #00a2ae; +} + +.custom-theme .el-button--info.is-plain:active { + background: #fff; + border-color: rgb(0, 146, 157); + color: rgb(0, 146, 157); + outline: none; +} + +.custom-theme .el-button--large { + padding: 11px 19px; + font-size: 16px; + border-radius: 4px; +} + +.custom-theme .el-button--small { + padding: 7px 9px; + font-size: 12px; + border-radius: 4px; +} + +.custom-theme .el-button--mini { + padding: 4px 4px; + font-size: 12px; + border-radius: 4px; +} + +.custom-theme .el-button--text { + border: none; + color: #073069; + background: transparent; + padding-left: 0; + padding-right: 0; +} + +.custom-theme .el-button--text:hover, +.custom-theme .el-button--text:focus { + color: rgb(57, 89, 135); +} + +.custom-theme .el-button--text:active { + color: rgb(6, 43, 95); +} + +.custom-theme .el-button-group { + display: inline-block; + vertical-align: middle; +} + + + +.custom-theme .el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button { + float: left; + position: relative; +} + +.custom-theme .el-button-group .el-button + .el-button { + margin-left: 0; +} + +.custom-theme .el-button-group .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-button-group .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-button-group .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.custom-theme .el-button-group .el-button:not(:last-child) { + margin-right: -1px; +} + +.custom-theme .el-button-group .el-button:hover, +.custom-theme .el-button-group .el-button:focus, +.custom-theme .el-button-group .el-button:active { + z-index: 1; +} + +.custom-theme .el-button-group .el-button.is-active { + z-index: 1; +} + +.custom-theme .el-dropdown { + display: inline-block; + position: relative; + color: rgb(72, 81, 106); + font-size: 14px; +} + +.custom-theme .el-dropdown .el-button-group { + display: block; +} + +.custom-theme .el-dropdown .el-dropdown__caret-button { + padding-right: 5px; + padding-left: 5px; +} + +.custom-theme .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { + padding-left: 0; +} + +.custom-theme .el-dropdown__icon { + font-size: 12px; + margin: 0 3px; +} + +.custom-theme .el-dropdown-menu { + margin: 5px 0; + background-color: #fff; + border: 1px solid rgb(209, 215, 229); + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); + padding: 6px 0; + z-index: 10; + position: absolute; + top: 0; + left: 0; + min-width: 100px; +} + +.custom-theme .el-dropdown-menu__item { + list-style: none; + line-height: 36px; + padding: 0 10px; + margin: 0; + cursor: pointer; +} + +.custom-theme .el-dropdown-menu__item:not(.is-disabled):hover { + background-color: rgb(228, 230, 241); + color: rgb(72, 81, 106); +} + +.custom-theme .el-dropdown-menu__item.is-disabled { + cursor: default; + color: rgb(191, 199, 217); + pointer-events: none; +} + +.custom-theme .el-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid rgb(209, 215, 229); +} + +.custom-theme .el-dropdown-menu__item--divided:before { + content: ''; + height: 6px; + display: block; + margin: 0 -10px; + background-color: #fff; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-menu-item, +.custom-theme .el-submenu__title { + height: 56px; + line-height: 56px; + font-size: 14px; + color: rgb(72, 81, 106); + padding: 0 20px; + cursor: pointer; + position: relative; + transition: border-color .3s, background-color .3s, color .3s; + box-sizing: border-box; + white-space: nowrap; +} + +.custom-theme .el-menu { + border-radius: 2px; + list-style: none; + position: relative; + margin: 0; + padding-left: 0; + background-color: rgb(238, 240, 246); +} + +.custom-theme .el-menu:before, +.custom-theme .el-menu:after { + display: table; + content: ""; +} + +.custom-theme .el-menu:after { + clear: both; +} + +.custom-theme .el-menu li { + list-style: none; +} + +.custom-theme .el-menu--dark { + background-color: #00a2ae; +} + +.custom-theme .el-menu--dark .el-menu-item, +.custom-theme .el-menu--dark .el-submenu__title { + color: rgb(191, 199, 217); +} + +.custom-theme .el-menu--dark .el-menu-item:hover, +.custom-theme .el-menu--dark .el-submenu__title:hover { + background-color: rgb(72, 81, 106); +} + +.custom-theme .el-menu--dark .el-submenu .el-menu { + background-color: rgb(31, 40, 61); +} + +.custom-theme .el-menu--dark .el-submenu .el-menu .el-menu-item:hover { + background-color: rgb(72, 81, 106); +} + + + +.custom-theme .el-menu--horizontal .el-menu-item { + float: left; + height: 60px; + line-height: 60px; + margin: 0; + cursor: pointer; + position: relative; + box-sizing: border-box; + border-bottom: 5px solid transparent; +} + +.custom-theme .el-menu--horizontal .el-menu-item a, +.custom-theme .el-menu--horizontal .el-menu-item a:hover { + color: inherit; +} + +.custom-theme .el-menu--horizontal .el-menu-item:hover { + background-color: rgb(209, 215, 229); +} + +.custom-theme .el-menu--horizontal .el-submenu { + float: left; + position: relative; +} + +.custom-theme .el-menu--horizontal .el-submenu > .el-menu { + position: absolute; + top: 65px; + left: 0; + border: 1px solid rgb(209, 215, 229); + padding: 5px 0; + background-color: #fff; + z-index: 100; + min-width: 100%; + box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); +} + +.custom-theme .el-menu--horizontal .el-submenu .el-submenu__title { + height: 60px; + line-height: 60px; + border-bottom: 5px solid transparent; +} + +.custom-theme .el-menu--horizontal .el-submenu .el-menu-item { + background-color: #fff; + float: none; + height: 36px; + line-height: 36px; + padding: 0 10px; +} + +.custom-theme .el-menu--horizontal .el-submenu .el-submenu__icon-arrow { + position: static; + vertical-align: middle; + margin-left: 5px; + color: rgb(151, 161, 190); + margin-top: -3px; +} + +.custom-theme .el-menu--horizontal .el-menu-item:hover, +.custom-theme .el-menu--horizontal .el-submenu__title:hover { + background-color: rgb(238, 240, 246); +} + +.custom-theme .el-menu--horizontal > .el-menu-item:hover, +.custom-theme .el-menu--horizontal > .el-submenu:hover .el-submenu__title, +.custom-theme .el-menu--horizontal > .el-submenu.is-active .el-submenu__title { + border-bottom: 5px solid #073069; +} + + + +.custom-theme .el-menu--horizontal.el-menu--dark .el-menu-item:hover, +.custom-theme .el-menu--horizontal.el-menu--dark .el-submenu__title:hover { + background-color: rgb(50, 58, 87); +} + +.custom-theme .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item, +.custom-theme .el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title { + color: rgb(72, 81, 106); +} + +.custom-theme .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover, +.custom-theme .el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover { + background-color: rgb(209, 215, 229); +} + +.custom-theme .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active { + color: #073069; +} + +.custom-theme .el-menu-item [class^="el-icon-"] { + vertical-align: baseline; + margin-right: 10px; +} + +.custom-theme .el-menu-item:first-child { + margin-left: 0; +} + +.custom-theme .el-menu-item:last-child { + margin-right: 0; +} + +.custom-theme .el-menu-item:hover { + background-color: rgb(209, 215, 229); +} + +.custom-theme .el-menu-item.is-active { + color: #073069; +} + +.custom-theme .el-submenu [class^="el-icon-"] { + vertical-align: baseline; + margin-right: 10px; +} + +.custom-theme .el-submenu .el-menu { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-submenu .el-menu-item { + height: 50px; + line-height: 50px; + padding: 0 45px; +} + +.custom-theme .el-submenu .el-menu-item:hover { + background-color: rgb(209, 215, 229); +} + +.custom-theme .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + transform: rotateZ(180deg); +} + +.custom-theme .el-submenu.is-active .el-submenu__title { + border-bottom-color: #073069; +} + +.custom-theme .el-submenu__title { + position: relative; +} + +.custom-theme .el-submenu__title:hover { + background-color: rgb(209, 215, 229); +} + +.custom-theme .el-submenu__icon-arrow { + position: absolute; + top: 50%; + right: 20px; + margin-top: -7px; + transition: transform .3s; + font-size: 12px; +} + +.custom-theme .el-menu-item-group > ul { + padding: 0; +} + +.custom-theme .el-menu-item-group__title { + padding-top: 15px; + line-height: normal; + font-size: 14px; + padding-left: 20px; + color: rgb(151, 161, 190); +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +@charset "UTF-8"; + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input-number { + display: inline-block; + overflow: hidden; + width: 180px; + position: relative; +} + +.custom-theme .el-input-number .el-input { + display: block; +} + +.custom-theme .el-input-number .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding-right: 82px; +} + + + +.custom-theme .el-input-number.is-without-controls .el-input__inner { + padding-right: 10px; +} + +.custom-theme .el-input-number.is-disabled .el-input-number__increase, +.custom-theme .el-input-number.is-disabled .el-input-number__decrease { + border-color: rgb(209, 215, 229); + color: rgb(209, 215, 229); +} + +.custom-theme .el-input-number.is-disabled .el-input-number__increase:hover, +.custom-theme .el-input-number.is-disabled .el-input-number__decrease:hover { + color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .el-input-number__increase, +.custom-theme .el-input-number__decrease { + height: auto; + border-left: 1px solid rgb(191, 199, 217); + width: 36px; + line-height: 34px; + top: 1px; + text-align: center; + color: rgb(151, 161, 190); + cursor: pointer; + position: absolute; + z-index: 1; +} + +.custom-theme .el-input-number__increase:hover, +.custom-theme .el-input-number__decrease:hover { + color: #073069; +} + +.custom-theme .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), +.custom-theme .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { + border-color: #073069; +} + +.custom-theme .el-input-number__increase.is-disabled, +.custom-theme .el-input-number__decrease.is-disabled { + color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .el-input-number__increase { + right: 0; +} + +.custom-theme .el-input-number__decrease { + right: 37px; +} + +.custom-theme .el-input-number--large { + width: 200px; +} + +.custom-theme .el-input-number--large .el-input-number__increase, +.custom-theme .el-input-number--large .el-input-number__decrease { + line-height: 42px; + width: 42px; + font-size: 16px; +} + +.custom-theme .el-input-number--large .el-input-number__decrease { + right: 43px; +} + +.custom-theme .el-input-number--large .el-input__inner { + padding-right: 94px; +} + +.custom-theme .el-input-number--small { + width: 130px; +} + +.custom-theme .el-input-number--small .el-input-number__increase, +.custom-theme .el-input-number--small .el-input-number__decrease { + line-height: 30px; + width: 30px; + font-size: 13px; +} + +.custom-theme .el-input-number--small .el-input-number__decrease { + right: 31px; +} + +.custom-theme .el-input-number--small .el-input__inner { + padding-right: 70px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-radio { + color: rgb(31, 40, 61); + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.custom-theme .el-radio + .el-radio { + margin-left: 15px; +} + +.custom-theme .el-radio__input { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle; +} + +.custom-theme .el-radio__input.is-focus .el-radio__inner { + border-color: #073069; +} + +.custom-theme .el-radio__input.is-checked .el-radio__inner { + border-color: #073069; + background: #073069; +} + +.custom-theme .el-radio__input.is-checked .el-radio__inner::after { + transform: translate(-50%, -50%) scale(1); +} + +.custom-theme .el-radio__input.is-disabled .el-radio__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .el-radio__input.is-disabled .el-radio__inner::after { + cursor: not-allowed; + background-color: rgb(238, 240, 246); +} + +.custom-theme .el-radio__input.is-disabled .el-radio__inner + .el-radio__label { + cursor: not-allowed; +} + +.custom-theme .el-radio__input.is-disabled.is-checked .el-radio__inner { + background-color: rgb(209, 215, 229); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-radio__input.is-disabled.is-checked .el-radio__inner::after { + background-color: #fff; +} + +.custom-theme .el-radio__input.is-disabled + .el-radio__label { + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-radio__inner { + border: 1px solid rgb(191, 199, 217); + border-radius: 100%; + width: 18px; + height: 18px; + border-radius: 50%; + background-color: #fff; + position: relative; + cursor: pointer; + display: inline-block; + box-sizing: border-box; +} + +.custom-theme .el-radio__inner:hover { + border-color: #073069; +} + +.custom-theme .el-radio__inner::after { + width: 6px; + height: 6px; + border-radius: 50%; + background-color: #fff; + content: ""; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) scale(0); + transition: transform .15s cubic-bezier(.71,-.46,.88,.6); +} + +.custom-theme .el-radio__original { + opacity: 0; + outline: none; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} + +.custom-theme .el-radio__label { + font-size: 14px; + padding-left: 5px; +} + +.custom-theme .el-radio-group { + display: inline-block; + font-size: 0; + line-height: 1; +} + +.custom-theme .el-radio-group .el-radio { + font-size: 14px; +} + +.custom-theme .el-radio-button { + position: relative; + display: inline-block; +} + +.custom-theme .el-radio-button:first-child .el-radio-button__inner { + border-left: 1px solid rgb(191, 199, 217); + border-radius: 4px 0 0 4px; + box-shadow: none !important; +} + +.custom-theme .el-radio-button:last-child .el-radio-button__inner { + border-radius: 0 4px 4px 0; +} + +.custom-theme .el-radio-button__inner { + display: inline-block; + line-height: 1; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #fff; + border: 1px solid rgb(191, 199, 217); + border-left: 0; + color: rgb(31, 40, 61); + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: none; + margin: 0; + position: relative; + cursor: pointer; + transition: all .3s cubic-bezier(.645,.045,.355,1); + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 10px 15px; + font-size: 14px; + border-radius: 0; +} + +.custom-theme .el-radio-button__inner:hover { + color: #073069; +} + +.custom-theme .el-radio-button__inner [class*="el-icon-"] { + line-height: 0.9; +} + +.custom-theme .el-radio-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} + +.custom-theme .el-radio-button__orig-radio { + opacity: 0; + outline: none; + position: absolute; + z-index: -1; + left: -999px; +} + + + +.custom-theme .el-radio-button__orig-radio:checked + .el-radio-button__inner { + color: #fff; + background-color: #073069; + border-color: #073069; + box-shadow: -1px 0 0 0 #073069; +} + + + +.custom-theme .el-radio-button__orig-radio:disabled + .el-radio-button__inner { + color: rgb(191, 199, 217); + cursor: not-allowed; + background-image: none; + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); +} + + + +.custom-theme .el-radio-button--large .el-radio-button__inner { + padding: 11px 19px; + font-size: 16px; + border-radius: 0; +} + + + +.custom-theme .el-radio-button--small .el-radio-button__inner { + padding: 7px 9px; + font-size: 12px; + border-radius: 0; +} + + + +.custom-theme .el-radio-button--mini .el-radio-button__inner { + padding: 4px 4px; + font-size: 12px; + border-radius: 0; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-checkbox { + color: rgb(31, 40, 61); + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.custom-theme .el-checkbox + .el-checkbox { + margin-left: 15px; +} + +.custom-theme .el-checkbox__input { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle; +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #073069; + border-color: rgb(1, 43, 101); +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ''; + position: absolute; + display: block; + border: 1px solid #fff; + margin-top: -1px; + left: 3px; + right: 3px; + top: 50%; +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none; +} + +.custom-theme .el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #073069; +} + +.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #073069; + border-color: rgb(1, 43, 101); +} + +.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner::after { + transform: rotate(45deg) scaleY(1); +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: rgb(238, 240, 246); +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { + cursor: not-allowed; +} + +.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: rgb(209, 215, 229); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #fff; +} + +.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: rgb(209, 215, 229); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + border-color: #fff; +} + +.custom-theme .el-checkbox__input.is-disabled + .el-checkbox__label { + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + box-sizing: border-box; + width: 18px; + height: 18px; + background-color: #fff; + z-index: 1; + transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), + background-color .25s cubic-bezier(.71,-.46,.29,1.46); +} + +.custom-theme .el-checkbox__inner:hover { + border-color: #073069; +} + +.custom-theme .el-checkbox__inner::after { + box-sizing: content-box; + content: ""; + border: 2px solid #fff; + border-left: 0; + border-top: 0; + height: 8px; + left: 5px; + position: absolute; + top: 1px; + transform: rotate(45deg) scaleY(0); + width: 4px; + transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; + transform-origin: center; +} + +.custom-theme .el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + left: -999px; +} + +.custom-theme .el-checkbox__label { + font-size: 14px; + padding-left: 5px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-switch { + display: inline-block; + position: relative; + font-size: 14px; + line-height: 22px; + height: 22px; + vertical-align: middle; +} + +.custom-theme .el-switch .label-fade-enter, +.custom-theme .el-switch .label-fade-leave-active { + opacity: 0; +} + +.custom-theme .el-switch.is-disabled .el-switch__core { + border-color: rgb(228, 230, 241) !important; + background: rgb(228, 230, 241) !important; +} + +.custom-theme .el-switch.is-disabled .el-switch__core span { + background-color: rgb(250, 251, 252) !important; +} + +.custom-theme .el-switch.is-disabled .el-switch__core ~ .el-switch__label * { + color: rgb(250, 251, 252) !important; +} + +.custom-theme .el-switch.is-disabled .el-switch__input:checked + .el-switch__core { + border-color: rgb(228, 230, 241); + background-color: rgb(228, 230, 241); +} + + + +.custom-theme .el-switch.is-disabled .el-switch__core, +.custom-theme .el-switch.is-disabled .el-switch__label { + cursor: not-allowed; +} + +.custom-theme .el-switch__label { + transition: .2s; + position: absolute; + z-index: 10; + width: 46px; + height: 22px; + left: 0; + top: 0; + display: inline-block; + font-size: 14px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.custom-theme .el-switch__label * { + line-height: 1; + top: 4px; + position: absolute; + font-size: 14px; + display: inline-block; + color: #fff; +} + +.custom-theme .el-switch__label--left i { + left: 6px; +} + +.custom-theme .el-switch__label--right i { + right: 6px; +} + +.custom-theme .el-switch__input { + display: none; +} + +.custom-theme .el-switch__input:checked + .el-switch__core { + border-color: #073069; + background-color: #073069; +} + +.custom-theme .el-switch__core { + margin: 0; + display: inline-block; + position: relative; + width: 46px; + height: 22px; + border: 1px solid rgb(191, 199, 217); + outline: none; + border-radius: 12px; + box-sizing: border-box; + background: rgb(191, 199, 217); + cursor: pointer; + transition: border-color .3s, background-color .3s; +} + +.custom-theme .el-switch__core .el-switch__button { + top: 0; + left: 0; + position: absolute; + border-radius: 100%; + transition: transform .3s; + width: 16px; + height: 16px; + z-index: 20; + background-color: #fff; +} + + + +.custom-theme .el-switch--wide .el-switch__label.el-switch__label--left span { + left: 10px; +} + +.custom-theme .el-switch--wide .el-switch__label.el-switch__label--right span { + right: 10px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-select-dropdown { + position: absolute; + z-index: 1001; + border: solid 1px rgb(209, 215, 229); + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); + box-sizing: border-box; + margin: 5px 0; +} + +.custom-theme .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0; +} + + + +.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: #073069; + background-color: #fff; +} + +.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 10px; + font-family: 'element-icons'; + content: "\E608"; + font-size: 11px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.custom-theme .el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px; +} + +.custom-theme .el-select-dropdown__wrap { + max-height: 274px; +} + +.custom-theme .el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + box-sizing: border-box; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-tag { + background-color: rgb(131, 139, 165); + display: inline-block; + padding: 0 5px; + height: 24px; + line-height: 22px; + font-size: 12px; + color: #fff; + border-radius: 4px; + box-sizing: border-box; + border: 1px solid transparent; + white-space: nowrap; +} + +.custom-theme .el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + transform: scale(.75, .75); + height: 18px; + width: 18px; + line-height: 18px; + vertical-align: middle; + top: -1px; + right: -2px; +} + +.custom-theme .el-tag .el-icon-close:hover { + background-color: #fff; + color: rgb(131, 139, 165); +} + +.custom-theme .el-tag--gray { + background-color: rgb(228, 230, 241); + border-color: rgb(228, 230, 241); + color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--gray .el-tag__close:hover { + background-color: rgb(72, 81, 106); + color: #fff; +} + +.custom-theme .el-tag--gray.is-hit { + border-color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--primary { + background-color: rgba(7, 48, 105, 0.1); + border-color: rgba(7, 48, 105, 0.2); + color: #073069; +} + +.custom-theme .el-tag--primary .el-tag__close:hover { + background-color: #073069; + color: #fff; +} + +.custom-theme .el-tag--primary.is-hit { + border-color: #073069; +} + +.custom-theme .el-tag--success { + background-color: rgba(18,206,102,0.10); + border-color: rgba(18,206,102,0.20); + color: #00643b; +} + +.custom-theme .el-tag--success .el-tag__close:hover { + background-color: #00643b; + color: #fff; +} + +.custom-theme .el-tag--success.is-hit { + border-color: #00643b; +} + +.custom-theme .el-tag--warning { + background-color: rgba(247,186,41,0.10); + border-color: rgba(247,186,41,0.20); + color: #f56a00; +} + +.custom-theme .el-tag--warning .el-tag__close:hover { + background-color: #f56a00; + color: #fff; +} + +.custom-theme .el-tag--warning.is-hit { + border-color: #f56a00; +} + +.custom-theme .el-tag--danger { + background-color: rgba(255,73,73,0.10); + border-color: rgba(255,73,73,0.20); + color: #ffbf00; +} + +.custom-theme .el-tag--danger .el-tag__close:hover { + background-color: #ffbf00; + color: #fff; +} + +.custom-theme .el-tag--danger.is-hit { + border-color: #ffbf00; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-select-dropdown__item { + font-size: 14px; + padding: 8px 10px; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: rgb(72, 81, 106); + height: 36px; + line-height: 1.5; + box-sizing: border-box; + cursor: pointer; +} + +.custom-theme .el-select-dropdown__item.hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-select-dropdown__item.selected { + color: #fff; + background-color: #073069; +} + +.custom-theme .el-select-dropdown__item.selected.hover { + background-color: rgb(6, 42, 92); +} + +.custom-theme .el-select-dropdown__item span { + line-height: 1.5 !important; +} + +.custom-theme .el-select-dropdown__item.is-disabled { + color: rgb(191, 199, 217); + cursor: not-allowed; +} + +.custom-theme .el-select-dropdown__item.is-disabled:hover { + background-color: #fff; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-select-group { + margin: 0; + padding: 0; +} + +.custom-theme .el-select-group .el-select-dropdown__item { + padding-left: 20px; +} + +.custom-theme .el-select-group__wrap { + list-style: none; + margin: 0; + padding: 0; +} + +.custom-theme .el-select-group__title { + padding-left: 10px; + font-size: 12px; + color: #999; + height: 30px; + line-height: 30px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-scrollbar { + overflow: hidden; + position: relative; +} + +.custom-theme .el-scrollbar:hover .el-scrollbar__bar, +.custom-theme .el-scrollbar:active .el-scrollbar__bar, +.custom-theme .el-scrollbar:focus .el-scrollbar__bar { + opacity: 1; + transition: opacity 340ms ease-out; +} + +.custom-theme .el-scrollbar__wrap { + overflow: scroll; +} + + + +.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} + +.custom-theme .el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(151, 161, 190, 0.3); + transition: .3s background-color; +} + +.custom-theme .el-scrollbar__thumb:hover { + background-color: rgba(151, 161, 190, 0.5); +} + +.custom-theme .el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + transition: opacity 120ms ease-out; +} + +.custom-theme .el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} + +.custom-theme .el-scrollbar__bar.is-horizontal > div { + height: 100%; +} + +.custom-theme .el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} + +.custom-theme .el-scrollbar__bar.is-vertical > div { + width: 100%; +} + +.custom-theme .el-select { + display: inline-block; + position: relative; +} + +.custom-theme .el-select:hover .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-select .el-input__inner { + cursor: pointer; +} + +.custom-theme .el-select .el-input__inner:focus { + border-color: #073069; +} + + + +.custom-theme .el-select .el-input .el-input__icon { + color: rgb(191, 199, 217); + font-size: 12px; + transition: transform .3s; + transform: translateY(-50%) rotateZ(180deg); + line-height: 16px; + top: 50%; + cursor: pointer; +} + +.custom-theme .el-select .el-input .el-input__icon.is-show-close { + transition: 0s; + width: 16px; + height: 16px; + font-size: 14px; + right: 8px; + text-align: center; + transform: translateY(-50%) rotateZ(180deg); + border-radius: 100%; + color: rgb(191, 199, 217); +} + +.custom-theme .el-select .el-input .el-input__icon.is-show-close:hover { + color: rgb(151, 161, 190); +} + +.custom-theme .el-select .el-input .el-input__icon.is-reverse { + transform: translateY(-50%); +} + + + +.custom-theme .el-select .el-input.is-disabled .el-input__inner { + cursor: not-allowed; +} + +.custom-theme .el-select .el-input.is-disabled .el-input__inner:hover { + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-select > .el-input { + display: block; +} + +.custom-theme .el-select .el-tag__close { + margin-top: -2px; +} + +.custom-theme .el-select .el-tag { + height: 24px; + line-height: 24px; + box-sizing: border-box; + margin: 3px 0 3px 6px; +} + +.custom-theme .el-select__input { + border: none; + outline: none; + padding: 0; + margin-left: 10px; + color: #666; + font-size: 14px; + vertical-align: baseline; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 28px; + background-color: transparent; +} + +.custom-theme .el-select__input.is-mini { + height: 14px; +} + +.custom-theme .el-select__close { + cursor: pointer; + position: absolute; + top: 8px; + z-index: 1000; + right: 25px; + color: rgb(191, 199, 217); + line-height: 18px; + font-size: 12px; +} + +.custom-theme .el-select__close:hover { + color: rgb(151, 161, 190); +} + +.custom-theme .el-select__tags { + position: absolute; + line-height: normal; + white-space: normal; + z-index: 1000; + top: 50%; + transform: translateY(-50%); +} + +.custom-theme .el-select__tag { + display: inline-block; + height: 24px; + line-height: 24px; + font-size: 14px; + border-radius: 4px; + color: #fff; + background-color: #073069; +} + +.custom-theme .el-select__tag .el-icon-close { + font-size: 12px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: none; + margin: 0; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} + +.custom-theme .el-button + .el-button { + margin-left: 10px; +} + +.custom-theme .el-button:hover, +.custom-theme .el-button:focus { + color: #073069; + border-color: #073069; +} + +.custom-theme .el-button:active { + color: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button::-moz-focus-inner { + border: 0; +} + + + +.custom-theme .el-button [class*="el-icon-"] + span { + margin-left: 5px; +} + +.custom-theme .el-button.is-loading { + position: relative; + pointer-events: none; +} + +.custom-theme .el-button.is-loading:before { + pointer-events: none; + content: ''; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255,255,255,.35); +} + + + +.custom-theme .el-button.is-disabled, +.custom-theme .el-button.is-disabled:hover, +.custom-theme .el-button.is-disabled:focus { + color: rgb(191, 199, 217); + cursor: not-allowed; + background-image: none; + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-button.is-disabled.el-button--text { + background-color: transparent; +} + + + +.custom-theme .el-button.is-disabled.is-plain, +.custom-theme .el-button.is-disabled.is-plain:hover, +.custom-theme .el-button.is-disabled.is-plain:focus { + background-color: #fff; + border-color: rgb(209, 215, 229); + color: rgb(191, 199, 217); +} + +.custom-theme .el-button.is-active { + color: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); +} + + + +.custom-theme .el-button.is-plain:hover, +.custom-theme .el-button.is-plain:focus { + background: #fff; + border-color: #073069; + color: #073069; +} + +.custom-theme .el-button.is-plain:active { + background: #fff; + border-color: rgb(6, 43, 95); + color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button--primary { + color: #fff; + background-color: #073069; + border-color: #073069; +} + +.custom-theme .el-button--primary:hover, +.custom-theme .el-button--primary:focus { + background: rgb(57, 89, 135); + border-color: rgb(57, 89, 135); + color: #fff; +} + +.custom-theme .el-button--primary:active { + background: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + color: #fff; + outline: none; +} + +.custom-theme .el-button--primary.is-active { + background: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + color: #fff; +} + +.custom-theme .el-button--primary.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--primary.is-plain:hover, +.custom-theme .el-button--primary.is-plain:focus { + background: #fff; + border-color: #073069; + color: #073069; +} + +.custom-theme .el-button--primary.is-plain:active { + background: #fff; + border-color: rgb(6, 43, 95); + color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button--success { + color: #fff; + background-color: #00643b; + border-color: #00643b; +} + +.custom-theme .el-button--success:hover, +.custom-theme .el-button--success:focus { + background: rgb(51, 131, 98); + border-color: rgb(51, 131, 98); + color: #fff; +} + +.custom-theme .el-button--success:active { + background: rgb(0, 90, 53); + border-color: rgb(0, 90, 53); + color: #fff; + outline: none; +} + +.custom-theme .el-button--success.is-active { + background: rgb(0, 90, 53); + border-color: rgb(0, 90, 53); + color: #fff; +} + +.custom-theme .el-button--success.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--success.is-plain:hover, +.custom-theme .el-button--success.is-plain:focus { + background: #fff; + border-color: #00643b; + color: #00643b; +} + +.custom-theme .el-button--success.is-plain:active { + background: #fff; + border-color: rgb(0, 90, 53); + color: rgb(0, 90, 53); + outline: none; +} + +.custom-theme .el-button--warning { + color: #fff; + background-color: #f56a00; + border-color: #f56a00; +} + +.custom-theme .el-button--warning:hover, +.custom-theme .el-button--warning:focus { + background: rgb(247, 136, 51); + border-color: rgb(247, 136, 51); + color: #fff; +} + +.custom-theme .el-button--warning:active { + background: rgb(221, 95, 0); + border-color: rgb(221, 95, 0); + color: #fff; + outline: none; +} + +.custom-theme .el-button--warning.is-active { + background: rgb(221, 95, 0); + border-color: rgb(221, 95, 0); + color: #fff; +} + +.custom-theme .el-button--warning.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--warning.is-plain:hover, +.custom-theme .el-button--warning.is-plain:focus { + background: #fff; + border-color: #f56a00; + color: #f56a00; +} + +.custom-theme .el-button--warning.is-plain:active { + background: #fff; + border-color: rgb(221, 95, 0); + color: rgb(221, 95, 0); + outline: none; +} + +.custom-theme .el-button--danger { + color: #fff; + background-color: #ffbf00; + border-color: #ffbf00; +} + +.custom-theme .el-button--danger:hover, +.custom-theme .el-button--danger:focus { + background: rgb(255, 204, 51); + border-color: rgb(255, 204, 51); + color: #fff; +} + +.custom-theme .el-button--danger:active { + background: rgb(230, 172, 0); + border-color: rgb(230, 172, 0); + color: #fff; + outline: none; +} + +.custom-theme .el-button--danger.is-active { + background: rgb(230, 172, 0); + border-color: rgb(230, 172, 0); + color: #fff; +} + +.custom-theme .el-button--danger.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--danger.is-plain:hover, +.custom-theme .el-button--danger.is-plain:focus { + background: #fff; + border-color: #ffbf00; + color: #ffbf00; +} + +.custom-theme .el-button--danger.is-plain:active { + background: #fff; + border-color: rgb(230, 172, 0); + color: rgb(230, 172, 0); + outline: none; +} + +.custom-theme .el-button--info { + color: #fff; + background-color: #00a2ae; + border-color: #00a2ae; +} + +.custom-theme .el-button--info:hover, +.custom-theme .el-button--info:focus { + background: rgb(51, 181, 190); + border-color: rgb(51, 181, 190); + color: #fff; +} + +.custom-theme .el-button--info:active { + background: rgb(0, 146, 157); + border-color: rgb(0, 146, 157); + color: #fff; + outline: none; +} + +.custom-theme .el-button--info.is-active { + background: rgb(0, 146, 157); + border-color: rgb(0, 146, 157); + color: #fff; +} + +.custom-theme .el-button--info.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--info.is-plain:hover, +.custom-theme .el-button--info.is-plain:focus { + background: #fff; + border-color: #00a2ae; + color: #00a2ae; +} + +.custom-theme .el-button--info.is-plain:active { + background: #fff; + border-color: rgb(0, 146, 157); + color: rgb(0, 146, 157); + outline: none; +} + +.custom-theme .el-button--large { + padding: 11px 19px; + font-size: 16px; + border-radius: 4px; +} + +.custom-theme .el-button--small { + padding: 7px 9px; + font-size: 12px; + border-radius: 4px; +} + +.custom-theme .el-button--mini { + padding: 4px 4px; + font-size: 12px; + border-radius: 4px; +} + +.custom-theme .el-button--text { + border: none; + color: #073069; + background: transparent; + padding-left: 0; + padding-right: 0; +} + +.custom-theme .el-button--text:hover, +.custom-theme .el-button--text:focus { + color: rgb(57, 89, 135); +} + +.custom-theme .el-button--text:active { + color: rgb(6, 43, 95); +} + +.custom-theme .el-button-group { + display: inline-block; + vertical-align: middle; +} + + + +.custom-theme .el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button { + float: left; + position: relative; +} + +.custom-theme .el-button-group .el-button + .el-button { + margin-left: 0; +} + +.custom-theme .el-button-group .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-button-group .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-button-group .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.custom-theme .el-button-group .el-button:not(:last-child) { + margin-right: -1px; +} + +.custom-theme .el-button-group .el-button:hover, +.custom-theme .el-button-group .el-button:focus, +.custom-theme .el-button-group .el-button:active { + z-index: 1; +} + +.custom-theme .el-button-group .el-button.is-active { + z-index: 1; +} + +@charset "UTF-8"; + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-checkbox { + color: rgb(31, 40, 61); + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.custom-theme .el-checkbox + .el-checkbox { + margin-left: 15px; +} + +.custom-theme .el-checkbox__input { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle; +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #073069; + border-color: rgb(1, 43, 101); +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ''; + position: absolute; + display: block; + border: 1px solid #fff; + margin-top: -1px; + left: 3px; + right: 3px; + top: 50%; +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none; +} + +.custom-theme .el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #073069; +} + +.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #073069; + border-color: rgb(1, 43, 101); +} + +.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner::after { + transform: rotate(45deg) scaleY(1); +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: rgb(238, 240, 246); +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { + cursor: not-allowed; +} + +.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: rgb(209, 215, 229); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #fff; +} + +.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: rgb(209, 215, 229); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + border-color: #fff; +} + +.custom-theme .el-checkbox__input.is-disabled + .el-checkbox__label { + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + box-sizing: border-box; + width: 18px; + height: 18px; + background-color: #fff; + z-index: 1; + transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), + background-color .25s cubic-bezier(.71,-.46,.29,1.46); +} + +.custom-theme .el-checkbox__inner:hover { + border-color: #073069; +} + +.custom-theme .el-checkbox__inner::after { + box-sizing: content-box; + content: ""; + border: 2px solid #fff; + border-left: 0; + border-top: 0; + height: 8px; + left: 5px; + position: absolute; + top: 1px; + transform: rotate(45deg) scaleY(0); + width: 4px; + transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; + transform-origin: center; +} + +.custom-theme .el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + left: -999px; +} + +.custom-theme .el-checkbox__label { + font-size: 14px; + padding-left: 5px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-tag { + background-color: rgb(131, 139, 165); + display: inline-block; + padding: 0 5px; + height: 24px; + line-height: 22px; + font-size: 12px; + color: #fff; + border-radius: 4px; + box-sizing: border-box; + border: 1px solid transparent; + white-space: nowrap; +} + +.custom-theme .el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + transform: scale(.75, .75); + height: 18px; + width: 18px; + line-height: 18px; + vertical-align: middle; + top: -1px; + right: -2px; +} + +.custom-theme .el-tag .el-icon-close:hover { + background-color: #fff; + color: rgb(131, 139, 165); +} + +.custom-theme .el-tag--gray { + background-color: rgb(228, 230, 241); + border-color: rgb(228, 230, 241); + color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--gray .el-tag__close:hover { + background-color: rgb(72, 81, 106); + color: #fff; +} + +.custom-theme .el-tag--gray.is-hit { + border-color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--primary { + background-color: rgba(7, 48, 105, 0.1); + border-color: rgba(7, 48, 105, 0.2); + color: #073069; +} + +.custom-theme .el-tag--primary .el-tag__close:hover { + background-color: #073069; + color: #fff; +} + +.custom-theme .el-tag--primary.is-hit { + border-color: #073069; +} + +.custom-theme .el-tag--success { + background-color: rgba(18,206,102,0.10); + border-color: rgba(18,206,102,0.20); + color: #00643b; +} + +.custom-theme .el-tag--success .el-tag__close:hover { + background-color: #00643b; + color: #fff; +} + +.custom-theme .el-tag--success.is-hit { + border-color: #00643b; +} + +.custom-theme .el-tag--warning { + background-color: rgba(247,186,41,0.10); + border-color: rgba(247,186,41,0.20); + color: #f56a00; +} + +.custom-theme .el-tag--warning .el-tag__close:hover { + background-color: #f56a00; + color: #fff; +} + +.custom-theme .el-tag--warning.is-hit { + border-color: #f56a00; +} + +.custom-theme .el-tag--danger { + background-color: rgba(255,73,73,0.10); + border-color: rgba(255,73,73,0.20); + color: #ffbf00; +} + +.custom-theme .el-tag--danger .el-tag__close:hover { + background-color: #ffbf00; + color: #fff; +} + +.custom-theme .el-tag--danger.is-hit { + border-color: #ffbf00; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-table { + position: relative; + overflow: hidden; + box-sizing: border-box; + width: 100%; + max-width: 100%; + background-color: #fff; + border: 1px solid rgb(223, 227, 236); + font-size: 14px; + color: rgb(31, 40, 61); +} + +.custom-theme .el-table .el-tooltip.cell { + white-space: nowrap; +} + +.custom-theme .el-table th, +.custom-theme .el-table td { + height: 40px; + min-width: 0; + box-sizing: border-box; + text-overflow: ellipsis; + vertical-align: middle; + position: relative; +} + +.custom-theme .el-table th.is-right, +.custom-theme .el-table td.is-right { + text-align: right; +} + +.custom-theme .el-table th.is-left, +.custom-theme .el-table td.is-left { + text-align: left; +} + +.custom-theme .el-table th.is-center, +.custom-theme .el-table td.is-center { + text-align: center; +} + +.custom-theme .el-table th.is-leaf, +.custom-theme .el-table td { + border-bottom: 1px solid rgb(223, 227, 236); +} + +.custom-theme .el-table th.gutter, +.custom-theme .el-table td.gutter { + width: 15px; + border-right-width: 0; + border-bottom-width: 0; + padding: 0; +} + +.custom-theme .el-table td.is-hidden > *, +.custom-theme .el-table th.is-hidden > * { + visibility: hidden; +} + +.custom-theme .el-table::before { + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: rgb(223, 227, 236); + z-index: 1; +} + +.custom-theme .el-table::after { + content: ''; + position: absolute; + top: 0; + right: 0; + width: 1px; + height: 100%; + background-color: rgb(223, 227, 236); + z-index: 1; +} + +.custom-theme .el-table th { + white-space: nowrap; + overflow: hidden; +} + +.custom-theme .el-table th { + background-color: rgb(238, 240, 246); + text-align: left; +} + +.custom-theme .el-table th > div { + display: inline-block; + padding-left: 18px; + padding-right: 18px; + line-height: 40px; + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.custom-theme .el-table td > div { + box-sizing: border-box; +} + +.custom-theme .el-table th.required > div::before { + display: inline-block; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background: #ff4d51; + margin-right: 5px; + vertical-align: middle; +} + +.custom-theme .el-table th > .cell { + position: relative; + word-wrap: normal; + text-overflow: ellipsis; + display: inline-block; + line-height: 20px; + vertical-align: middle; + width: 100%; + box-sizing: border-box; +} + +.custom-theme .el-table th > .cell.highlight { + color: #073069; +} + +.custom-theme .el-table .caret-wrapper { + position: relative; + cursor: pointer; + display: inline-block; + vertical-align: middle; + margin-left: 5px; + margin-top: -2px; + width: 16px; + height: 34px; + overflow: visible; + overflow: initial; +} + +.custom-theme .el-table .sort-caret { + display: inline-block; + width: 0; + height: 0; + border: 0; + content: ""; + position: absolute; + left: 3px; + z-index: 2; +} + +.custom-theme .el-table .sort-caret.ascending { + top: 11px; + border-top: none; + border-right: 5px solid transparent; + border-bottom: 5px solid rgb(151, 161, 190); + border-left: 5px solid transparent; +} + +.custom-theme .el-table .sort-caret.descending { + bottom: 11px; + border-top: 5px solid rgb(151, 161, 190); + border-right: 5px solid transparent; + border-bottom: none; + border-left: 5px solid transparent; +} + +.custom-theme .el-table .ascending .sort-caret.ascending { + border-bottom-color: rgb(72, 81, 106); +} + +.custom-theme .el-table .descending .sort-caret.descending { + border-top-color: rgb(72, 81, 106); +} + +.custom-theme .el-table td.gutter { + width: 0; +} + +.custom-theme .el-table .cell { + box-sizing: border-box; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + word-break: break-all; + line-height: 24px; + padding-left: 18px; + padding-right: 18px; +} + +.custom-theme .el-table tr input[type="checkbox"] { + margin: 0; +} + +.custom-theme .el-table tr { + background-color: #fff; +} + +.custom-theme .el-table .hidden-columns { + visibility: hidden; + position: absolute; + z-index: -1; +} + +.custom-theme .el-table__empty-block { + position: relative; + min-height: 60px; + text-align: center; + width: 100%; + height: 100%; +} + +.custom-theme .el-table__empty-text { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: rgb(94, 109, 130); +} + +.custom-theme .el-table__expand-column .cell { + padding: 0; + text-align: center; +} + +.custom-theme .el-table__expand-icon { + position: relative; + cursor: pointer; + color: #666; + font-size: 12px; + transition: transform 0.2s ease-in-out; + height: 40px; +} + +.custom-theme .el-table__expand-icon > .el-icon { + position: absolute; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; +} + +.custom-theme .el-table__expand-icon--expanded { + transform: rotate(90deg); +} + +.custom-theme .el-table__expanded-cell { + padding: 20px 50px; + background-color: rgb(250, 251, 252); + box-shadow: inset 0 2px 0 #f4f4f4; +} + +.custom-theme .el-table__expanded-cell:hover { + background-color: rgb(250, 251, 252) !important; +} + +.custom-theme .el-table--fit { + border-right: 0; + border-bottom: 0; +} + +.custom-theme .el-table--fit th.gutter, +.custom-theme .el-table--fit td.gutter { + border-right-width: 1px; +} + +.custom-theme .el-table--border th, +.custom-theme .el-table--border td { + border-right: 1px solid rgb(223, 227, 236); +} + +.custom-theme .el-table--border th { + border-bottom: 1px solid rgb(223, 227, 236); +} + +.custom-theme .el-table__fixed, +.custom-theme .el-table__fixed-right { + position: absolute; + top: 0; + left: 0; + box-shadow: 1px 0 8px #d3d4d6; + overflow-x: hidden; +} + +.custom-theme .el-table__fixed::before, +.custom-theme .el-table__fixed-right::before { + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: rgb(223, 227, 236); + z-index: 4; +} + +.custom-theme .el-table__fixed-right-patch { + position: absolute; + top: -1px; + right: 0; + background-color: rgb(238, 240, 246); + border-bottom: 1px solid rgb(223, 227, 236); +} + +.custom-theme .el-table__fixed-right { + top: 0; + left: auto; + right: 0; + box-shadow: -1px 0 8px #d3d4d6; +} + +.custom-theme .el-table__fixed-right .el-table__fixed-header-wrapper, +.custom-theme .el-table__fixed-right .el-table__fixed-body-wrapper { + left: auto; + right: 0; +} + +.custom-theme .el-table__fixed-header-wrapper { + position: absolute; + left: 0; + top: 0; + z-index: 3; +} + +.custom-theme .el-table__fixed-header-wrapper thead div { + background-color: rgb(238, 240, 246); + color: rgb(31, 40, 61); +} + +.custom-theme .el-table__fixed-body-wrapper { + position: absolute; + left: 0; + top: 37px; + overflow: hidden; + z-index: 3; +} + +.custom-theme .el-table__header-wrapper, +.custom-theme .el-table__body-wrapper { + width: 100%; +} + +.custom-theme .el-table__header, +.custom-theme .el-table__body { + table-layout: fixed; +} + +.custom-theme .el-table__header-wrapper { + overflow: hidden; +} + +.custom-theme .el-table__header-wrapper thead div { + background-color: rgb(238, 240, 246); + color: rgb(31, 40, 61); +} + +.custom-theme .el-table__body-wrapper { + overflow: auto; + position: relative; +} + + + + + +.custom-theme .el-table--striped .el-table__body tr:nth-child(2n) td { + background: #FAFAFA; +} + +.custom-theme .el-table--striped .el-table__body tr:nth-child(2n).current-row td { + background: rgb(235, 238, 243); +} + +.custom-theme .el-table__body tr.hover-row > td { + background-color: rgb(238, 240, 246); +} + +.custom-theme .el-table__body tr.current-row > td { + background: rgb(235, 238, 243); +} + +.custom-theme .el-table__column-resize-proxy { + position: absolute; + left: 200px; + top: 0; + bottom: 0; + width: 0; + border-left: 1px solid rgb(223, 227, 236); + z-index: 10; +} + +.custom-theme .el-table__column-filter-trigger { + display: inline-block; + line-height: 34px; + margin-left: 5px; + cursor: pointer; +} + +.custom-theme .el-table__column-filter-trigger i { + color: rgb(151, 161, 190); +} + +.custom-theme .el-table--enable-row-transition .el-table__body td { + transition: background-color .25s ease; +} + +.custom-theme .el-table--enable-row-hover tr:hover > td { + background-color: rgb(238, 240, 246); +} + +.custom-theme .el-table--fluid-height .el-table__fixed, +.custom-theme .el-table--fluid-height .el-table__fixed-right { + bottom: 0; + overflow: hidden; +} + +@charset "UTF-8"; + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-checkbox { + color: rgb(31, 40, 61); + position: relative; + cursor: pointer; + display: inline-block; + white-space: nowrap; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +.custom-theme .el-checkbox + .el-checkbox { + margin-left: 15px; +} + +.custom-theme .el-checkbox__input { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle; +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: #073069; + border-color: rgb(1, 43, 101); +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ''; + position: absolute; + display: block; + border: 1px solid #fff; + margin-top: -1px; + left: 3px; + right: 3px; + top: 50%; +} + +.custom-theme .el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none; +} + +.custom-theme .el-checkbox__input.is-focus .el-checkbox__inner { + border-color: #073069; +} + +.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #073069; + border-color: rgb(1, 43, 101); +} + +.custom-theme .el-checkbox__input.is-checked .el-checkbox__inner::after { + transform: rotate(45deg) scaleY(1); +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: rgb(238, 240, 246); +} + +.custom-theme .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { + cursor: not-allowed; +} + +.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: rgb(209, 215, 229); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #fff; +} + +.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: rgb(209, 215, 229); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + border-color: #fff; +} + +.custom-theme .el-checkbox__input.is-disabled + .el-checkbox__label { + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + box-sizing: border-box; + width: 18px; + height: 18px; + background-color: #fff; + z-index: 1; + transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), + background-color .25s cubic-bezier(.71,-.46,.29,1.46); +} + +.custom-theme .el-checkbox__inner:hover { + border-color: #073069; +} + +.custom-theme .el-checkbox__inner::after { + box-sizing: content-box; + content: ""; + border: 2px solid #fff; + border-left: 0; + border-top: 0; + height: 8px; + left: 5px; + position: absolute; + top: 1px; + transform: rotate(45deg) scaleY(0); + width: 4px; + transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s; + transform-origin: center; +} + +.custom-theme .el-checkbox__original { + opacity: 0; + outline: none; + position: absolute; + margin: 0; + left: -999px; +} + +.custom-theme .el-checkbox__label { + font-size: 14px; + padding-left: 5px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-tag { + background-color: rgb(131, 139, 165); + display: inline-block; + padding: 0 5px; + height: 24px; + line-height: 22px; + font-size: 12px; + color: #fff; + border-radius: 4px; + box-sizing: border-box; + border: 1px solid transparent; + white-space: nowrap; +} + +.custom-theme .el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + transform: scale(.75, .75); + height: 18px; + width: 18px; + line-height: 18px; + vertical-align: middle; + top: -1px; + right: -2px; +} + +.custom-theme .el-tag .el-icon-close:hover { + background-color: #fff; + color: rgb(131, 139, 165); +} + +.custom-theme .el-tag--gray { + background-color: rgb(228, 230, 241); + border-color: rgb(228, 230, 241); + color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--gray .el-tag__close:hover { + background-color: rgb(72, 81, 106); + color: #fff; +} + +.custom-theme .el-tag--gray.is-hit { + border-color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--primary { + background-color: rgba(7, 48, 105, 0.1); + border-color: rgba(7, 48, 105, 0.2); + color: #073069; +} + +.custom-theme .el-tag--primary .el-tag__close:hover { + background-color: #073069; + color: #fff; +} + +.custom-theme .el-tag--primary.is-hit { + border-color: #073069; +} + +.custom-theme .el-tag--success { + background-color: rgba(18,206,102,0.10); + border-color: rgba(18,206,102,0.20); + color: #00643b; +} + +.custom-theme .el-tag--success .el-tag__close:hover { + background-color: #00643b; + color: #fff; +} + +.custom-theme .el-tag--success.is-hit { + border-color: #00643b; +} + +.custom-theme .el-tag--warning { + background-color: rgba(247,186,41,0.10); + border-color: rgba(247,186,41,0.20); + color: #f56a00; +} + +.custom-theme .el-tag--warning .el-tag__close:hover { + background-color: #f56a00; + color: #fff; +} + +.custom-theme .el-tag--warning.is-hit { + border-color: #f56a00; +} + +.custom-theme .el-tag--danger { + background-color: rgba(255,73,73,0.10); + border-color: rgba(255,73,73,0.20); + color: #ffbf00; +} + +.custom-theme .el-tag--danger .el-tag__close:hover { + background-color: #ffbf00; + color: #fff; +} + +.custom-theme .el-tag--danger.is-hit { + border-color: #ffbf00; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-table-column--selection .cell { + padding-left: 14px; + padding-right: 14px; +} + +.custom-theme .el-table-filter { + border: solid 1px rgb(209, 215, 229); + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); + box-sizing: border-box; + margin: 2px 0; + /** used for dropdown mode */ +} + +.custom-theme .el-table-filter__list { + padding: 5px 0; + margin: 0; + list-style: none; + min-width: 100px; +} + +.custom-theme .el-table-filter__list-item { + line-height: 36px; + padding: 0 10px; + cursor: pointer; + font-size: 14px; +} + +.custom-theme .el-table-filter__list-item:hover { + background-color: rgb(228, 230, 241); + color: rgb(72, 81, 106); +} + +.custom-theme .el-table-filter__list-item.is-active { + background-color: #073069; + color: #fff; +} + +.custom-theme .el-table-filter__content { + min-width: 100px; +} + +.custom-theme .el-table-filter__bottom { + border-top: 1px solid rgb(209, 215, 229); + padding: 8px; +} + +.custom-theme .el-table-filter__bottom button { + background: transparent; + border: none; + color: rgb(131, 139, 165); + cursor: pointer; + font-size: 14px; + padding: 0 3px; +} + +.custom-theme .el-table-filter__bottom button:hover { + color: #073069; +} + +.custom-theme .el-table-filter__bottom button:focus { + outline: none; +} + +.custom-theme .el-table-filter__bottom button.is-disabled { + color: rgb(191, 199, 217); + cursor: not-allowed; +} + +.custom-theme .el-table-filter__checkbox-group { + padding: 10px; +} + +.custom-theme .el-table-filter__checkbox-group .el-checkbox { + display: block; + margin-bottom: 8px; + margin-left: 5px; +} + +.custom-theme .el-table-filter__checkbox-group .el-checkbox:last-child { + margin-bottom: 0; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-date-table { + font-size: 12px; + min-width: 224px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.custom-theme .el-date-table td { + width: 32px; + height: 32px; + box-sizing: border-box; + text-align: center; + cursor: pointer; +} + +.custom-theme .el-date-table td.next-month, +.custom-theme .el-date-table td.prev-month { + color: #ddd; +} + +.custom-theme .el-date-table td.today { + color: #073069; + position: relative; +} + +.custom-theme .el-date-table td.today:before { + content: " "; + position: absolute; + top: 0px; + right: 0px; + width: 0; + height: 0; + border-top: 0.5em solid #073069; + border-left: .5em solid transparent; +} + +.custom-theme .el-date-table td.available:hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-date-table td.in-range { + background-color: rgb(205, 214, 225); +} + +.custom-theme .el-date-table td.in-range:hover { + background-color: rgb(166, 180, 201); +} + +.custom-theme .el-date-table td.current:not(.disabled), +.custom-theme .el-date-table td.start-date, +.custom-theme .el-date-table td.end-date { + background-color: #073069 !important; + color: #fff; +} + +.custom-theme .el-date-table td.disabled { + background-color: #f4f4f4; + opacity: 1; + cursor: not-allowed; + color: #ccc; +} + +.custom-theme .el-date-table td.week { + font-size: 80%; + color: rgb(131, 139, 165); +} + +.custom-theme .el-date-table th { + padding: 5px; + color: rgb(131, 139, 165); + font-weight: 400; +} + + + +.custom-theme .el-date-table.is-week-mode .el-date-table__row:hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-date-table.is-week-mode .el-date-table__row.current { + background-color: rgb(205, 214, 225); +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-month-table { + font-size: 12px; + margin: -1px; + border-collapse: collapse; +} + +.custom-theme .el-month-table td { + text-align: center; + padding: 20px 3px; + cursor: pointer; +} + +.custom-theme .el-month-table td .cell { + width: 48px; + height: 32px; + display: block; + line-height: 32px; + color: rgb(72, 81, 106); +} + +.custom-theme .el-month-table td .cell:hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-month-table td.disabled .cell { + background-color: #f4f4f4; + cursor: not-allowed; + color: #ccc; +} + +.custom-theme .el-month-table td.current:not(.disabled) .cell { + background-color: #073069 !important; + color: #fff; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-year-table { + font-size: 12px; + margin: -1px; + border-collapse: collapse; +} + +.custom-theme .el-year-table .el-icon { + color: rgb(151, 161, 190); +} + +.custom-theme .el-year-table td { + text-align: center; + padding: 20px 3px; + cursor: pointer; +} + +.custom-theme .el-year-table td .cell { + width: 48px; + height: 32px; + display: block; + line-height: 32px; + color: rgb(72, 81, 106); +} + +.custom-theme .el-year-table td .cell:hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-year-table td.disabled .cell { + background-color: #f4f4f4; + cursor: not-allowed; + color: #ccc; +} + +.custom-theme .el-year-table td.current:not(.disabled) .cell { + background-color: #073069 !important; + color: #fff; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper { + width: 33%; +} + +.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { + padding-bottom: 15px; +} + +.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) { + margin-left: 1%; +} + +.custom-theme .el-time-spinner__wrapper { + max-height: 190px; + overflow: auto; + display: inline-block; + width: 50%; + vertical-align: top; + position: relative; +} + +.custom-theme .el-time-spinner__list { + padding: 0; + margin: 0; + list-style: none; + text-align: center; +} + +.custom-theme .el-time-spinner__list::after, +.custom-theme .el-time-spinner__list::before { + content: ''; + display: block; + width: 100%; + height: 80px; +} + +.custom-theme .el-time-spinner__item { + height: 32px; + line-height: 32px; + font-size: 12px; +} + +.custom-theme .el-time-spinner__item:hover:not(.disabled):not(.active) { + background: rgb(228, 230, 241); + cursor: pointer; +} + +.custom-theme .el-time-spinner__item.active:not(.disabled) { + color: #fff; +} + +.custom-theme .el-time-spinner__item.disabled { + color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .fade-in-linear-enter-active, +.custom-theme .fade-in-linear-leave-active { + transition: opacity 200ms linear; +} + +.custom-theme .fade-in-linear-enter, +.custom-theme .fade-in-linear-leave, +.custom-theme .fade-in-linear-leave-active { + opacity: 0; +} + +.custom-theme .el-fade-in-enter-active, +.custom-theme .el-fade-in-leave-active { + transition: all .3s cubic-bezier(.55,0,.1,1); +} + +.custom-theme .el-fade-in-enter, +.custom-theme .el-fade-in-leave-active { + opacity: 0; +} + +.custom-theme .el-zoom-in-center-enter-active, +.custom-theme .el-zoom-in-center-leave-active { + transition: all .3s cubic-bezier(.55,0,.1,1); +} + +.custom-theme .el-zoom-in-center-enter, +.custom-theme .el-zoom-in-center-leave-active { + opacity: 0; + transform: scaleX(0); +} + +.custom-theme .el-zoom-in-top-enter-active, +.custom-theme .el-zoom-in-top-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + transform-origin: center top; +} + +.custom-theme .el-zoom-in-top-enter, +.custom-theme .el-zoom-in-top-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.custom-theme .el-zoom-in-bottom-enter-active, +.custom-theme .el-zoom-in-bottom-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + transform-origin: center bottom; +} + +.custom-theme .el-zoom-in-bottom-enter, +.custom-theme .el-zoom-in-bottom-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.custom-theme .collapse-transition { + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.custom-theme .list-enter-active, +.custom-theme .list-leave-active { + transition: all 1s; +} + +.custom-theme .list-enter, +.custom-theme .list-leave-active { + opacity: 0; + transform: translateY(-30px); +} + +.custom-theme .el-date-editor { + position: relative; + display: inline-block; +} + +.custom-theme .el-date-editor .el-picker-panel { + position: absolute; + min-width: 180px; + box-sizing: border-box; + box-shadow: 0 2px 6px #ccc; + background: #fff; + z-index: 10; + top: 41px; +} + +.custom-theme .el-date-editor.el-input { + width: 193px; +} + + + +.custom-theme .el-date-editor--daterange.el-input { + width: 220px; +} + + + +.custom-theme .el-date-editor--datetimerange.el-input { + width: 350px; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-picker-panel { + color: rgb(72, 81, 106); + border: 1px solid rgb(209, 215, 229); + box-shadow: 0 2px 6px #ccc; + background: #fff; + border-radius: 2px; + line-height: 20px; + margin: 5px 0; +} + + + +.custom-theme .el-picker-panel__body::after, +.custom-theme .el-picker-panel__body-wrapper::after { + content: ""; + display: table; + clear: both; +} + +.custom-theme .el-picker-panel__content { + position: relative; + margin: 15px; +} + +.custom-theme .el-picker-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + text-align: right; + background-color: #fff; + position: relative; +} + +.custom-theme .el-picker-panel__shortcut { + display: block; + width: 100%; + border: 0; + background-color: transparent; + line-height: 28px; + font-size: 14px; + color: rgb(72, 81, 106); + padding-left: 12px; + text-align: left; + outline: none; + cursor: pointer; +} + +.custom-theme .el-picker-panel__shortcut:hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #073069; +} + +.custom-theme .el-picker-panel__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: none; + font-size: 12px; +} + +.custom-theme .el-picker-panel__btn[disabled] { + color: #cccccc; + cursor: not-allowed; +} + +.custom-theme .el-picker-panel__icon-btn { + font-size: 12px; + color: rgb(151, 161, 190); + border: 0; + background: transparent; + cursor: pointer; + outline: none; + margin-top: 3px; +} + +.custom-theme .el-picker-panel__icon-btn:hover { + color: #073069; +} + +.custom-theme .el-picker-panel__link-btn { + cursor: pointer; + color: #073069; + text-decoration: none; + padding: 15px; + font-size: 12px; +} + +.custom-theme .el-picker-panel *[slot=sidebar], +.custom-theme .el-picker-panel__sidebar { + position: absolute; + top: 0; + bottom: 0; + width: 110px; + border-right: 1px solid #e4e4e4; + box-sizing: border-box; + padding-top: 6px; + background-color: rgb(250, 251, 252); +} + +.custom-theme .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, +.custom-theme .el-picker-panel__sidebar + .el-picker-panel__body { + margin-left: 110px; +} + +.custom-theme .el-date-picker { + min-width: 254px; +} + +.custom-theme .el-date-picker .el-picker-panel__content { + min-width: 224px; +} + +.custom-theme .el-date-picker table { + table-layout: fixed; + width: 100%; +} + +.custom-theme .el-date-picker.has-sidebar.has-time { + min-width: 434px; +} + +.custom-theme .el-date-picker.has-sidebar { + min-width: 370px; +} + +.custom-theme .el-date-picker.has-time { + min-width: 324px; +} + +.custom-theme .el-date-picker__editor-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} + +.custom-theme .el-date-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px 5px; + display: table; + width: 100%; + box-sizing: border-box; +} + +.custom-theme .el-date-picker__header { + margin: 12px; + text-align: center; +} + +.custom-theme .el-date-picker__header-label { + font-size: 14px; + padding: 0 5px; + line-height: 22px; + text-align: center; + cursor: pointer; +} + +.custom-theme .el-date-picker__header-label:hover { + color: #073069; +} + +.custom-theme .el-date-picker__header-label.active { + color: #073069; +} + +.custom-theme .el-date-picker__prev-btn { + float: left; +} + +.custom-theme .el-date-picker__next-btn { + float: right; +} + +.custom-theme .el-date-picker__time-wrap { + padding: 10px; + text-align: center; +} + +.custom-theme .el-date-picker__time-label { + float: left; + cursor: pointer; + line-height: 30px; + margin-left: 10px; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-date-range-picker { + min-width: 520px; +} + +.custom-theme .el-date-range-picker table { + table-layout: fixed; + width: 100%; +} + +.custom-theme .el-date-range-picker .el-picker-panel__body { + min-width: 513px; +} + +.custom-theme .el-date-range-picker .el-picker-panel__content { + margin: 0; +} + +.custom-theme .el-date-range-picker.has-sidebar.has-time { + min-width: 766px; +} + +.custom-theme .el-date-range-picker.has-sidebar { + min-width: 620px; +} + +.custom-theme .el-date-range-picker.has-time { + min-width: 660px; +} + +.custom-theme .el-date-range-picker__header { + position: relative; + text-align: center; + height: 28px; +} + +.custom-theme .el-date-range-picker__header button { + float: left; +} + +.custom-theme .el-date-range-picker__header div { + font-size: 14px; + margin-right: 50px; +} + +.custom-theme .el-date-range-picker__content { + float: left; + width: 50%; + box-sizing: border-box; + margin: 0; + padding: 16px; +} + +.custom-theme .el-date-range-picker__content.is-right .el-date-range-picker__header button { + float: right; +} + +.custom-theme .el-date-range-picker__content.is-right .el-date-range-picker__header div { + margin-left: 50px; + margin-right: 50px; +} + +.custom-theme .el-date-range-picker__content.is-left { + border-right: 1px solid #e4e4e4; +} + +.custom-theme .el-date-range-picker__editors-wrap { + box-sizing: border-box; + display: table-cell; +} + +.custom-theme .el-date-range-picker__editors-wrap.is-right { + text-align: right; +} + +.custom-theme .el-date-range-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px 5px; + display: table; + width: 100%; + box-sizing: border-box; +} + +.custom-theme .el-date-range-picker__time-header > .el-icon-arrow-right { + font-size: 20px; + vertical-align: middle; + display: table-cell; + color: rgb(151, 161, 190); +} + +.custom-theme .el-date-range-picker__time-picker-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} + +.custom-theme .el-date-range-picker__time-picker-wrap .el-picker-panel { + position: absolute; + top: 13px; + right: 0; + z-index: 1; + background: #fff; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-time-range-picker { + min-width: 354px; + overflow: visible; +} + +.custom-theme .el-time-range-picker__content { + position: relative; + text-align: center; + padding: 10px; +} + +.custom-theme .el-time-range-picker__cell { + box-sizing: border-box; + margin: 0; + padding: 4px 7px 7px; + width: 50%; + display: inline-block; +} + +.custom-theme .el-time-range-picker__header { + margin-bottom: 5px; + text-align: center; + font-size: 14px; +} + +.custom-theme .el-time-range-picker__body { + border-radius: 2px; + border: 1px solid rgb(209, 215, 229); +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-time-panel { + margin: 5px 0; + border: solid 1px rgb(209, 215, 229); + background-color: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); + border-radius: 2px; + position: absolute; + width: 180px; + left: 0; + z-index: 1000; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.custom-theme .el-time-panel__content { + font-size: 0; + position: relative; + overflow: hidden; +} + +.custom-theme .el-time-panel__content::after, +.custom-theme .el-time-panel__content::before { + content: ":"; + top: 50%; + color: #fff; + position: absolute; + font-size: 14px; + margin-top: -15px; + line-height: 16px; + background-color: #073069; + height: 32px; + z-index: -1; + left: 0; + right: 0; + box-sizing: border-box; + padding-top: 6px; + text-align: left; +} + +.custom-theme .el-time-panel__content::after { + left: 50%; + margin-left: -2px; +} + +.custom-theme .el-time-panel__content::before { + padding-left: 50%; + margin-right: -2px; +} + + + +.custom-theme .el-time-panel__content.has-seconds::after { + left: 66.66667%; +} + +.custom-theme .el-time-panel__content.has-seconds::before { + padding-left: 33.33333%; +} + +.custom-theme .el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + box-sizing: border-box; +} + +.custom-theme .el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: none; + font-size: 12px; + color: rgb(131, 139, 165); +} + +.custom-theme .el-time-panel__btn.confirm { + font-weight: 800; + color: #073069; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-scrollbar { + overflow: hidden; + position: relative; +} + +.custom-theme .el-scrollbar:hover .el-scrollbar__bar, +.custom-theme .el-scrollbar:active .el-scrollbar__bar, +.custom-theme .el-scrollbar:focus .el-scrollbar__bar { + opacity: 1; + transition: opacity 340ms ease-out; +} + +.custom-theme .el-scrollbar__wrap { + overflow: scroll; +} + + + +.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} + +.custom-theme .el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(151, 161, 190, 0.3); + transition: .3s background-color; +} + +.custom-theme .el-scrollbar__thumb:hover { + background-color: rgba(151, 161, 190, 0.5); +} + +.custom-theme .el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + transition: opacity 120ms ease-out; +} + +.custom-theme .el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} + +.custom-theme .el-scrollbar__bar.is-horizontal > div { + height: 100%; +} + +.custom-theme .el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} + +.custom-theme .el-scrollbar__bar.is-vertical > div { + width: 100%; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .fade-in-linear-enter-active, +.custom-theme .fade-in-linear-leave-active { + transition: opacity 200ms linear; +} + +.custom-theme .fade-in-linear-enter, +.custom-theme .fade-in-linear-leave, +.custom-theme .fade-in-linear-leave-active { + opacity: 0; +} + +.custom-theme .el-fade-in-enter-active, +.custom-theme .el-fade-in-leave-active { + transition: all .3s cubic-bezier(.55,0,.1,1); +} + +.custom-theme .el-fade-in-enter, +.custom-theme .el-fade-in-leave-active { + opacity: 0; +} + +.custom-theme .el-zoom-in-center-enter-active, +.custom-theme .el-zoom-in-center-leave-active { + transition: all .3s cubic-bezier(.55,0,.1,1); +} + +.custom-theme .el-zoom-in-center-enter, +.custom-theme .el-zoom-in-center-leave-active { + opacity: 0; + transform: scaleX(0); +} + +.custom-theme .el-zoom-in-top-enter-active, +.custom-theme .el-zoom-in-top-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + transform-origin: center top; +} + +.custom-theme .el-zoom-in-top-enter, +.custom-theme .el-zoom-in-top-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.custom-theme .el-zoom-in-bottom-enter-active, +.custom-theme .el-zoom-in-bottom-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + transform-origin: center bottom; +} + +.custom-theme .el-zoom-in-bottom-enter, +.custom-theme .el-zoom-in-bottom-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.custom-theme .collapse-transition { + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.custom-theme .list-enter-active, +.custom-theme .list-leave-active { + transition: all 1s; +} + +.custom-theme .list-enter, +.custom-theme .list-leave-active { + opacity: 0; + transform: translateY(-30px); +} + +.custom-theme .el-date-editor { + position: relative; + display: inline-block; +} + +.custom-theme .el-date-editor .el-picker-panel { + position: absolute; + min-width: 180px; + box-sizing: border-box; + box-shadow: 0 2px 6px #ccc; + background: #fff; + z-index: 10; + top: 41px; +} + +.custom-theme .el-date-editor.el-input { + width: 193px; +} + + + +.custom-theme .el-date-editor--daterange.el-input { + width: 220px; +} + + + +.custom-theme .el-date-editor--datetimerange.el-input { + width: 350px; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-picker-panel { + color: rgb(72, 81, 106); + border: 1px solid rgb(209, 215, 229); + box-shadow: 0 2px 6px #ccc; + background: #fff; + border-radius: 2px; + line-height: 20px; + margin: 5px 0; +} + + + +.custom-theme .el-picker-panel__body::after, +.custom-theme .el-picker-panel__body-wrapper::after { + content: ""; + display: table; + clear: both; +} + +.custom-theme .el-picker-panel__content { + position: relative; + margin: 15px; +} + +.custom-theme .el-picker-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + text-align: right; + background-color: #fff; + position: relative; +} + +.custom-theme .el-picker-panel__shortcut { + display: block; + width: 100%; + border: 0; + background-color: transparent; + line-height: 28px; + font-size: 14px; + color: rgb(72, 81, 106); + padding-left: 12px; + text-align: left; + outline: none; + cursor: pointer; +} + +.custom-theme .el-picker-panel__shortcut:hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: #073069; +} + +.custom-theme .el-picker-panel__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: none; + font-size: 12px; +} + +.custom-theme .el-picker-panel__btn[disabled] { + color: #cccccc; + cursor: not-allowed; +} + +.custom-theme .el-picker-panel__icon-btn { + font-size: 12px; + color: rgb(151, 161, 190); + border: 0; + background: transparent; + cursor: pointer; + outline: none; + margin-top: 3px; +} + +.custom-theme .el-picker-panel__icon-btn:hover { + color: #073069; +} + +.custom-theme .el-picker-panel__link-btn { + cursor: pointer; + color: #073069; + text-decoration: none; + padding: 15px; + font-size: 12px; +} + +.custom-theme .el-picker-panel *[slot=sidebar], +.custom-theme .el-picker-panel__sidebar { + position: absolute; + top: 0; + bottom: 0; + width: 110px; + border-right: 1px solid #e4e4e4; + box-sizing: border-box; + padding-top: 6px; + background-color: rgb(250, 251, 252); +} + +.custom-theme .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, +.custom-theme .el-picker-panel__sidebar + .el-picker-panel__body { + margin-left: 110px; +} + +.custom-theme .el-date-picker { + min-width: 254px; +} + +.custom-theme .el-date-picker .el-picker-panel__content { + min-width: 224px; +} + +.custom-theme .el-date-picker table { + table-layout: fixed; + width: 100%; +} + +.custom-theme .el-date-picker.has-sidebar.has-time { + min-width: 434px; +} + +.custom-theme .el-date-picker.has-sidebar { + min-width: 370px; +} + +.custom-theme .el-date-picker.has-time { + min-width: 324px; +} + +.custom-theme .el-date-picker__editor-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} + +.custom-theme .el-date-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px 5px; + display: table; + width: 100%; + box-sizing: border-box; +} + +.custom-theme .el-date-picker__header { + margin: 12px; + text-align: center; +} + +.custom-theme .el-date-picker__header-label { + font-size: 14px; + padding: 0 5px; + line-height: 22px; + text-align: center; + cursor: pointer; +} + +.custom-theme .el-date-picker__header-label:hover { + color: #073069; +} + +.custom-theme .el-date-picker__header-label.active { + color: #073069; +} + +.custom-theme .el-date-picker__prev-btn { + float: left; +} + +.custom-theme .el-date-picker__next-btn { + float: right; +} + +.custom-theme .el-date-picker__time-wrap { + padding: 10px; + text-align: center; +} + +.custom-theme .el-date-picker__time-label { + float: left; + cursor: pointer; + line-height: 30px; + margin-left: 10px; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-scrollbar { + overflow: hidden; + position: relative; +} + +.custom-theme .el-scrollbar:hover .el-scrollbar__bar, +.custom-theme .el-scrollbar:active .el-scrollbar__bar, +.custom-theme .el-scrollbar:focus .el-scrollbar__bar { + opacity: 1; + transition: opacity 340ms ease-out; +} + +.custom-theme .el-scrollbar__wrap { + overflow: scroll; +} + + + +.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} + +.custom-theme .el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(151, 161, 190, 0.3); + transition: .3s background-color; +} + +.custom-theme .el-scrollbar__thumb:hover { + background-color: rgba(151, 161, 190, 0.5); +} + +.custom-theme .el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + transition: opacity 120ms ease-out; +} + +.custom-theme .el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} + +.custom-theme .el-scrollbar__bar.is-horizontal > div { + height: 100%; +} + +.custom-theme .el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} + +.custom-theme .el-scrollbar__bar.is-vertical > div { + width: 100%; +} + +.custom-theme .time-select { + margin: 5px 0; + min-width: 0; +} + +.custom-theme .time-select .el-picker-panel__content { + max-height: 200px; + margin: 0; +} + +.custom-theme .time-select-item { + padding: 8px 10px; + font-size: 14px; +} + +.custom-theme .time-select-item.selected:not(.disabled) { + background-color: #073069; + color: #fff; +} + +.custom-theme .time-select-item.selected:not(.disabled):hover { + background-color: #073069; +} + +.custom-theme .time-select-item.disabled { + color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .time-select-item:hover { + background-color: rgb(228, 230, 241); + cursor: pointer; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .fade-in-linear-enter-active, +.custom-theme .fade-in-linear-leave-active { + transition: opacity 200ms linear; +} + +.custom-theme .fade-in-linear-enter, +.custom-theme .fade-in-linear-leave, +.custom-theme .fade-in-linear-leave-active { + opacity: 0; +} + +.custom-theme .el-fade-in-enter-active, +.custom-theme .el-fade-in-leave-active { + transition: all .3s cubic-bezier(.55,0,.1,1); +} + +.custom-theme .el-fade-in-enter, +.custom-theme .el-fade-in-leave-active { + opacity: 0; +} + +.custom-theme .el-zoom-in-center-enter-active, +.custom-theme .el-zoom-in-center-leave-active { + transition: all .3s cubic-bezier(.55,0,.1,1); +} + +.custom-theme .el-zoom-in-center-enter, +.custom-theme .el-zoom-in-center-leave-active { + opacity: 0; + transform: scaleX(0); +} + +.custom-theme .el-zoom-in-top-enter-active, +.custom-theme .el-zoom-in-top-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + transform-origin: center top; +} + +.custom-theme .el-zoom-in-top-enter, +.custom-theme .el-zoom-in-top-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.custom-theme .el-zoom-in-bottom-enter-active, +.custom-theme .el-zoom-in-bottom-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + transform-origin: center bottom; +} + +.custom-theme .el-zoom-in-bottom-enter, +.custom-theme .el-zoom-in-bottom-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.custom-theme .collapse-transition { + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.custom-theme .list-enter-active, +.custom-theme .list-leave-active { + transition: all 1s; +} + +.custom-theme .list-enter, +.custom-theme .list-leave-active { + opacity: 0; + transform: translateY(-30px); +} + +.custom-theme .el-date-editor { + position: relative; + display: inline-block; +} + +.custom-theme .el-date-editor .el-picker-panel { + position: absolute; + min-width: 180px; + box-sizing: border-box; + box-shadow: 0 2px 6px #ccc; + background: #fff; + z-index: 10; + top: 41px; +} + +.custom-theme .el-date-editor.el-input { + width: 193px; +} + + + +.custom-theme .el-date-editor--daterange.el-input { + width: 220px; +} + + + +.custom-theme .el-date-editor--datetimerange.el-input { + width: 350px; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper { + width: 33%; +} + +.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { + padding-bottom: 15px; +} + +.custom-theme .el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) { + margin-left: 1%; +} + +.custom-theme .el-time-spinner__wrapper { + max-height: 190px; + overflow: auto; + display: inline-block; + width: 50%; + vertical-align: top; + position: relative; +} + +.custom-theme .el-time-spinner__list { + padding: 0; + margin: 0; + list-style: none; + text-align: center; +} + +.custom-theme .el-time-spinner__list::after, +.custom-theme .el-time-spinner__list::before { + content: ''; + display: block; + width: 100%; + height: 80px; +} + +.custom-theme .el-time-spinner__item { + height: 32px; + line-height: 32px; + font-size: 12px; +} + +.custom-theme .el-time-spinner__item:hover:not(.disabled):not(.active) { + background: rgb(228, 230, 241); + cursor: pointer; +} + +.custom-theme .el-time-spinner__item.active:not(.disabled) { + color: #fff; +} + +.custom-theme .el-time-spinner__item.disabled { + color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-time-panel { + margin: 5px 0; + border: solid 1px rgb(209, 215, 229); + background-color: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); + border-radius: 2px; + position: absolute; + width: 180px; + left: 0; + z-index: 1000; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.custom-theme .el-time-panel__content { + font-size: 0; + position: relative; + overflow: hidden; +} + +.custom-theme .el-time-panel__content::after, +.custom-theme .el-time-panel__content::before { + content: ":"; + top: 50%; + color: #fff; + position: absolute; + font-size: 14px; + margin-top: -15px; + line-height: 16px; + background-color: #073069; + height: 32px; + z-index: -1; + left: 0; + right: 0; + box-sizing: border-box; + padding-top: 6px; + text-align: left; +} + +.custom-theme .el-time-panel__content::after { + left: 50%; + margin-left: -2px; +} + +.custom-theme .el-time-panel__content::before { + padding-left: 50%; + margin-right: -2px; +} + + + +.custom-theme .el-time-panel__content.has-seconds::after { + left: 66.66667%; +} + +.custom-theme .el-time-panel__content.has-seconds::before { + padding-left: 33.33333%; +} + +.custom-theme .el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + box-sizing: border-box; +} + +.custom-theme .el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: none; + font-size: 12px; + color: rgb(131, 139, 165); +} + +.custom-theme .el-time-panel__btn.confirm { + font-weight: 800; + color: #073069; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-scrollbar { + overflow: hidden; + position: relative; +} + +.custom-theme .el-scrollbar:hover .el-scrollbar__bar, +.custom-theme .el-scrollbar:active .el-scrollbar__bar, +.custom-theme .el-scrollbar:focus .el-scrollbar__bar { + opacity: 1; + transition: opacity 340ms ease-out; +} + +.custom-theme .el-scrollbar__wrap { + overflow: scroll; +} + + + +.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} + +.custom-theme .el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(151, 161, 190, 0.3); + transition: .3s background-color; +} + +.custom-theme .el-scrollbar__thumb:hover { + background-color: rgba(151, 161, 190, 0.5); +} + +.custom-theme .el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + transition: opacity 120ms ease-out; +} + +.custom-theme .el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} + +.custom-theme .el-scrollbar__bar.is-horizontal > div { + height: 100%; +} + +.custom-theme .el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} + +.custom-theme .el-scrollbar__bar.is-vertical > div { + width: 100%; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-popover { + position: absolute; + background: #fff; + min-width: 150px; + border-radius: 2px; + border: 1px solid rgb(209, 215, 229); + padding: 10px; + z-index: 2000; + font-size: 12px; + box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), + 0px 0px 6px 0px rgba(0, 0, 0, .04); +} + +.custom-theme .el-popover .popper__arrow, +.custom-theme .el-popover .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.custom-theme .el-popover .popper__arrow { + border-width: 6px; +} + +.custom-theme .el-popover .popper__arrow::after { + content: " "; + border-width: 6px; +} + +.custom-theme .el-popover[x-placement^="top"] { + margin-bottom: 12px; +} + +.custom-theme .el-popover[x-placement^="top"] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: rgb(209, 215, 229); + border-bottom-width: 0; +} + +.custom-theme .el-popover[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0; +} + +.custom-theme .el-popover[x-placement^="bottom"] { + margin-top: 12px; +} + +.custom-theme .el-popover[x-placement^="bottom"] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: rgb(209, 215, 229); +} + +.custom-theme .el-popover[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff; +} + +.custom-theme .el-popover[x-placement^="right"] { + margin-left: 12px; +} + +.custom-theme .el-popover[x-placement^="right"] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: rgb(209, 215, 229); + border-left-width: 0; +} + +.custom-theme .el-popover[x-placement^="right"] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0; +} + +.custom-theme .el-popover[x-placement^="left"] { + margin-right: 12px; +} + +.custom-theme .el-popover[x-placement^="left"] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: rgb(209, 215, 229); +} + +.custom-theme .el-popover[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff; +} + +.custom-theme .el-popover__title { + color: rgb(31, 40, 61); + font-size: 13px; + line-height: 1; + margin-bottom: 9px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-tooltip__popper { + position: absolute; + border-radius: 4px; + padding: 10px; + z-index: 2000; + font-size: 12px; + line-height: 1.2; +} + +.custom-theme .el-tooltip__popper .popper__arrow, +.custom-theme .el-tooltip__popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.custom-theme .el-tooltip__popper .popper__arrow { + border-width: 6px; +} + +.custom-theme .el-tooltip__popper .popper__arrow::after { + content: " "; + border-width: 5px; +} + +.custom-theme .el-tooltip__popper[x-placement^="top"] { + margin-bottom: 12px; +} + +.custom-theme .el-tooltip__popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + border-top-color: rgb(31, 40, 61); + border-bottom-width: 0; +} + +.custom-theme .el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -5px; + border-top-color: rgb(31, 40, 61); + border-bottom-width: 0; +} + +.custom-theme .el-tooltip__popper[x-placement^="bottom"] { + margin-top: 12px; +} + +.custom-theme .el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + border-top-width: 0; + border-bottom-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper[x-placement^="right"] { + margin-left: 12px; +} + +.custom-theme .el-tooltip__popper[x-placement^="right"] .popper__arrow { + left: -6px; + border-right-color: rgb(31, 40, 61); + border-left-width: 0; +} + +.custom-theme .el-tooltip__popper[x-placement^="right"] .popper__arrow::after { + bottom: -5px; + left: 1px; + border-right-color: rgb(31, 40, 61); + border-left-width: 0; +} + +.custom-theme .el-tooltip__popper[x-placement^="left"] { + margin-right: 12px; +} + +.custom-theme .el-tooltip__popper[x-placement^="left"] .popper__arrow { + right: -6px; + border-right-width: 0; + border-left-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -5px; + margin-left: -5px; + border-right-width: 0; + border-left-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light { + background: #fff; + border: 1px solid rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { + border-top-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { + border-top-color: #fff; +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { + border-bottom-color: #fff; +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { + border-left-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { + border-left-color: #fff; +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { + border-right-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { + border-right-color: #fff; +} + +.custom-theme .el-tooltip__popper.is-dark { + background: rgb(31, 40, 61); + color: #fff; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .v-modal-enter { + animation: v-modal-in .2s ease; +} + +.custom-theme .v-modal-leave { + animation: v-modal-out .2s ease forwards; +} + +@keyframes v-modal-in { + 0% { + opacity: 0; + } + + 100% { + + } +} + +@keyframes v-modal-out { + 0% { + + } + + 100% { + opacity: 0; + } +} + +.custom-theme .v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + background: #000; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: none; + margin: 0; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} + +.custom-theme .el-button + .el-button { + margin-left: 10px; +} + +.custom-theme .el-button:hover, +.custom-theme .el-button:focus { + color: #073069; + border-color: #073069; +} + +.custom-theme .el-button:active { + color: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button::-moz-focus-inner { + border: 0; +} + + + +.custom-theme .el-button [class*="el-icon-"] + span { + margin-left: 5px; +} + +.custom-theme .el-button.is-loading { + position: relative; + pointer-events: none; +} + +.custom-theme .el-button.is-loading:before { + pointer-events: none; + content: ''; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255,255,255,.35); +} + + + +.custom-theme .el-button.is-disabled, +.custom-theme .el-button.is-disabled:hover, +.custom-theme .el-button.is-disabled:focus { + color: rgb(191, 199, 217); + cursor: not-allowed; + background-image: none; + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); +} + +.custom-theme .el-button.is-disabled.el-button--text { + background-color: transparent; +} + + + +.custom-theme .el-button.is-disabled.is-plain, +.custom-theme .el-button.is-disabled.is-plain:hover, +.custom-theme .el-button.is-disabled.is-plain:focus { + background-color: #fff; + border-color: rgb(209, 215, 229); + color: rgb(191, 199, 217); +} + +.custom-theme .el-button.is-active { + color: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); +} + + + +.custom-theme .el-button.is-plain:hover, +.custom-theme .el-button.is-plain:focus { + background: #fff; + border-color: #073069; + color: #073069; +} + +.custom-theme .el-button.is-plain:active { + background: #fff; + border-color: rgb(6, 43, 95); + color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button--primary { + color: #fff; + background-color: #073069; + border-color: #073069; +} + +.custom-theme .el-button--primary:hover, +.custom-theme .el-button--primary:focus { + background: rgb(57, 89, 135); + border-color: rgb(57, 89, 135); + color: #fff; +} + +.custom-theme .el-button--primary:active { + background: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + color: #fff; + outline: none; +} + +.custom-theme .el-button--primary.is-active { + background: rgb(6, 43, 95); + border-color: rgb(6, 43, 95); + color: #fff; +} + +.custom-theme .el-button--primary.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--primary.is-plain:hover, +.custom-theme .el-button--primary.is-plain:focus { + background: #fff; + border-color: #073069; + color: #073069; +} + +.custom-theme .el-button--primary.is-plain:active { + background: #fff; + border-color: rgb(6, 43, 95); + color: rgb(6, 43, 95); + outline: none; +} + +.custom-theme .el-button--success { + color: #fff; + background-color: #00643b; + border-color: #00643b; +} + +.custom-theme .el-button--success:hover, +.custom-theme .el-button--success:focus { + background: rgb(51, 131, 98); + border-color: rgb(51, 131, 98); + color: #fff; +} + +.custom-theme .el-button--success:active { + background: rgb(0, 90, 53); + border-color: rgb(0, 90, 53); + color: #fff; + outline: none; +} + +.custom-theme .el-button--success.is-active { + background: rgb(0, 90, 53); + border-color: rgb(0, 90, 53); + color: #fff; +} + +.custom-theme .el-button--success.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--success.is-plain:hover, +.custom-theme .el-button--success.is-plain:focus { + background: #fff; + border-color: #00643b; + color: #00643b; +} + +.custom-theme .el-button--success.is-plain:active { + background: #fff; + border-color: rgb(0, 90, 53); + color: rgb(0, 90, 53); + outline: none; +} + +.custom-theme .el-button--warning { + color: #fff; + background-color: #f56a00; + border-color: #f56a00; +} + +.custom-theme .el-button--warning:hover, +.custom-theme .el-button--warning:focus { + background: rgb(247, 136, 51); + border-color: rgb(247, 136, 51); + color: #fff; +} + +.custom-theme .el-button--warning:active { + background: rgb(221, 95, 0); + border-color: rgb(221, 95, 0); + color: #fff; + outline: none; +} + +.custom-theme .el-button--warning.is-active { + background: rgb(221, 95, 0); + border-color: rgb(221, 95, 0); + color: #fff; +} + +.custom-theme .el-button--warning.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--warning.is-plain:hover, +.custom-theme .el-button--warning.is-plain:focus { + background: #fff; + border-color: #f56a00; + color: #f56a00; +} + +.custom-theme .el-button--warning.is-plain:active { + background: #fff; + border-color: rgb(221, 95, 0); + color: rgb(221, 95, 0); + outline: none; +} + +.custom-theme .el-button--danger { + color: #fff; + background-color: #ffbf00; + border-color: #ffbf00; +} + +.custom-theme .el-button--danger:hover, +.custom-theme .el-button--danger:focus { + background: rgb(255, 204, 51); + border-color: rgb(255, 204, 51); + color: #fff; +} + +.custom-theme .el-button--danger:active { + background: rgb(230, 172, 0); + border-color: rgb(230, 172, 0); + color: #fff; + outline: none; +} + +.custom-theme .el-button--danger.is-active { + background: rgb(230, 172, 0); + border-color: rgb(230, 172, 0); + color: #fff; +} + +.custom-theme .el-button--danger.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--danger.is-plain:hover, +.custom-theme .el-button--danger.is-plain:focus { + background: #fff; + border-color: #ffbf00; + color: #ffbf00; +} + +.custom-theme .el-button--danger.is-plain:active { + background: #fff; + border-color: rgb(230, 172, 0); + color: rgb(230, 172, 0); + outline: none; +} + +.custom-theme .el-button--info { + color: #fff; + background-color: #00a2ae; + border-color: #00a2ae; +} + +.custom-theme .el-button--info:hover, +.custom-theme .el-button--info:focus { + background: rgb(51, 181, 190); + border-color: rgb(51, 181, 190); + color: #fff; +} + +.custom-theme .el-button--info:active { + background: rgb(0, 146, 157); + border-color: rgb(0, 146, 157); + color: #fff; + outline: none; +} + +.custom-theme .el-button--info.is-active { + background: rgb(0, 146, 157); + border-color: rgb(0, 146, 157); + color: #fff; +} + +.custom-theme .el-button--info.is-plain { + background: #fff; + border: 1px solid rgb(191, 199, 217); + color: rgb(31, 40, 61); +} + +.custom-theme .el-button--info.is-plain:hover, +.custom-theme .el-button--info.is-plain:focus { + background: #fff; + border-color: #00a2ae; + color: #00a2ae; +} + +.custom-theme .el-button--info.is-plain:active { + background: #fff; + border-color: rgb(0, 146, 157); + color: rgb(0, 146, 157); + outline: none; +} + +.custom-theme .el-button--large { + padding: 11px 19px; + font-size: 16px; + border-radius: 4px; +} + +.custom-theme .el-button--small { + padding: 7px 9px; + font-size: 12px; + border-radius: 4px; +} + +.custom-theme .el-button--mini { + padding: 4px 4px; + font-size: 12px; + border-radius: 4px; +} + +.custom-theme .el-button--text { + border: none; + color: #073069; + background: transparent; + padding-left: 0; + padding-right: 0; +} + +.custom-theme .el-button--text:hover, +.custom-theme .el-button--text:focus { + color: rgb(57, 89, 135); +} + +.custom-theme .el-button--text:active { + color: rgb(6, 43, 95); +} + +.custom-theme .el-button-group { + display: inline-block; + vertical-align: middle; +} + + + +.custom-theme .el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + + + +.custom-theme .el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +.custom-theme .el-button-group .el-button { + float: left; + position: relative; +} + +.custom-theme .el-button-group .el-button + .el-button { + margin-left: 0; +} + +.custom-theme .el-button-group .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-button-group .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-button-group .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.custom-theme .el-button-group .el-button:not(:last-child) { + margin-right: -1px; +} + +.custom-theme .el-button-group .el-button:hover, +.custom-theme .el-button-group .el-button:focus, +.custom-theme .el-button-group .el-button:active { + z-index: 1; +} + +.custom-theme .el-button-group .el-button.is-active { + z-index: 1; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-message-box { + text-align: left; + display: inline-block; + vertical-align: middle; + background-color: #fff; + width: 420px; + border-radius: 3px; + font-size: 16px; + overflow: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.custom-theme .el-message-box__wrapper { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-align: center; +} + +.custom-theme .el-message-box__wrapper::after { + content: ""; + display: inline-block; + height: 100%; + width: 0; + vertical-align: middle; +} + +.custom-theme .el-message-box__header { + position: relative; + padding: 20px 20px 0; +} + +.custom-theme .el-message-box__content { + padding: 30px 20px; + color: rgb(72, 81, 106); + font-size: 14px; + position: relative; +} + +.custom-theme .el-message-box__close { + display: inline-block; + position: absolute; + top: 19px; + right: 20px; + color: #999; + cursor: pointer; + line-height: 20px; + text-align: center; +} + +.custom-theme .el-message-box__close:hover { + color: #073069; +} + +.custom-theme .el-message-box__input { + padding-top: 15px; +} + +.custom-theme .el-message-box__input input.invalid { + border-color: #ffbf00; +} + +.custom-theme .el-message-box__input input.invalid:focus { + border-color: #ffbf00; +} + +.custom-theme .el-message-box__errormsg { + color: #ffbf00; + font-size: 12px; + min-height: 18px; + margin-top: 2px; +} + +.custom-theme .el-message-box__title { + padding-left: 0; + margin-bottom: 0; + font-size: 16px; + font-weight: 700; + height: 18px; + color: #333; +} + +.custom-theme .el-message-box__message { + margin: 0; +} + +.custom-theme .el-message-box__message p { + margin: 0; + line-height: 1.4; +} + +.custom-theme .el-message-box__btns { + padding: 10px 20px 15px; + text-align: right; +} + +.custom-theme .el-message-box__btns button:nth-child(2) { + margin-left: 10px; +} + +.custom-theme .el-message-box__btns-reverse { + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +.custom-theme .el-message-box__status { + position: absolute; + top: 50%; + transform: translateY(-50%); + font-size: 36px !important; +} + +.custom-theme .el-message-box__status.el-icon-circle-check { + color: #00643b; +} + +.custom-theme .el-message-box__status.el-icon-information { + color: #00a2ae; +} + +.custom-theme .el-message-box__status.el-icon-warning { + color: #f56a00; +} + +.custom-theme .el-message-box__status.el-icon-circle-cross { + color: #ffbf00; +} + +.custom-theme .msgbox-fade-enter-active { + animation: msgbox-fade-in .3s; +} + +.custom-theme .msgbox-fade-leave-active { + animation: msgbox-fade-out .3s; +} + +@keyframes msgbox-fade-in { + 0% { + transform: translate3d(0, -20px, 0); + opacity: 0; + } + + 100% { + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes msgbox-fade-out { + 0% { + transform: translate3d(0, 0, 0); + opacity: 1; + } + + 100% { + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-breadcrumb { + font-size: 13px; + line-height: 1; +} + +.custom-theme .el-breadcrumb__separator { + margin: 0 8px; + color: rgb(191, 199, 217); +} + +.custom-theme .el-breadcrumb__item { + float: left; +} + + + +.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__item__inner, +.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover, +.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a, +.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover { + color: rgb(151, 161, 190); + cursor: text; +} + +.custom-theme .el-breadcrumb__item:last-child .el-breadcrumb__separator { + display: none; +} + + + +.custom-theme .el-breadcrumb__item__inner, +.custom-theme .el-breadcrumb__item__inner a { + transition: color .15s linear; + color: rgb(72, 81, 106); +} + +.custom-theme .el-breadcrumb__item__inner:hover, +.custom-theme .el-breadcrumb__item__inner a:hover { + color: #073069; + cursor: pointer; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + + + +.custom-theme .el-form--label-left .el-form-item__label { + text-align: left; +} + + + +.custom-theme .el-form--label-top .el-form-item__label { + float: none; + display: inline-block; + padding: 0 0 10px 0; +} + + + +.custom-theme .el-form--inline .el-form-item { + display: inline-block; + margin-right: 10px; + vertical-align: top; +} + +.custom-theme .el-form--inline .el-form-item__label { + float: none; + display: inline-block; +} + +.custom-theme .el-form--inline .el-form-item__content { + display: inline-block; + vertical-align: top; +} + +.custom-theme .el-form--inline.el-form--label-top .el-form-item__content { + display: block; +} + +.custom-theme .el-form-item { + margin-bottom: 22px; +} + +.custom-theme .el-form-item .el-form-item { + margin-bottom: 0; +} + +.custom-theme .el-form-item .el-form-item .el-form-item__content { + margin-left: 0 !important; +} + + + +.custom-theme .el-form-item.is-error .el-input-group__append .el-input__inner, +.custom-theme .el-form-item.is-error .el-input-group__prepend .el-input__inner, +.custom-theme .el-form-item.is-error .el-input__inner { + border-color: transparent; +} + +.custom-theme .el-form-item.is-error .el-input__inner, +.custom-theme .el-form-item.is-error .el-textarea__inner { + border-color: #ffbf00; +} + +.custom-theme .el-form-item.is-required .el-form-item__label:before { + content: '*'; + color: #ffbf00; + margin-right: 4px; +} + +.custom-theme .el-form-item__label { + text-align: right; + vertical-align: middle; + float: left; + font-size: 14px; + color: rgb(72, 81, 106); + line-height: 1; + padding: 11px 12px 11px 0; + box-sizing: border-box; +} + +.custom-theme .el-form-item__content { + line-height: 36px; + position: relative; + font-size: 14px; +} + +.custom-theme .el-form-item__error { + color: #ffbf00; + font-size: 12px; + line-height: 1; + padding-top: 4px; + position: absolute; + top: 100%; + left: 0; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-tabs__header { + border-bottom: 1px solid rgb(209, 215, 229); + padding: 0; + position: relative; + margin: 0 0 15px; +} + +.custom-theme .el-tabs__active-bar { + position: absolute; + bottom: 0; + left: 0; + height: 3px; + background-color: #073069; + z-index: 1; + transition: transform .3s cubic-bezier(.645,.045,.355,1); + list-style: none; +} + +.custom-theme .el-tabs__new-tab { + float: right; + border: 1px solid #d3dce6; + height: 18px; + width: 18px; + line-height: 18px; + margin: 12px 0 9px 10px; + border-radius: 3px; + text-align: center; + font-size: 12px; + color: #d3dce6; + cursor: pointer; + transition: all .15s; +} + +.custom-theme .el-tabs__new-tab .el-icon-plus { + transform: scale(0.8, 0.8); +} + +.custom-theme .el-tabs__new-tab:hover { + color: #073069; +} + +.custom-theme .el-tabs__nav-wrap { + overflow: hidden; + margin-bottom: -1px; + position: relative; +} + +.custom-theme .el-tabs__nav-wrap.is-scrollable { + padding: 0 15px; +} + +.custom-theme .el-tabs__nav-scroll { + overflow: hidden; +} + +.custom-theme .el-tabs__nav-next, +.custom-theme .el-tabs__nav-prev { + position: absolute; + cursor: pointer; + line-height: 44px; + font-size: 12px; + color: rgb(131, 139, 165); +} + +.custom-theme .el-tabs__nav-next { + right: 0; +} + +.custom-theme .el-tabs__nav-prev { + left: 0; +} + +.custom-theme .el-tabs__nav { + white-space: nowrap; + position: relative; + transition: transform .3s; + float: left; +} + +.custom-theme .el-tabs__item { + padding: 0 16px; + height: 42px; + box-sizing: border-box; + line-height: 42px; + display: inline-block; + list-style: none; + font-size: 14px; + color: rgb(131, 139, 165); + position: relative; +} + +.custom-theme .el-tabs__item .el-icon-close { + border-radius: 50%; + text-align: center; + transition: all .3s cubic-bezier(.645,.045,.355,1); + margin-left: 5px; +} + +.custom-theme .el-tabs__item .el-icon-close:before { + transform: scale(.7, .7); + display: inline-block; +} + +.custom-theme .el-tabs__item .el-icon-close:hover { + background-color: rgb(151, 161, 190); + color: #fff; +} + +.custom-theme .el-tabs__item:hover { + color: rgb(31, 40, 61); + cursor: pointer; +} + +.custom-theme .el-tabs__item.is-disabled { + color: #bbb; + cursor: default; +} + +.custom-theme .el-tabs__item.is-active { + color: #073069; +} + +.custom-theme .el-tabs__content { + overflow: hidden; + position: relative; +} + +.custom-theme .el-tabs--card > .el-tabs__header .el-tabs__active-bar { + display: none; +} + +.custom-theme .el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { + position: relative; + font-size: 12px; + width: 0; + height: 14px; + vertical-align: middle; + line-height: 15px; + overflow: hidden; + top: -1px; + right: -2px; + transform-origin: 100% 50%; +} + +.custom-theme .el-tabs--card > .el-tabs__header .el-tabs__item { + border: 1px solid transparent; + transition: all .3s cubic-bezier(.645,.045,.355,1); +} + + + +.custom-theme .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { + padding-right: 9px; + padding-left: 9px; +} + +.custom-theme .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { + width: 14px; +} + +.custom-theme .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { + border: 1px solid rgb(209, 215, 229); + border-bottom-color: #fff; + border-radius: 4px 4px 0 0; +} + +.custom-theme .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { + padding-right: 16px; + padding-left: 16px; +} + +.custom-theme .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { + width: 14px; +} + +.custom-theme .el-tabs--border-card { + background: #fff; + border: 1px solid rgb(209, 215, 229); + box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); +} + +.custom-theme .el-tabs--border-card >.el-tabs__content { + padding: 15px; +} + +.custom-theme .el-tabs--border-card >.el-tabs__header { + background-color: rgb(238, 240, 246); + margin: 0; +} + +.custom-theme .el-tabs--border-card >.el-tabs__header .el-tabs__item { + transition: all .3s cubic-bezier(.645,.045,.355,1); + border: 1px solid transparent; + border-top: 0; + margin-right: -1px; + margin-left: -1px; +} + +.custom-theme .el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active { + background-color: #fff; + border-right-color: rgb(209, 215, 229); + border-left-color: rgb(209, 215, 229); +} + +.custom-theme .el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active:first-child { + border-left-color: rgb(209, 215, 229); +} + +.custom-theme .el-tabs--border-card >.el-tabs__header .el-tabs__item.is-active:last-child { + border-right-color: rgb(209, 215, 229); +} + +.custom-theme .slideInRight-transition, +.custom-theme .slideInLeft-transition { + display: inline-block; +} + +.custom-theme .slideInRight-enter { + animation: slideInRight-enter .3s; +} + +.custom-theme .slideInRight-leave { + position: absolute; + left: 0; + right: 0; + animation: slideInRight-leave .3s; +} + +.custom-theme .slideInLeft-enter { + animation: slideInLeft-enter .3s; +} + +.custom-theme .slideInLeft-leave { + position: absolute; + left: 0; + right: 0; + animation: slideInLeft-leave .3s; +} + +@keyframes slideInRight-enter { + 0% { + opacity: 0; + transform-origin: 0 0; + transform: translateX(100%); + } + + to { + opacity: 1; + transform-origin: 0 0; + transform: translateX(0); + } +} + +@keyframes slideInRight-leave { + 0% { + transform-origin: 0 0; + transform: translateX(0); + opacity: 1; + } + + 100% { + transform-origin: 0 0; + transform: translateX(100%); + opacity: 0; + } +} + +@keyframes slideInLeft-enter { + 0% { + opacity: 0; + transform-origin: 0 0; + transform: translateX(-100%); + } + + to { + opacity: 1; + transform-origin: 0 0; + transform: translateX(0); + } +} + +@keyframes slideInLeft-leave { + 0% { + transform-origin: 0 0; + transform: translateX(0); + opacity: 1; + } + + 100% { + transform-origin: 0 0; + transform: translateX(-100%); + opacity: 0; + } +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-tag { + background-color: rgb(131, 139, 165); + display: inline-block; + padding: 0 5px; + height: 24px; + line-height: 22px; + font-size: 12px; + color: #fff; + border-radius: 4px; + box-sizing: border-box; + border: 1px solid transparent; + white-space: nowrap; +} + +.custom-theme .el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + transform: scale(.75, .75); + height: 18px; + width: 18px; + line-height: 18px; + vertical-align: middle; + top: -1px; + right: -2px; +} + +.custom-theme .el-tag .el-icon-close:hover { + background-color: #fff; + color: rgb(131, 139, 165); +} + +.custom-theme .el-tag--gray { + background-color: rgb(228, 230, 241); + border-color: rgb(228, 230, 241); + color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--gray .el-tag__close:hover { + background-color: rgb(72, 81, 106); + color: #fff; +} + +.custom-theme .el-tag--gray.is-hit { + border-color: rgb(72, 81, 106); +} + +.custom-theme .el-tag--primary { + background-color: rgba(7, 48, 105, 0.1); + border-color: rgba(7, 48, 105, 0.2); + color: #073069; +} + +.custom-theme .el-tag--primary .el-tag__close:hover { + background-color: #073069; + color: #fff; +} + +.custom-theme .el-tag--primary.is-hit { + border-color: #073069; +} + +.custom-theme .el-tag--success { + background-color: rgba(18,206,102,0.10); + border-color: rgba(18,206,102,0.20); + color: #00643b; +} + +.custom-theme .el-tag--success .el-tag__close:hover { + background-color: #00643b; + color: #fff; +} + +.custom-theme .el-tag--success.is-hit { + border-color: #00643b; +} + +.custom-theme .el-tag--warning { + background-color: rgba(247,186,41,0.10); + border-color: rgba(247,186,41,0.20); + color: #f56a00; +} + +.custom-theme .el-tag--warning .el-tag__close:hover { + background-color: #f56a00; + color: #fff; +} + +.custom-theme .el-tag--warning.is-hit { + border-color: #f56a00; +} + +.custom-theme .el-tag--danger { + background-color: rgba(255,73,73,0.10); + border-color: rgba(255,73,73,0.20); + color: #ffbf00; +} + +.custom-theme .el-tag--danger .el-tag__close:hover { + background-color: #ffbf00; + color: #fff; +} + +.custom-theme .el-tag--danger.is-hit { + border-color: #ffbf00; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-tree { + cursor: default; + background: #fff; + border: 1px solid rgb(209, 215, 229); +} + +.custom-theme .el-tree__empty-block { + position: relative; + min-height: 60px; + text-align: center; + width: 100%; + height: 100%; +} + +.custom-theme .el-tree__empty-text { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + color: rgb(94, 109, 130); +} + +.custom-theme .el-tree-node { + white-space: nowrap; +} + +.custom-theme .el-tree-node > .el-tree-node__children { + overflow: hidden; + background-color: transparent; +} + +.custom-theme .el-tree-node.is-expanded > .el-tree-node__children { + display: block; +} + +.custom-theme .el-tree-node__content { + line-height: 36px; + height: 36px; + cursor: pointer; +} + +.custom-theme .el-tree-node__content > .el-checkbox, +.custom-theme .el-tree-node__content > .el-tree-node__expand-icon { + margin-right: 8px; +} + +.custom-theme .el-tree-node__content > .el-checkbox { + vertical-align: middle; +} + +.custom-theme .el-tree-node__content:hover { + background: rgb(228, 230, 241); +} + +.custom-theme .el-tree-node__expand-icon { + display: inline-block; + cursor: pointer; + width: 0; + height: 0; + vertical-align: middle; + margin-left: 10px; + border: 6px solid transparent; + border-right-width: 0; + border-left-color: rgb(151, 161, 190); + border-left-width: 7px; + transform: rotate(0deg); + transition: transform 0.3s ease-in-out; +} + +.custom-theme .el-tree-node__expand-icon:hover { + border-left-color: #999; +} + +.custom-theme .el-tree-node__expand-icon.expanded { + transform: rotate(90deg); +} + +.custom-theme .el-tree-node__expand-icon.is-leaf { + border-color: transparent; + cursor: default; +} + +.custom-theme .el-tree-node__label { + font-size: 14px; + vertical-align: middle; + display: inline-block; +} + +.custom-theme .el-tree-node__loading-icon { + display: inline-block; + vertical-align: middle; + margin-right: 4px; + font-size: 14px; + color: rgb(151, 161, 190); +} + +.custom-theme .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { + background-color: rgb(235, 238, 243); +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-alert { + width: 100%; + padding: 8px 16px; + margin: 0; + box-sizing: border-box; + border-radius: 4px; + position: relative; + background-color: #fff; + overflow: hidden; + color: #fff; + opacity: 1; + display: table; + transition: opacity .2s; +} + +.custom-theme .el-alert .el-alert__description { + color: #fff; + font-size: 12px; + margin: 5px 0 0 0; +} + +.custom-theme .el-alert--success { + background-color: #00643b; +} + +.custom-theme .el-alert--info { + background-color: #00a2ae; +} + +.custom-theme .el-alert--warning { + background-color: #f56a00; +} + +.custom-theme .el-alert--error { + background-color: #ffbf00; +} + +.custom-theme .el-alert__content { + display: table-cell; + padding: 0 8px; +} + +.custom-theme .el-alert__icon { + font-size: 16px; + width: 16px; + display: table-cell; + color: #fff; + vertical-align: middle; +} + +.custom-theme .el-alert__icon.is-big { + font-size: 28px; + width: 28px; +} + +.custom-theme .el-alert__title { + font-size: 13px; + line-height: 18px; +} + +.custom-theme .el-alert__title.is-bold { + font-weight: 700; +} + +.custom-theme .el-alert__closebtn { + font-size: 12px; + color: #fff; + opacity: 1; + top: 12px; + right: 15px; + position: absolute; + cursor: pointer; +} + +.custom-theme .el-alert__closebtn.is-customed { + font-style: normal; + font-size: 13px; + top: 9px; +} + +.custom-theme .el-alert-fade-enter, +.custom-theme .el-alert-fade-leave-active { + opacity: 0; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-notification { + width: 330px; + padding: 20px; + box-sizing: border-box; + border-radius: 2px; + position: fixed; + right: 16px; + background-color: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); + transition: opacity 0.3s, transform .3s, right .3s, top 0.4s; + overflow: hidden; +} + +.custom-theme .el-notification .el-icon-circle-check { + color: #00643b; +} + +.custom-theme .el-notification .el-icon-circle-cross { + color: #ffbf00; +} + +.custom-theme .el-notification .el-icon-information { + color: #00a2ae; +} + +.custom-theme .el-notification .el-icon-warning { + color: #f56a00; +} + +.custom-theme .el-notification__group { + margin-left: 0; +} + +.custom-theme .el-notification__group.is-with-icon { + margin-left: 55px; +} + +.custom-theme .el-notification__title { + font-weight: 400; + font-size: 16px; + color: rgb(31, 40, 61); + margin: 0; +} + +.custom-theme .el-notification__content { + font-size: 14px; + line-height: 21px; + margin: 10px 0 0 0; + color: rgb(131, 139, 165); + text-align: justify; +} + +.custom-theme .el-notification__icon { + width: 40px; + height: 40px; + font-size: 40px; + float: left; + position: relative; + top: 3px; +} + +.custom-theme .el-notification__closeBtn { + top: 20px; + right: 20px; + position: absolute; + cursor: pointer; + color: rgb(191, 199, 217); + font-size: 14px; +} + +.custom-theme .el-notification__closeBtn:hover { + color: rgb(151, 161, 190); +} + +.custom-theme .el-notification-fade-enter { + transform: translateX(100%); + right: 0; +} + +.custom-theme .el-notification-fade-leave-active { + opacity: 0; +} + +@charset "UTF-8"; + +@charset "UTF-8"; + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input-number { + display: inline-block; + overflow: hidden; + width: 180px; + position: relative; +} + +.custom-theme .el-input-number .el-input { + display: block; +} + +.custom-theme .el-input-number .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding-right: 82px; +} + + + +.custom-theme .el-input-number.is-without-controls .el-input__inner { + padding-right: 10px; +} + +.custom-theme .el-input-number.is-disabled .el-input-number__increase, +.custom-theme .el-input-number.is-disabled .el-input-number__decrease { + border-color: rgb(209, 215, 229); + color: rgb(209, 215, 229); +} + +.custom-theme .el-input-number.is-disabled .el-input-number__increase:hover, +.custom-theme .el-input-number.is-disabled .el-input-number__decrease:hover { + color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .el-input-number__increase, +.custom-theme .el-input-number__decrease { + height: auto; + border-left: 1px solid rgb(191, 199, 217); + width: 36px; + line-height: 34px; + top: 1px; + text-align: center; + color: rgb(151, 161, 190); + cursor: pointer; + position: absolute; + z-index: 1; +} + +.custom-theme .el-input-number__increase:hover, +.custom-theme .el-input-number__decrease:hover { + color: #073069; +} + +.custom-theme .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), +.custom-theme .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { + border-color: #073069; +} + +.custom-theme .el-input-number__increase.is-disabled, +.custom-theme .el-input-number__decrease.is-disabled { + color: rgb(209, 215, 229); + cursor: not-allowed; +} + +.custom-theme .el-input-number__increase { + right: 0; +} + +.custom-theme .el-input-number__decrease { + right: 37px; +} + +.custom-theme .el-input-number--large { + width: 200px; +} + +.custom-theme .el-input-number--large .el-input-number__increase, +.custom-theme .el-input-number--large .el-input-number__decrease { + line-height: 42px; + width: 42px; + font-size: 16px; +} + +.custom-theme .el-input-number--large .el-input-number__decrease { + right: 43px; +} + +.custom-theme .el-input-number--large .el-input__inner { + padding-right: 94px; +} + +.custom-theme .el-input-number--small { + width: 130px; +} + +.custom-theme .el-input-number--small .el-input-number__increase, +.custom-theme .el-input-number--small .el-input-number__decrease { + line-height: 30px; + width: 30px; + font-size: 13px; +} + +.custom-theme .el-input-number--small .el-input-number__decrease { + right: 31px; +} + +.custom-theme .el-input-number--small .el-input__inner { + padding-right: 70px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-tooltip__popper { + position: absolute; + border-radius: 4px; + padding: 10px; + z-index: 2000; + font-size: 12px; + line-height: 1.2; +} + +.custom-theme .el-tooltip__popper .popper__arrow, +.custom-theme .el-tooltip__popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.custom-theme .el-tooltip__popper .popper__arrow { + border-width: 6px; +} + +.custom-theme .el-tooltip__popper .popper__arrow::after { + content: " "; + border-width: 5px; +} + +.custom-theme .el-tooltip__popper[x-placement^="top"] { + margin-bottom: 12px; +} + +.custom-theme .el-tooltip__popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + border-top-color: rgb(31, 40, 61); + border-bottom-width: 0; +} + +.custom-theme .el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -5px; + border-top-color: rgb(31, 40, 61); + border-bottom-width: 0; +} + +.custom-theme .el-tooltip__popper[x-placement^="bottom"] { + margin-top: 12px; +} + +.custom-theme .el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + border-top-width: 0; + border-bottom-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper[x-placement^="right"] { + margin-left: 12px; +} + +.custom-theme .el-tooltip__popper[x-placement^="right"] .popper__arrow { + left: -6px; + border-right-color: rgb(31, 40, 61); + border-left-width: 0; +} + +.custom-theme .el-tooltip__popper[x-placement^="right"] .popper__arrow::after { + bottom: -5px; + left: 1px; + border-right-color: rgb(31, 40, 61); + border-left-width: 0; +} + +.custom-theme .el-tooltip__popper[x-placement^="left"] { + margin-right: 12px; +} + +.custom-theme .el-tooltip__popper[x-placement^="left"] .popper__arrow { + right: -6px; + border-right-width: 0; + border-left-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -5px; + margin-left: -5px; + border-right-width: 0; + border-left-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light { + background: #fff; + border: 1px solid rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { + border-top-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { + border-top-color: #fff; +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { + border-bottom-color: #fff; +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { + border-left-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { + border-left-color: #fff; +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { + border-right-color: rgb(31, 40, 61); +} + +.custom-theme .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { + border-right-color: #fff; +} + +.custom-theme .el-tooltip__popper.is-dark { + background: rgb(31, 40, 61); + color: #fff; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-slider:before, +.custom-theme .el-slider:after { + display: table; + content: ""; +} + +.custom-theme .el-slider:after { + clear: both; +} + +.custom-theme .el-slider__runway { + width: 100%; + height: 4px; + margin: 16px 0; + background-color: rgb(228, 230, 241); + border-radius: 3px; + position: relative; + cursor: pointer; + vertical-align: middle; +} + +.custom-theme .el-slider__runway.show-input { + margin-right: 160px; + width: auto; +} + +.custom-theme .el-slider__runway.disabled { + cursor: default; +} + +.custom-theme .el-slider__runway.disabled .el-slider__bar, +.custom-theme .el-slider__runway.disabled .el-slider__button { + background-color: rgb(191, 199, 217); +} + + + +.custom-theme .el-slider__runway.disabled .el-slider__button-wrapper:hover, +.custom-theme .el-slider__runway.disabled .el-slider__button-wrapper.hover { + cursor: not-allowed; +} + +.custom-theme .el-slider__runway.disabled .el-slider__button-wrapper.dragging { + cursor: not-allowed; +} + + + +.custom-theme .el-slider__runway.disabled .el-slider__button:hover, +.custom-theme .el-slider__runway.disabled .el-slider__button.hover, +.custom-theme .el-slider__runway.disabled .el-slider__button.dragging { + transform: scale(1); +} + +.custom-theme .el-slider__runway.disabled .el-slider__button:hover, +.custom-theme .el-slider__runway.disabled .el-slider__button.hover { + cursor: not-allowed; +} + +.custom-theme .el-slider__runway.disabled .el-slider__button.dragging { + cursor: not-allowed; +} + +.custom-theme .el-slider__input { + float: right; + margin-top: 3px; +} + +.custom-theme .el-slider__bar { + height: 4px; + background-color: #073069; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + position: absolute; +} + +.custom-theme .el-slider__button-wrapper { + width: 36px; + height: 36px; + position: absolute; + z-index: 1001; + top: -16px; + transform: translateX(-50%); + background-color: transparent; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.custom-theme .el-slider__button-wrapper:after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} + +.custom-theme .el-slider__button-wrapper .el-tooltip { + vertical-align: middle; + display: inline-block; +} + +.custom-theme .el-slider__button-wrapper:hover, +.custom-theme .el-slider__button-wrapper.hover { + cursor: -webkit-grab; + cursor: grab; +} + +.custom-theme .el-slider__button-wrapper.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} + +.custom-theme .el-slider__button { + width: 12px; + height: 12px; + background-color: #073069; + border-radius: 50%; + transition: .2s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.custom-theme .el-slider__button:hover, +.custom-theme .el-slider__button.hover, +.custom-theme .el-slider__button.dragging { + transform: scale(1.5); + background-color: rgb(6, 42, 92); +} + +.custom-theme .el-slider__button:hover, +.custom-theme .el-slider__button.hover { + cursor: -webkit-grab; + cursor: grab; +} + +.custom-theme .el-slider__button.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} + +.custom-theme .el-slider__stop { + position: absolute; + width: 4px; + height: 4px; + border-radius: 100%; + background-color: rgb(191, 199, 217); + transform: translateX(-50%); +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-loading-mask { + position: absolute; + z-index: 10000; + background-color: rgba(255, 255, 255, .9); + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + transition: opacity 0.3s; +} + +.custom-theme .el-loading-mask.is-fullscreen { + position: fixed; +} + +.custom-theme .el-loading-mask.is-fullscreen .el-loading-spinner { + margin-top: -25px; +} + +.custom-theme .el-loading-mask.is-fullscreen .el-loading-spinner .circular { + width: 50px; + height: 50px; +} + +.custom-theme .el-loading-spinner { + top: 50%; + margin-top: -21px; + width: 100%; + text-align: center; + position: absolute; +} + +.custom-theme .el-loading-spinner .el-loading-text { + color: #073069; + margin: 3px 0; + font-size: 14px; +} + +.custom-theme .el-loading-spinner .circular { + width: 42px; + height: 42px; + animation: loading-rotate 2s linear infinite; +} + +.custom-theme .el-loading-spinner .path { + animation: loading-dash 1.5s ease-in-out infinite; + stroke-dasharray: 90, 150; + stroke-dashoffset: 0; + stroke-width: 2; + stroke: #073069; + stroke-linecap: round; +} + +.custom-theme .el-loading-fade-enter, +.custom-theme .el-loading-fade-leave-active { + opacity: 0; +} + +@keyframes loading-rotate { + 100% { + transform: rotate(360deg); + } +} + +@keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-row { + position: relative; + box-sizing: border-box; +} + +.custom-theme .el-row:before, +.custom-theme .el-row:after { + display: table; + content: ""; +} + +.custom-theme .el-row:after { + clear: both; +} + +.custom-theme .el-row--flex { + display: -ms-flexbox; + display: flex; +} + +.custom-theme .el-row--flex:before, +.custom-theme .el-row--flex:after { + display: none; +} + +.custom-theme .el-row--flex.is-align-bottom { + -ms-flex-align: end; + align-items: flex-end; +} + +.custom-theme .el-row--flex.is-align-middle { + -ms-flex-align: center; + align-items: center; +} + +.custom-theme .el-row--flex.is-justify-space-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.custom-theme .el-row--flex.is-justify-space-between { + -ms-flex-pack: justify; + justify-content: space-between; +} + +.custom-theme .el-row--flex.is-justify-end { + -ms-flex-pack: end; + justify-content: flex-end; +} + +.custom-theme .el-row--flex.is-justify-center { + -ms-flex-pack: center; + justify-content: center; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-col-1, +.custom-theme .el-col-2, +.custom-theme .el-col-3, +.custom-theme .el-col-4, +.custom-theme .el-col-5, +.custom-theme .el-col-6, +.custom-theme .el-col-7, +.custom-theme .el-col-8, +.custom-theme .el-col-9, +.custom-theme .el-col-10, +.custom-theme .el-col-11, +.custom-theme .el-col-12, +.custom-theme .el-col-13, +.custom-theme .el-col-14, +.custom-theme .el-col-15, +.custom-theme .el-col-16, +.custom-theme .el-col-17, +.custom-theme .el-col-18, +.custom-theme .el-col-19, +.custom-theme .el-col-20, +.custom-theme .el-col-21, +.custom-theme .el-col-22, +.custom-theme .el-col-23, +.custom-theme .el-col-24 { + float: left; + box-sizing: border-box; +} + +.custom-theme .el-col-0 { + display: none; +} + +.custom-theme .el-col-1 { + width: 4.16667%; +} + +.custom-theme .el-col-offset-1 { + margin-left: 4.16667%; +} + +.custom-theme .el-col-pull-1 { + position: relative; + right: 4.16667%; +} + +.custom-theme .el-col-push-1 { + position: relative; + left: 4.16667%; +} + +.custom-theme .el-col-2 { + width: 8.33333%; +} + +.custom-theme .el-col-offset-2 { + margin-left: 8.33333%; +} + +.custom-theme .el-col-pull-2 { + position: relative; + right: 8.33333%; +} + +.custom-theme .el-col-push-2 { + position: relative; + left: 8.33333%; +} + +.custom-theme .el-col-3 { + width: 12.5%; +} + +.custom-theme .el-col-offset-3 { + margin-left: 12.5%; +} + +.custom-theme .el-col-pull-3 { + position: relative; + right: 12.5%; +} + +.custom-theme .el-col-push-3 { + position: relative; + left: 12.5%; +} + +.custom-theme .el-col-4 { + width: 16.66667%; +} + +.custom-theme .el-col-offset-4 { + margin-left: 16.66667%; +} + +.custom-theme .el-col-pull-4 { + position: relative; + right: 16.66667%; +} + +.custom-theme .el-col-push-4 { + position: relative; + left: 16.66667%; +} + +.custom-theme .el-col-5 { + width: 20.83333%; +} + +.custom-theme .el-col-offset-5 { + margin-left: 20.83333%; +} + +.custom-theme .el-col-pull-5 { + position: relative; + right: 20.83333%; +} + +.custom-theme .el-col-push-5 { + position: relative; + left: 20.83333%; +} + +.custom-theme .el-col-6 { + width: 25%; +} + +.custom-theme .el-col-offset-6 { + margin-left: 25%; +} + +.custom-theme .el-col-pull-6 { + position: relative; + right: 25%; +} + +.custom-theme .el-col-push-6 { + position: relative; + left: 25%; +} + +.custom-theme .el-col-7 { + width: 29.16667%; +} + +.custom-theme .el-col-offset-7 { + margin-left: 29.16667%; +} + +.custom-theme .el-col-pull-7 { + position: relative; + right: 29.16667%; +} + +.custom-theme .el-col-push-7 { + position: relative; + left: 29.16667%; +} + +.custom-theme .el-col-8 { + width: 33.33333%; +} + +.custom-theme .el-col-offset-8 { + margin-left: 33.33333%; +} + +.custom-theme .el-col-pull-8 { + position: relative; + right: 33.33333%; +} + +.custom-theme .el-col-push-8 { + position: relative; + left: 33.33333%; +} + +.custom-theme .el-col-9 { + width: 37.5%; +} + +.custom-theme .el-col-offset-9 { + margin-left: 37.5%; +} + +.custom-theme .el-col-pull-9 { + position: relative; + right: 37.5%; +} + +.custom-theme .el-col-push-9 { + position: relative; + left: 37.5%; +} + +.custom-theme .el-col-10 { + width: 41.66667%; +} + +.custom-theme .el-col-offset-10 { + margin-left: 41.66667%; +} + +.custom-theme .el-col-pull-10 { + position: relative; + right: 41.66667%; +} + +.custom-theme .el-col-push-10 { + position: relative; + left: 41.66667%; +} + +.custom-theme .el-col-11 { + width: 45.83333%; +} + +.custom-theme .el-col-offset-11 { + margin-left: 45.83333%; +} + +.custom-theme .el-col-pull-11 { + position: relative; + right: 45.83333%; +} + +.custom-theme .el-col-push-11 { + position: relative; + left: 45.83333%; +} + +.custom-theme .el-col-12 { + width: 50%; +} + +.custom-theme .el-col-offset-12 { + margin-left: 50%; +} + +.custom-theme .el-col-pull-12 { + position: relative; + right: 50%; +} + +.custom-theme .el-col-push-12 { + position: relative; + left: 50%; +} + +.custom-theme .el-col-13 { + width: 54.16667%; +} + +.custom-theme .el-col-offset-13 { + margin-left: 54.16667%; +} + +.custom-theme .el-col-pull-13 { + position: relative; + right: 54.16667%; +} + +.custom-theme .el-col-push-13 { + position: relative; + left: 54.16667%; +} + +.custom-theme .el-col-14 { + width: 58.33333%; +} + +.custom-theme .el-col-offset-14 { + margin-left: 58.33333%; +} + +.custom-theme .el-col-pull-14 { + position: relative; + right: 58.33333%; +} + +.custom-theme .el-col-push-14 { + position: relative; + left: 58.33333%; +} + +.custom-theme .el-col-15 { + width: 62.5%; +} + +.custom-theme .el-col-offset-15 { + margin-left: 62.5%; +} + +.custom-theme .el-col-pull-15 { + position: relative; + right: 62.5%; +} + +.custom-theme .el-col-push-15 { + position: relative; + left: 62.5%; +} + +.custom-theme .el-col-16 { + width: 66.66667%; +} + +.custom-theme .el-col-offset-16 { + margin-left: 66.66667%; +} + +.custom-theme .el-col-pull-16 { + position: relative; + right: 66.66667%; +} + +.custom-theme .el-col-push-16 { + position: relative; + left: 66.66667%; +} + +.custom-theme .el-col-17 { + width: 70.83333%; +} + +.custom-theme .el-col-offset-17 { + margin-left: 70.83333%; +} + +.custom-theme .el-col-pull-17 { + position: relative; + right: 70.83333%; +} + +.custom-theme .el-col-push-17 { + position: relative; + left: 70.83333%; +} + +.custom-theme .el-col-18 { + width: 75%; +} + +.custom-theme .el-col-offset-18 { + margin-left: 75%; +} + +.custom-theme .el-col-pull-18 { + position: relative; + right: 75%; +} + +.custom-theme .el-col-push-18 { + position: relative; + left: 75%; +} + +.custom-theme .el-col-19 { + width: 79.16667%; +} + +.custom-theme .el-col-offset-19 { + margin-left: 79.16667%; +} + +.custom-theme .el-col-pull-19 { + position: relative; + right: 79.16667%; +} + +.custom-theme .el-col-push-19 { + position: relative; + left: 79.16667%; +} + +.custom-theme .el-col-20 { + width: 83.33333%; +} + +.custom-theme .el-col-offset-20 { + margin-left: 83.33333%; +} + +.custom-theme .el-col-pull-20 { + position: relative; + right: 83.33333%; +} + +.custom-theme .el-col-push-20 { + position: relative; + left: 83.33333%; +} + +.custom-theme .el-col-21 { + width: 87.5%; +} + +.custom-theme .el-col-offset-21 { + margin-left: 87.5%; +} + +.custom-theme .el-col-pull-21 { + position: relative; + right: 87.5%; +} + +.custom-theme .el-col-push-21 { + position: relative; + left: 87.5%; +} + +.custom-theme .el-col-22 { + width: 91.66667%; +} + +.custom-theme .el-col-offset-22 { + margin-left: 91.66667%; +} + +.custom-theme .el-col-pull-22 { + position: relative; + right: 91.66667%; +} + +.custom-theme .el-col-push-22 { + position: relative; + left: 91.66667%; +} + +.custom-theme .el-col-23 { + width: 95.83333%; +} + +.custom-theme .el-col-offset-23 { + margin-left: 95.83333%; +} + +.custom-theme .el-col-pull-23 { + position: relative; + right: 95.83333%; +} + +.custom-theme .el-col-push-23 { + position: relative; + left: 95.83333%; +} + +.custom-theme .el-col-24 { + width: 100%; +} + +.custom-theme .el-col-offset-24 { + margin-left: 100%; +} + +.custom-theme .el-col-pull-24 { + position: relative; + right: 100%; +} + +.custom-theme .el-col-push-24 { + position: relative; + left: 100%; +} + +@media (max-width: 768px) { + .custom-theme .el-col-xs-1 { + width: 4.16667%; + } + + .custom-theme .el-col-xs-offset-1 { + margin-left: 4.16667%; + } + + .custom-theme .el-col-xs-pull-1 { + position: relative; + right: 4.16667%; + } + + .custom-theme .el-col-xs-push-1 { + position: relative; + left: 4.16667%; + } + + .custom-theme .el-col-xs-2 { + width: 8.33333%; + } + + .custom-theme .el-col-xs-offset-2 { + margin-left: 8.33333%; + } + + .custom-theme .el-col-xs-pull-2 { + position: relative; + right: 8.33333%; + } + + .custom-theme .el-col-xs-push-2 { + position: relative; + left: 8.33333%; + } + + .custom-theme .el-col-xs-3 { + width: 12.5%; + } + + .custom-theme .el-col-xs-offset-3 { + margin-left: 12.5%; + } + + .custom-theme .el-col-xs-pull-3 { + position: relative; + right: 12.5%; + } + + .custom-theme .el-col-xs-push-3 { + position: relative; + left: 12.5%; + } + + .custom-theme .el-col-xs-4 { + width: 16.66667%; + } + + .custom-theme .el-col-xs-offset-4 { + margin-left: 16.66667%; + } + + .custom-theme .el-col-xs-pull-4 { + position: relative; + right: 16.66667%; + } + + .custom-theme .el-col-xs-push-4 { + position: relative; + left: 16.66667%; + } + + .custom-theme .el-col-xs-5 { + width: 20.83333%; + } + + .custom-theme .el-col-xs-offset-5 { + margin-left: 20.83333%; + } + + .custom-theme .el-col-xs-pull-5 { + position: relative; + right: 20.83333%; + } + + .custom-theme .el-col-xs-push-5 { + position: relative; + left: 20.83333%; + } + + .custom-theme .el-col-xs-6 { + width: 25%; + } + + .custom-theme .el-col-xs-offset-6 { + margin-left: 25%; + } + + .custom-theme .el-col-xs-pull-6 { + position: relative; + right: 25%; + } + + .custom-theme .el-col-xs-push-6 { + position: relative; + left: 25%; + } + + .custom-theme .el-col-xs-7 { + width: 29.16667%; + } + + .custom-theme .el-col-xs-offset-7 { + margin-left: 29.16667%; + } + + .custom-theme .el-col-xs-pull-7 { + position: relative; + right: 29.16667%; + } + + .custom-theme .el-col-xs-push-7 { + position: relative; + left: 29.16667%; + } + + .custom-theme .el-col-xs-8 { + width: 33.33333%; + } + + .custom-theme .el-col-xs-offset-8 { + margin-left: 33.33333%; + } + + .custom-theme .el-col-xs-pull-8 { + position: relative; + right: 33.33333%; + } + + .custom-theme .el-col-xs-push-8 { + position: relative; + left: 33.33333%; + } + + .custom-theme .el-col-xs-9 { + width: 37.5%; + } + + .custom-theme .el-col-xs-offset-9 { + margin-left: 37.5%; + } + + .custom-theme .el-col-xs-pull-9 { + position: relative; + right: 37.5%; + } + + .custom-theme .el-col-xs-push-9 { + position: relative; + left: 37.5%; + } + + .custom-theme .el-col-xs-10 { + width: 41.66667%; + } + + .custom-theme .el-col-xs-offset-10 { + margin-left: 41.66667%; + } + + .custom-theme .el-col-xs-pull-10 { + position: relative; + right: 41.66667%; + } + + .custom-theme .el-col-xs-push-10 { + position: relative; + left: 41.66667%; + } + + .custom-theme .el-col-xs-11 { + width: 45.83333%; + } + + .custom-theme .el-col-xs-offset-11 { + margin-left: 45.83333%; + } + + .custom-theme .el-col-xs-pull-11 { + position: relative; + right: 45.83333%; + } + + .custom-theme .el-col-xs-push-11 { + position: relative; + left: 45.83333%; + } + + .custom-theme .el-col-xs-12 { + width: 50%; + } + + .custom-theme .el-col-xs-offset-12 { + margin-left: 50%; + } + + .custom-theme .el-col-xs-pull-12 { + position: relative; + right: 50%; + } + + .custom-theme .el-col-xs-push-12 { + position: relative; + left: 50%; + } + + .custom-theme .el-col-xs-13 { + width: 54.16667%; + } + + .custom-theme .el-col-xs-offset-13 { + margin-left: 54.16667%; + } + + .custom-theme .el-col-xs-pull-13 { + position: relative; + right: 54.16667%; + } + + .custom-theme .el-col-xs-push-13 { + position: relative; + left: 54.16667%; + } + + .custom-theme .el-col-xs-14 { + width: 58.33333%; + } + + .custom-theme .el-col-xs-offset-14 { + margin-left: 58.33333%; + } + + .custom-theme .el-col-xs-pull-14 { + position: relative; + right: 58.33333%; + } + + .custom-theme .el-col-xs-push-14 { + position: relative; + left: 58.33333%; + } + + .custom-theme .el-col-xs-15 { + width: 62.5%; + } + + .custom-theme .el-col-xs-offset-15 { + margin-left: 62.5%; + } + + .custom-theme .el-col-xs-pull-15 { + position: relative; + right: 62.5%; + } + + .custom-theme .el-col-xs-push-15 { + position: relative; + left: 62.5%; + } + + .custom-theme .el-col-xs-16 { + width: 66.66667%; + } + + .custom-theme .el-col-xs-offset-16 { + margin-left: 66.66667%; + } + + .custom-theme .el-col-xs-pull-16 { + position: relative; + right: 66.66667%; + } + + .custom-theme .el-col-xs-push-16 { + position: relative; + left: 66.66667%; + } + + .custom-theme .el-col-xs-17 { + width: 70.83333%; + } + + .custom-theme .el-col-xs-offset-17 { + margin-left: 70.83333%; + } + + .custom-theme .el-col-xs-pull-17 { + position: relative; + right: 70.83333%; + } + + .custom-theme .el-col-xs-push-17 { + position: relative; + left: 70.83333%; + } + + .custom-theme .el-col-xs-18 { + width: 75%; + } + + .custom-theme .el-col-xs-offset-18 { + margin-left: 75%; + } + + .custom-theme .el-col-xs-pull-18 { + position: relative; + right: 75%; + } + + .custom-theme .el-col-xs-push-18 { + position: relative; + left: 75%; + } + + .custom-theme .el-col-xs-19 { + width: 79.16667%; + } + + .custom-theme .el-col-xs-offset-19 { + margin-left: 79.16667%; + } + + .custom-theme .el-col-xs-pull-19 { + position: relative; + right: 79.16667%; + } + + .custom-theme .el-col-xs-push-19 { + position: relative; + left: 79.16667%; + } + + .custom-theme .el-col-xs-20 { + width: 83.33333%; + } + + .custom-theme .el-col-xs-offset-20 { + margin-left: 83.33333%; + } + + .custom-theme .el-col-xs-pull-20 { + position: relative; + right: 83.33333%; + } + + .custom-theme .el-col-xs-push-20 { + position: relative; + left: 83.33333%; + } + + .custom-theme .el-col-xs-21 { + width: 87.5%; + } + + .custom-theme .el-col-xs-offset-21 { + margin-left: 87.5%; + } + + .custom-theme .el-col-xs-pull-21 { + position: relative; + right: 87.5%; + } + + .custom-theme .el-col-xs-push-21 { + position: relative; + left: 87.5%; + } + + .custom-theme .el-col-xs-22 { + width: 91.66667%; + } + + .custom-theme .el-col-xs-offset-22 { + margin-left: 91.66667%; + } + + .custom-theme .el-col-xs-pull-22 { + position: relative; + right: 91.66667%; + } + + .custom-theme .el-col-xs-push-22 { + position: relative; + left: 91.66667%; + } + + .custom-theme .el-col-xs-23 { + width: 95.83333%; + } + + .custom-theme .el-col-xs-offset-23 { + margin-left: 95.83333%; + } + + .custom-theme .el-col-xs-pull-23 { + position: relative; + right: 95.83333%; + } + + .custom-theme .el-col-xs-push-23 { + position: relative; + left: 95.83333%; + } + + .custom-theme .el-col-xs-24 { + width: 100%; + } + + .custom-theme .el-col-xs-offset-24 { + margin-left: 100%; + } + + .custom-theme .el-col-xs-pull-24 { + position: relative; + right: 100%; + } + + .custom-theme .el-col-xs-push-24 { + position: relative; + left: 100%; + } +} + +@media (min-width: 768px) { + .custom-theme .el-col-sm-1 { + width: 4.16667%; + } + + .custom-theme .el-col-sm-offset-1 { + margin-left: 4.16667%; + } + + .custom-theme .el-col-sm-pull-1 { + position: relative; + right: 4.16667%; + } + + .custom-theme .el-col-sm-push-1 { + position: relative; + left: 4.16667%; + } + + .custom-theme .el-col-sm-2 { + width: 8.33333%; + } + + .custom-theme .el-col-sm-offset-2 { + margin-left: 8.33333%; + } + + .custom-theme .el-col-sm-pull-2 { + position: relative; + right: 8.33333%; + } + + .custom-theme .el-col-sm-push-2 { + position: relative; + left: 8.33333%; + } + + .custom-theme .el-col-sm-3 { + width: 12.5%; + } + + .custom-theme .el-col-sm-offset-3 { + margin-left: 12.5%; + } + + .custom-theme .el-col-sm-pull-3 { + position: relative; + right: 12.5%; + } + + .custom-theme .el-col-sm-push-3 { + position: relative; + left: 12.5%; + } + + .custom-theme .el-col-sm-4 { + width: 16.66667%; + } + + .custom-theme .el-col-sm-offset-4 { + margin-left: 16.66667%; + } + + .custom-theme .el-col-sm-pull-4 { + position: relative; + right: 16.66667%; + } + + .custom-theme .el-col-sm-push-4 { + position: relative; + left: 16.66667%; + } + + .custom-theme .el-col-sm-5 { + width: 20.83333%; + } + + .custom-theme .el-col-sm-offset-5 { + margin-left: 20.83333%; + } + + .custom-theme .el-col-sm-pull-5 { + position: relative; + right: 20.83333%; + } + + .custom-theme .el-col-sm-push-5 { + position: relative; + left: 20.83333%; + } + + .custom-theme .el-col-sm-6 { + width: 25%; + } + + .custom-theme .el-col-sm-offset-6 { + margin-left: 25%; + } + + .custom-theme .el-col-sm-pull-6 { + position: relative; + right: 25%; + } + + .custom-theme .el-col-sm-push-6 { + position: relative; + left: 25%; + } + + .custom-theme .el-col-sm-7 { + width: 29.16667%; + } + + .custom-theme .el-col-sm-offset-7 { + margin-left: 29.16667%; + } + + .custom-theme .el-col-sm-pull-7 { + position: relative; + right: 29.16667%; + } + + .custom-theme .el-col-sm-push-7 { + position: relative; + left: 29.16667%; + } + + .custom-theme .el-col-sm-8 { + width: 33.33333%; + } + + .custom-theme .el-col-sm-offset-8 { + margin-left: 33.33333%; + } + + .custom-theme .el-col-sm-pull-8 { + position: relative; + right: 33.33333%; + } + + .custom-theme .el-col-sm-push-8 { + position: relative; + left: 33.33333%; + } + + .custom-theme .el-col-sm-9 { + width: 37.5%; + } + + .custom-theme .el-col-sm-offset-9 { + margin-left: 37.5%; + } + + .custom-theme .el-col-sm-pull-9 { + position: relative; + right: 37.5%; + } + + .custom-theme .el-col-sm-push-9 { + position: relative; + left: 37.5%; + } + + .custom-theme .el-col-sm-10 { + width: 41.66667%; + } + + .custom-theme .el-col-sm-offset-10 { + margin-left: 41.66667%; + } + + .custom-theme .el-col-sm-pull-10 { + position: relative; + right: 41.66667%; + } + + .custom-theme .el-col-sm-push-10 { + position: relative; + left: 41.66667%; + } + + .custom-theme .el-col-sm-11 { + width: 45.83333%; + } + + .custom-theme .el-col-sm-offset-11 { + margin-left: 45.83333%; + } + + .custom-theme .el-col-sm-pull-11 { + position: relative; + right: 45.83333%; + } + + .custom-theme .el-col-sm-push-11 { + position: relative; + left: 45.83333%; + } + + .custom-theme .el-col-sm-12 { + width: 50%; + } + + .custom-theme .el-col-sm-offset-12 { + margin-left: 50%; + } + + .custom-theme .el-col-sm-pull-12 { + position: relative; + right: 50%; + } + + .custom-theme .el-col-sm-push-12 { + position: relative; + left: 50%; + } + + .custom-theme .el-col-sm-13 { + width: 54.16667%; + } + + .custom-theme .el-col-sm-offset-13 { + margin-left: 54.16667%; + } + + .custom-theme .el-col-sm-pull-13 { + position: relative; + right: 54.16667%; + } + + .custom-theme .el-col-sm-push-13 { + position: relative; + left: 54.16667%; + } + + .custom-theme .el-col-sm-14 { + width: 58.33333%; + } + + .custom-theme .el-col-sm-offset-14 { + margin-left: 58.33333%; + } + + .custom-theme .el-col-sm-pull-14 { + position: relative; + right: 58.33333%; + } + + .custom-theme .el-col-sm-push-14 { + position: relative; + left: 58.33333%; + } + + .custom-theme .el-col-sm-15 { + width: 62.5%; + } + + .custom-theme .el-col-sm-offset-15 { + margin-left: 62.5%; + } + + .custom-theme .el-col-sm-pull-15 { + position: relative; + right: 62.5%; + } + + .custom-theme .el-col-sm-push-15 { + position: relative; + left: 62.5%; + } + + .custom-theme .el-col-sm-16 { + width: 66.66667%; + } + + .custom-theme .el-col-sm-offset-16 { + margin-left: 66.66667%; + } + + .custom-theme .el-col-sm-pull-16 { + position: relative; + right: 66.66667%; + } + + .custom-theme .el-col-sm-push-16 { + position: relative; + left: 66.66667%; + } + + .custom-theme .el-col-sm-17 { + width: 70.83333%; + } + + .custom-theme .el-col-sm-offset-17 { + margin-left: 70.83333%; + } + + .custom-theme .el-col-sm-pull-17 { + position: relative; + right: 70.83333%; + } + + .custom-theme .el-col-sm-push-17 { + position: relative; + left: 70.83333%; + } + + .custom-theme .el-col-sm-18 { + width: 75%; + } + + .custom-theme .el-col-sm-offset-18 { + margin-left: 75%; + } + + .custom-theme .el-col-sm-pull-18 { + position: relative; + right: 75%; + } + + .custom-theme .el-col-sm-push-18 { + position: relative; + left: 75%; + } + + .custom-theme .el-col-sm-19 { + width: 79.16667%; + } + + .custom-theme .el-col-sm-offset-19 { + margin-left: 79.16667%; + } + + .custom-theme .el-col-sm-pull-19 { + position: relative; + right: 79.16667%; + } + + .custom-theme .el-col-sm-push-19 { + position: relative; + left: 79.16667%; + } + + .custom-theme .el-col-sm-20 { + width: 83.33333%; + } + + .custom-theme .el-col-sm-offset-20 { + margin-left: 83.33333%; + } + + .custom-theme .el-col-sm-pull-20 { + position: relative; + right: 83.33333%; + } + + .custom-theme .el-col-sm-push-20 { + position: relative; + left: 83.33333%; + } + + .custom-theme .el-col-sm-21 { + width: 87.5%; + } + + .custom-theme .el-col-sm-offset-21 { + margin-left: 87.5%; + } + + .custom-theme .el-col-sm-pull-21 { + position: relative; + right: 87.5%; + } + + .custom-theme .el-col-sm-push-21 { + position: relative; + left: 87.5%; + } + + .custom-theme .el-col-sm-22 { + width: 91.66667%; + } + + .custom-theme .el-col-sm-offset-22 { + margin-left: 91.66667%; + } + + .custom-theme .el-col-sm-pull-22 { + position: relative; + right: 91.66667%; + } + + .custom-theme .el-col-sm-push-22 { + position: relative; + left: 91.66667%; + } + + .custom-theme .el-col-sm-23 { + width: 95.83333%; + } + + .custom-theme .el-col-sm-offset-23 { + margin-left: 95.83333%; + } + + .custom-theme .el-col-sm-pull-23 { + position: relative; + right: 95.83333%; + } + + .custom-theme .el-col-sm-push-23 { + position: relative; + left: 95.83333%; + } + + .custom-theme .el-col-sm-24 { + width: 100%; + } + + .custom-theme .el-col-sm-offset-24 { + margin-left: 100%; + } + + .custom-theme .el-col-sm-pull-24 { + position: relative; + right: 100%; + } + + .custom-theme .el-col-sm-push-24 { + position: relative; + left: 100%; + } +} + +@media (min-width: 992px) { + .custom-theme .el-col-md-1 { + width: 4.16667%; + } + + .custom-theme .el-col-md-offset-1 { + margin-left: 4.16667%; + } + + .custom-theme .el-col-md-pull-1 { + position: relative; + right: 4.16667%; + } + + .custom-theme .el-col-md-push-1 { + position: relative; + left: 4.16667%; + } + + .custom-theme .el-col-md-2 { + width: 8.33333%; + } + + .custom-theme .el-col-md-offset-2 { + margin-left: 8.33333%; + } + + .custom-theme .el-col-md-pull-2 { + position: relative; + right: 8.33333%; + } + + .custom-theme .el-col-md-push-2 { + position: relative; + left: 8.33333%; + } + + .custom-theme .el-col-md-3 { + width: 12.5%; + } + + .custom-theme .el-col-md-offset-3 { + margin-left: 12.5%; + } + + .custom-theme .el-col-md-pull-3 { + position: relative; + right: 12.5%; + } + + .custom-theme .el-col-md-push-3 { + position: relative; + left: 12.5%; + } + + .custom-theme .el-col-md-4 { + width: 16.66667%; + } + + .custom-theme .el-col-md-offset-4 { + margin-left: 16.66667%; + } + + .custom-theme .el-col-md-pull-4 { + position: relative; + right: 16.66667%; + } + + .custom-theme .el-col-md-push-4 { + position: relative; + left: 16.66667%; + } + + .custom-theme .el-col-md-5 { + width: 20.83333%; + } + + .custom-theme .el-col-md-offset-5 { + margin-left: 20.83333%; + } + + .custom-theme .el-col-md-pull-5 { + position: relative; + right: 20.83333%; + } + + .custom-theme .el-col-md-push-5 { + position: relative; + left: 20.83333%; + } + + .custom-theme .el-col-md-6 { + width: 25%; + } + + .custom-theme .el-col-md-offset-6 { + margin-left: 25%; + } + + .custom-theme .el-col-md-pull-6 { + position: relative; + right: 25%; + } + + .custom-theme .el-col-md-push-6 { + position: relative; + left: 25%; + } + + .custom-theme .el-col-md-7 { + width: 29.16667%; + } + + .custom-theme .el-col-md-offset-7 { + margin-left: 29.16667%; + } + + .custom-theme .el-col-md-pull-7 { + position: relative; + right: 29.16667%; + } + + .custom-theme .el-col-md-push-7 { + position: relative; + left: 29.16667%; + } + + .custom-theme .el-col-md-8 { + width: 33.33333%; + } + + .custom-theme .el-col-md-offset-8 { + margin-left: 33.33333%; + } + + .custom-theme .el-col-md-pull-8 { + position: relative; + right: 33.33333%; + } + + .custom-theme .el-col-md-push-8 { + position: relative; + left: 33.33333%; + } + + .custom-theme .el-col-md-9 { + width: 37.5%; + } + + .custom-theme .el-col-md-offset-9 { + margin-left: 37.5%; + } + + .custom-theme .el-col-md-pull-9 { + position: relative; + right: 37.5%; + } + + .custom-theme .el-col-md-push-9 { + position: relative; + left: 37.5%; + } + + .custom-theme .el-col-md-10 { + width: 41.66667%; + } + + .custom-theme .el-col-md-offset-10 { + margin-left: 41.66667%; + } + + .custom-theme .el-col-md-pull-10 { + position: relative; + right: 41.66667%; + } + + .custom-theme .el-col-md-push-10 { + position: relative; + left: 41.66667%; + } + + .custom-theme .el-col-md-11 { + width: 45.83333%; + } + + .custom-theme .el-col-md-offset-11 { + margin-left: 45.83333%; + } + + .custom-theme .el-col-md-pull-11 { + position: relative; + right: 45.83333%; + } + + .custom-theme .el-col-md-push-11 { + position: relative; + left: 45.83333%; + } + + .custom-theme .el-col-md-12 { + width: 50%; + } + + .custom-theme .el-col-md-offset-12 { + margin-left: 50%; + } + + .custom-theme .el-col-md-pull-12 { + position: relative; + right: 50%; + } + + .custom-theme .el-col-md-push-12 { + position: relative; + left: 50%; + } + + .custom-theme .el-col-md-13 { + width: 54.16667%; + } + + .custom-theme .el-col-md-offset-13 { + margin-left: 54.16667%; + } + + .custom-theme .el-col-md-pull-13 { + position: relative; + right: 54.16667%; + } + + .custom-theme .el-col-md-push-13 { + position: relative; + left: 54.16667%; + } + + .custom-theme .el-col-md-14 { + width: 58.33333%; + } + + .custom-theme .el-col-md-offset-14 { + margin-left: 58.33333%; + } + + .custom-theme .el-col-md-pull-14 { + position: relative; + right: 58.33333%; + } + + .custom-theme .el-col-md-push-14 { + position: relative; + left: 58.33333%; + } + + .custom-theme .el-col-md-15 { + width: 62.5%; + } + + .custom-theme .el-col-md-offset-15 { + margin-left: 62.5%; + } + + .custom-theme .el-col-md-pull-15 { + position: relative; + right: 62.5%; + } + + .custom-theme .el-col-md-push-15 { + position: relative; + left: 62.5%; + } + + .custom-theme .el-col-md-16 { + width: 66.66667%; + } + + .custom-theme .el-col-md-offset-16 { + margin-left: 66.66667%; + } + + .custom-theme .el-col-md-pull-16 { + position: relative; + right: 66.66667%; + } + + .custom-theme .el-col-md-push-16 { + position: relative; + left: 66.66667%; + } + + .custom-theme .el-col-md-17 { + width: 70.83333%; + } + + .custom-theme .el-col-md-offset-17 { + margin-left: 70.83333%; + } + + .custom-theme .el-col-md-pull-17 { + position: relative; + right: 70.83333%; + } + + .custom-theme .el-col-md-push-17 { + position: relative; + left: 70.83333%; + } + + .custom-theme .el-col-md-18 { + width: 75%; + } + + .custom-theme .el-col-md-offset-18 { + margin-left: 75%; + } + + .custom-theme .el-col-md-pull-18 { + position: relative; + right: 75%; + } + + .custom-theme .el-col-md-push-18 { + position: relative; + left: 75%; + } + + .custom-theme .el-col-md-19 { + width: 79.16667%; + } + + .custom-theme .el-col-md-offset-19 { + margin-left: 79.16667%; + } + + .custom-theme .el-col-md-pull-19 { + position: relative; + right: 79.16667%; + } + + .custom-theme .el-col-md-push-19 { + position: relative; + left: 79.16667%; + } + + .custom-theme .el-col-md-20 { + width: 83.33333%; + } + + .custom-theme .el-col-md-offset-20 { + margin-left: 83.33333%; + } + + .custom-theme .el-col-md-pull-20 { + position: relative; + right: 83.33333%; + } + + .custom-theme .el-col-md-push-20 { + position: relative; + left: 83.33333%; + } + + .custom-theme .el-col-md-21 { + width: 87.5%; + } + + .custom-theme .el-col-md-offset-21 { + margin-left: 87.5%; + } + + .custom-theme .el-col-md-pull-21 { + position: relative; + right: 87.5%; + } + + .custom-theme .el-col-md-push-21 { + position: relative; + left: 87.5%; + } + + .custom-theme .el-col-md-22 { + width: 91.66667%; + } + + .custom-theme .el-col-md-offset-22 { + margin-left: 91.66667%; + } + + .custom-theme .el-col-md-pull-22 { + position: relative; + right: 91.66667%; + } + + .custom-theme .el-col-md-push-22 { + position: relative; + left: 91.66667%; + } + + .custom-theme .el-col-md-23 { + width: 95.83333%; + } + + .custom-theme .el-col-md-offset-23 { + margin-left: 95.83333%; + } + + .custom-theme .el-col-md-pull-23 { + position: relative; + right: 95.83333%; + } + + .custom-theme .el-col-md-push-23 { + position: relative; + left: 95.83333%; + } + + .custom-theme .el-col-md-24 { + width: 100%; + } + + .custom-theme .el-col-md-offset-24 { + margin-left: 100%; + } + + .custom-theme .el-col-md-pull-24 { + position: relative; + right: 100%; + } + + .custom-theme .el-col-md-push-24 { + position: relative; + left: 100%; + } +} + +@media (min-width: 1200px) { + .custom-theme .el-col-lg-1 { + width: 4.16667%; + } + + .custom-theme .el-col-lg-offset-1 { + margin-left: 4.16667%; + } + + .custom-theme .el-col-lg-pull-1 { + position: relative; + right: 4.16667%; + } + + .custom-theme .el-col-lg-push-1 { + position: relative; + left: 4.16667%; + } + + .custom-theme .el-col-lg-2 { + width: 8.33333%; + } + + .custom-theme .el-col-lg-offset-2 { + margin-left: 8.33333%; + } + + .custom-theme .el-col-lg-pull-2 { + position: relative; + right: 8.33333%; + } + + .custom-theme .el-col-lg-push-2 { + position: relative; + left: 8.33333%; + } + + .custom-theme .el-col-lg-3 { + width: 12.5%; + } + + .custom-theme .el-col-lg-offset-3 { + margin-left: 12.5%; + } + + .custom-theme .el-col-lg-pull-3 { + position: relative; + right: 12.5%; + } + + .custom-theme .el-col-lg-push-3 { + position: relative; + left: 12.5%; + } + + .custom-theme .el-col-lg-4 { + width: 16.66667%; + } + + .custom-theme .el-col-lg-offset-4 { + margin-left: 16.66667%; + } + + .custom-theme .el-col-lg-pull-4 { + position: relative; + right: 16.66667%; + } + + .custom-theme .el-col-lg-push-4 { + position: relative; + left: 16.66667%; + } + + .custom-theme .el-col-lg-5 { + width: 20.83333%; + } + + .custom-theme .el-col-lg-offset-5 { + margin-left: 20.83333%; + } + + .custom-theme .el-col-lg-pull-5 { + position: relative; + right: 20.83333%; + } + + .custom-theme .el-col-lg-push-5 { + position: relative; + left: 20.83333%; + } + + .custom-theme .el-col-lg-6 { + width: 25%; + } + + .custom-theme .el-col-lg-offset-6 { + margin-left: 25%; + } + + .custom-theme .el-col-lg-pull-6 { + position: relative; + right: 25%; + } + + .custom-theme .el-col-lg-push-6 { + position: relative; + left: 25%; + } + + .custom-theme .el-col-lg-7 { + width: 29.16667%; + } + + .custom-theme .el-col-lg-offset-7 { + margin-left: 29.16667%; + } + + .custom-theme .el-col-lg-pull-7 { + position: relative; + right: 29.16667%; + } + + .custom-theme .el-col-lg-push-7 { + position: relative; + left: 29.16667%; + } + + .custom-theme .el-col-lg-8 { + width: 33.33333%; + } + + .custom-theme .el-col-lg-offset-8 { + margin-left: 33.33333%; + } + + .custom-theme .el-col-lg-pull-8 { + position: relative; + right: 33.33333%; + } + + .custom-theme .el-col-lg-push-8 { + position: relative; + left: 33.33333%; + } + + .custom-theme .el-col-lg-9 { + width: 37.5%; + } + + .custom-theme .el-col-lg-offset-9 { + margin-left: 37.5%; + } + + .custom-theme .el-col-lg-pull-9 { + position: relative; + right: 37.5%; + } + + .custom-theme .el-col-lg-push-9 { + position: relative; + left: 37.5%; + } + + .custom-theme .el-col-lg-10 { + width: 41.66667%; + } + + .custom-theme .el-col-lg-offset-10 { + margin-left: 41.66667%; + } + + .custom-theme .el-col-lg-pull-10 { + position: relative; + right: 41.66667%; + } + + .custom-theme .el-col-lg-push-10 { + position: relative; + left: 41.66667%; + } + + .custom-theme .el-col-lg-11 { + width: 45.83333%; + } + + .custom-theme .el-col-lg-offset-11 { + margin-left: 45.83333%; + } + + .custom-theme .el-col-lg-pull-11 { + position: relative; + right: 45.83333%; + } + + .custom-theme .el-col-lg-push-11 { + position: relative; + left: 45.83333%; + } + + .custom-theme .el-col-lg-12 { + width: 50%; + } + + .custom-theme .el-col-lg-offset-12 { + margin-left: 50%; + } + + .custom-theme .el-col-lg-pull-12 { + position: relative; + right: 50%; + } + + .custom-theme .el-col-lg-push-12 { + position: relative; + left: 50%; + } + + .custom-theme .el-col-lg-13 { + width: 54.16667%; + } + + .custom-theme .el-col-lg-offset-13 { + margin-left: 54.16667%; + } + + .custom-theme .el-col-lg-pull-13 { + position: relative; + right: 54.16667%; + } + + .custom-theme .el-col-lg-push-13 { + position: relative; + left: 54.16667%; + } + + .custom-theme .el-col-lg-14 { + width: 58.33333%; + } + + .custom-theme .el-col-lg-offset-14 { + margin-left: 58.33333%; + } + + .custom-theme .el-col-lg-pull-14 { + position: relative; + right: 58.33333%; + } + + .custom-theme .el-col-lg-push-14 { + position: relative; + left: 58.33333%; + } + + .custom-theme .el-col-lg-15 { + width: 62.5%; + } + + .custom-theme .el-col-lg-offset-15 { + margin-left: 62.5%; + } + + .custom-theme .el-col-lg-pull-15 { + position: relative; + right: 62.5%; + } + + .custom-theme .el-col-lg-push-15 { + position: relative; + left: 62.5%; + } + + .custom-theme .el-col-lg-16 { + width: 66.66667%; + } + + .custom-theme .el-col-lg-offset-16 { + margin-left: 66.66667%; + } + + .custom-theme .el-col-lg-pull-16 { + position: relative; + right: 66.66667%; + } + + .custom-theme .el-col-lg-push-16 { + position: relative; + left: 66.66667%; + } + + .custom-theme .el-col-lg-17 { + width: 70.83333%; + } + + .custom-theme .el-col-lg-offset-17 { + margin-left: 70.83333%; + } + + .custom-theme .el-col-lg-pull-17 { + position: relative; + right: 70.83333%; + } + + .custom-theme .el-col-lg-push-17 { + position: relative; + left: 70.83333%; + } + + .custom-theme .el-col-lg-18 { + width: 75%; + } + + .custom-theme .el-col-lg-offset-18 { + margin-left: 75%; + } + + .custom-theme .el-col-lg-pull-18 { + position: relative; + right: 75%; + } + + .custom-theme .el-col-lg-push-18 { + position: relative; + left: 75%; + } + + .custom-theme .el-col-lg-19 { + width: 79.16667%; + } + + .custom-theme .el-col-lg-offset-19 { + margin-left: 79.16667%; + } + + .custom-theme .el-col-lg-pull-19 { + position: relative; + right: 79.16667%; + } + + .custom-theme .el-col-lg-push-19 { + position: relative; + left: 79.16667%; + } + + .custom-theme .el-col-lg-20 { + width: 83.33333%; + } + + .custom-theme .el-col-lg-offset-20 { + margin-left: 83.33333%; + } + + .custom-theme .el-col-lg-pull-20 { + position: relative; + right: 83.33333%; + } + + .custom-theme .el-col-lg-push-20 { + position: relative; + left: 83.33333%; + } + + .custom-theme .el-col-lg-21 { + width: 87.5%; + } + + .custom-theme .el-col-lg-offset-21 { + margin-left: 87.5%; + } + + .custom-theme .el-col-lg-pull-21 { + position: relative; + right: 87.5%; + } + + .custom-theme .el-col-lg-push-21 { + position: relative; + left: 87.5%; + } + + .custom-theme .el-col-lg-22 { + width: 91.66667%; + } + + .custom-theme .el-col-lg-offset-22 { + margin-left: 91.66667%; + } + + .custom-theme .el-col-lg-pull-22 { + position: relative; + right: 91.66667%; + } + + .custom-theme .el-col-lg-push-22 { + position: relative; + left: 91.66667%; + } + + .custom-theme .el-col-lg-23 { + width: 95.83333%; + } + + .custom-theme .el-col-lg-offset-23 { + margin-left: 95.83333%; + } + + .custom-theme .el-col-lg-pull-23 { + position: relative; + right: 95.83333%; + } + + .custom-theme .el-col-lg-push-23 { + position: relative; + left: 95.83333%; + } + + .custom-theme .el-col-lg-24 { + width: 100%; + } + + .custom-theme .el-col-lg-offset-24 { + margin-left: 100%; + } + + .custom-theme .el-col-lg-pull-24 { + position: relative; + right: 100%; + } + + .custom-theme .el-col-lg-push-24 { + position: relative; + left: 100%; + } +} + +@charset "UTF-8"; + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-progress { + position: relative; + line-height: 1; +} + +.custom-theme .el-progress.is-exception .el-progress-bar__inner { + background-color: #ffbf00; +} + +.custom-theme .el-progress.is-exception .el-progress__text { + color: #ffbf00; +} + +.custom-theme .el-progress.is-success .el-progress-bar__inner { + background-color: #00643b; +} + +.custom-theme .el-progress.is-success .el-progress__text { + color: #00643b; +} + +.custom-theme .el-progress__text { + font-size: 14px; + color: rgb(72, 81, 106); + display: inline-block; + vertical-align: middle; + margin-left: 10px; + line-height: 1; +} + +.custom-theme .el-progress__text i { + vertical-align: middle; + display: block; +} + +.custom-theme .el-progress--circle { + display: inline-block; +} + +.custom-theme .el-progress--circle .el-progress__text { + position: absolute; + top: 50%; + left: 0; + width: 100%; + text-align: center; + margin: 0; + transform: translate(0, -50%); +} + +.custom-theme .el-progress--circle .el-progress__text i { + vertical-align: middle; + display: inline-block; +} + +.custom-theme .el-progress--without-text .el-progress__text { + display: none; +} + +.custom-theme .el-progress--without-text .el-progress-bar { + padding-right: 0; + margin-right: 0; + display: block; +} + +.custom-theme .el-progress--text-inside .el-progress-bar { + padding-right: 0; + margin-right: 0; +} + +.custom-theme .el-progress-bar { + padding-right: 50px; + display: inline-block; + vertical-align: middle; + width: 100%; + margin-right: -55px; + box-sizing: border-box; +} + +.custom-theme .el-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: rgb(228, 230, 241); + overflow: hidden; + position: relative; + vertical-align: middle; +} + +.custom-theme .el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + border-radius: 2px 0 0 2px; + background-color: #073069; + text-align: right; + border-radius: 100px; + line-height: 1; +} + +.custom-theme .el-progress-bar__inner:after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} + +.custom-theme .el-progress-bar__inner:after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} + +.custom-theme .el-progress-bar__innerText { + display: inline-block; + vertical-align: middle; + color: #fff; + font-size: 12px; + margin: 0 5px; +} + +@keyframes progress { + 0% { + background-position: 0 0; + } + + 100% { + background-position: 32px 0; + } +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-upload { + display: inline-block; + text-align: center; + cursor: pointer; + /* 照片墙模式 */ +} + +.custom-theme .el-upload iframe { + position: absolute; + z-index: -1; + top: 0; + left: 0; + opacity: 0; + filter: alpha(opacity=0); +} + +.custom-theme .el-upload__input { + display: none; +} + +.custom-theme .el-upload__tip { + font-size: 12px; + color: rgb(131, 139, 165); + margin-top: 7px; +} + +.custom-theme .el-upload--picture-card { + background-color: #fbfdff; + border: 1px dashed #c0ccda; + border-radius: 6px; + box-sizing: border-box; + width: 148px; + height: 148px; + cursor: pointer; + line-height: 146px; + vertical-align: top; +} + +.custom-theme .el-upload--picture-card i { + font-size: 28px; + color: #8c939d; +} + +.custom-theme .el-upload--picture-card:hover { + border-color: #073069; + color: #073069; +} + +.custom-theme .el-upload-dragger { + background-color: #fff; + border: 1px dashed #d9d9d9; + border-radius: 6px; + box-sizing: border-box; + width: 360px; + height: 180px; + text-align: center; + cursor: pointer; + position: relative; + overflow: hidden; +} + +.custom-theme .el-upload-dragger .el-upload__text { + color: rgb(151, 161, 190); + font-size: 14px; + text-align: center; +} + +.custom-theme .el-upload-dragger .el-upload__text em { + color: #073069; + font-style: normal; +} + +.custom-theme .el-upload-dragger .el-icon-upload { + font-size: 67px; + color: rgb(151, 161, 190); + margin: 40px 0 16px; + line-height: 50px; +} + +.custom-theme .el-upload-dragger + .el-upload__tip { + text-align: center; +} + +.custom-theme .el-upload-dragger ~ .el-upload__files { + border-top: 1px solid rgba(191, 199, 217, 0.2); + margin-top: 7px; + padding-top: 5px; +} + +.custom-theme .el-upload-dragger:hover { + border-color: #073069; +} + +.custom-theme .el-upload-dragger.is-dragover { + background-color: rgba(32, 159, 255, .06); + border: 2px dashed #073069; +} + +.custom-theme .el-upload-list { + margin: 0; + padding: 0; + list-style: none; +} + +.custom-theme .el-upload-list__item { + transition: all .5s cubic-bezier(.55,0,.1,1); + font-size: 14px; + color: rgb(72, 81, 106); + line-height: 1.8; + margin-top: 5px; + position: relative; + box-sizing: border-box; + border-radius: 4px; + width: 100%; + position: relative; +} + +.custom-theme .el-upload-list__item .el-progress-bar { + margin-right: 0; + padding-right: 0; +} + +.custom-theme .el-upload-list__item .el-progress { + position: absolute; + bottom: -3px; + width: 100%; +} + +.custom-theme .el-upload-list__item .el-progress__text { + position: absolute; + right: 0; + top: -10px; + right: 0; +} + +.custom-theme .el-upload-list__item:first-child { + margin-top: 10px; +} + +.custom-theme .el-upload-list__item:hover { + background-color: rgb(238, 240, 246); +} + +.custom-theme .el-upload-list__item.is-success .el-upload-list__item-name:hover { + color: #073069; + cursor: pointer; +} + +.custom-theme .el-upload-list__item.is-success .el-icon-close { + display: none; +} + +.custom-theme .el-upload-list__item.is-success:hover .el-icon-close { + display: inline-block; + cursor: pointer; + opacity: .75; + transform: scale(.7); + color: rgb(72, 81, 106); +} + +.custom-theme .el-upload-list__item.is-success:hover .el-icon-close:hover { + opacity: 1; +} + +.custom-theme .el-upload-list__item.is-success:hover .el-icon-circle-check, +.custom-theme .el-upload-list__item.is-success:hover .el-icon-check { + display: none; +} + +.custom-theme .el-upload-list__item-name { + color: rgb(72, 81, 106); + display: block; + margin-right: 40px; + overflow: hidden; + padding-left: 4px; + text-overflow: ellipsis; + transition: color .3s; + white-space: nowrap; +} + +.custom-theme .el-upload-list__item-name [class^="el-icon"] { + color: rgb(151, 161, 190); + margin-right: 7px; + height: 100%; + line-height: inherit; +} + +.custom-theme .el-upload-list__item-status-label { + position: absolute; + right: 10px; + top: 0; + line-height: inherit; + color: #00643b; +} + +.custom-theme .el-upload-list__item-delete { + position: absolute; + right: 10px; + top: 0; + font-size: 12px; + color: rgb(72, 81, 106); + display: none; +} + +.custom-theme .el-upload-list__item-delete:hover { + color: #073069; +} + +.custom-theme .el-upload-list--picture-card { + margin: 0; + display: inline; + vertical-align: top; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item { + overflow: hidden; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + box-sizing: border-box; + width: 148px; + height: 148px; + margin: 0 8px 8px 0; + display: inline-block; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { + display: none; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-name { + display: none; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-thumbnail { + width: 100%; + height: 100%; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-status-label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + transform: rotate(45deg); + box-shadow: 0 0 1pc 1px rgba(0,0,0,0.2); +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 11px; + transform: rotate(-45deg) scale(0.8); + color: #fff; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + cursor: default; + text-align: center; + color: #fff; + opacity: 0; + font-size: 20px; + background-color: rgba(0, 0, 0, .5); + transition: opacity .3s; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions:after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions span { + display: none; + cursor: pointer; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions span + span { + margin-left: 15px; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { + position: static; + font-size: inherit; + color: inherit; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions:hover { + opacity: 1; +} + +.custom-theme .el-upload-list--picture-card .el-upload-list__item-actions:hover span { + display: inline-block; +} + +.custom-theme .el-upload-list--picture-card .el-progress { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + bottom: auto; + width: 126px; +} + +.custom-theme .el-upload-list--picture-card .el-progress .el-progress__text { + top: 50%; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item { + overflow: hidden; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + box-sizing: border-box; + margin-top: 10px; + padding: 10px 10px 10px 90px; + height: 92px; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { + background: transparent; + box-shadow: none; + top: -2px; + right: -12px; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label .el-icon-close { + transform: rotate(45deg) scale(.7); +} + +.custom-theme .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { + line-height: 70px; + margin-top: 0; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { + display: none; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item-thumbnail { + vertical-align: middle; + display: inline-block; + width: 70px; + height: 70px; + float: left; + margin-left: -80px; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item-name { + display: block; + margin-top: 20px; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item-name i { + font-size: 70px; + line-height: 1; + position: absolute; + left: 9px; + top: 10px; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item-status-label { + position: absolute; + right: -17px; + top: -7px; + width: 46px; + height: 26px; + background: #13ce66; + text-align: center; + transform: rotate(45deg); + box-shadow: 0 1px 1px #ccc; +} + +.custom-theme .el-upload-list--picture .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 12px; + transform: rotate(-45deg) scale(0.8); + color: #fff; +} + +.custom-theme .el-upload-list--picture .el-progress { + position: static; +} + +.custom-theme .el-upload-cover { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 10; + cursor: default; +} + +.custom-theme .el-upload-cover:after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} + +.custom-theme .el-upload-cover img { + display: block; + width: 100%; + height: 100%; +} + +.custom-theme .el-upload-cover + .el-upload__inner { + opacity: 0; + position: relative; + z-index: 1; +} + +.custom-theme .el-upload-cover__label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + transform: rotate(45deg); + box-shadow: 0 0 1pc 1px rgba(0,0,0,0.2); +} + +.custom-theme .el-upload-cover__label i { + font-size: 12px; + margin-top: 11px; + transform: rotate(-45deg) scale(0.8); + color: #fff; +} + +.custom-theme .el-upload-cover__progress { + display: inline-block; + vertical-align: middle; + position: static; + width: 243px; +} + +.custom-theme .el-upload-cover__progress + .el-upload__inner { + opacity: 0; +} + +.custom-theme .el-upload-cover__content { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.custom-theme .el-upload-cover__interact { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.72); + text-align: center; +} + +.custom-theme .el-upload-cover__interact .btn { + display: inline-block; + color: #fff; + font-size: 14px; + cursor: pointer; + vertical-align: middle; + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; + margin-top: 60px; +} + +.custom-theme .el-upload-cover__interact .btn i { + margin-top: 0; +} + +.custom-theme .el-upload-cover__interact .btn span { + opacity: 0; + transition: opacity .15s linear; +} + +.custom-theme .el-upload-cover__interact .btn:not(:first-child) { + margin-left: 35px; +} + +.custom-theme .el-upload-cover__interact .btn:hover { + transform: translateY(-13px); +} + +.custom-theme .el-upload-cover__interact .btn:hover span { + opacity: 1; +} + +.custom-theme .el-upload-cover__interact .btn i { + color: #fff; + display: block; + font-size: 24px; + line-height: inherit; + margin: 0 auto 5px; +} + +.custom-theme .el-upload-cover__title { + position: absolute; + bottom: 0; + left: 0; + background-color: #fff; + height: 36px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 400; + text-align: left; + padding: 0 10px; + margin: 0; + line-height: 36px; + font-size: 14px; + color: rgb(72, 81, 106); +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-progress { + position: relative; + line-height: 1; +} + +.custom-theme .el-progress.is-exception .el-progress-bar__inner { + background-color: #ffbf00; +} + +.custom-theme .el-progress.is-exception .el-progress__text { + color: #ffbf00; +} + +.custom-theme .el-progress.is-success .el-progress-bar__inner { + background-color: #00643b; +} + +.custom-theme .el-progress.is-success .el-progress__text { + color: #00643b; +} + +.custom-theme .el-progress__text { + font-size: 14px; + color: rgb(72, 81, 106); + display: inline-block; + vertical-align: middle; + margin-left: 10px; + line-height: 1; +} + +.custom-theme .el-progress__text i { + vertical-align: middle; + display: block; +} + +.custom-theme .el-progress--circle { + display: inline-block; +} + +.custom-theme .el-progress--circle .el-progress__text { + position: absolute; + top: 50%; + left: 0; + width: 100%; + text-align: center; + margin: 0; + transform: translate(0, -50%); +} + +.custom-theme .el-progress--circle .el-progress__text i { + vertical-align: middle; + display: inline-block; +} + +.custom-theme .el-progress--without-text .el-progress__text { + display: none; +} + +.custom-theme .el-progress--without-text .el-progress-bar { + padding-right: 0; + margin-right: 0; + display: block; +} + +.custom-theme .el-progress--text-inside .el-progress-bar { + padding-right: 0; + margin-right: 0; +} + +.custom-theme .el-progress-bar { + padding-right: 50px; + display: inline-block; + vertical-align: middle; + width: 100%; + margin-right: -55px; + box-sizing: border-box; +} + +.custom-theme .el-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: rgb(228, 230, 241); + overflow: hidden; + position: relative; + vertical-align: middle; +} + +.custom-theme .el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + border-radius: 2px 0 0 2px; + background-color: #073069; + text-align: right; + border-radius: 100px; + line-height: 1; +} + +.custom-theme .el-progress-bar__innerText { + display: inline-block; + vertical-align: middle; + color: #fff; + font-size: 12px; + margin: 0 5px; +} + +@keyframes progress { + 0% { + background-position: 0 0; + } + + 100% { + background-position: 32px 0; + } +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-time-spinner { + width: 100%; + white-space: nowrap; +} + +.custom-theme .el-spinner { + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-spinner-inner { + animation: rotate 2s linear infinite; + width: 50px; + height: 50px; +} + +.custom-theme .el-spinner-inner .path { + stroke: #ececec; + stroke-linecap: round; + animation: dash 1.5s ease-in-out infinite; +} + +@keyframes rotate { + 100% { + transform: rotate(360deg); + } +} + +@keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-message { + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); + min-width: 300px; + padding: 10px 12px; + box-sizing: border-box; + border-radius: 2px; + position: fixed; + left: 50%; + top: 20px; + transform: translateX(-50%); + background-color: #fff; + transition: opacity 0.3s, transform .4s; + overflow: hidden; +} + +.custom-theme .el-message .el-icon-circle-check { + color: #00643b; +} + +.custom-theme .el-message .el-icon-circle-cross { + color: #ffbf00; +} + +.custom-theme .el-message .el-icon-information { + color: #00a2ae; +} + +.custom-theme .el-message .el-icon-warning { + color: #f56a00; +} + +.custom-theme .el-message__group { + margin-left: 38px; + position: relative; + height: 20px; + line-height: 20px; +} + +.custom-theme .el-message__group p { + font-size: 14px; + margin: 0 34px 0 0; + white-space: nowrap; + color: rgb(131, 139, 165); + text-align: justify; +} + +.custom-theme .el-message__group.is-with-icon { + margin-left: 0; +} + +.custom-theme .el-message__img { + width: 40px; + height: 40px; + position: absolute; + left: 0; + top: 0; +} + +.custom-theme .el-message__icon { + vertical-align: middle; + margin-right: 8px; +} + +.custom-theme .el-message__closeBtn { + top: 3px; + right: 0; + position: absolute; + cursor: pointer; + color: rgb(191, 199, 217); + font-size: 14px; +} + +.custom-theme .el-message__closeBtn:hover { + color: rgb(151, 161, 190); +} + +.custom-theme .el-message-fade-enter, +.custom-theme .el-message-fade-leave-active { + opacity: 0; + transform: translate(-50%, -100%); +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-badge { + position: relative; + vertical-align: middle; + display: inline-block; +} + +.custom-theme .el-badge__content { + background-color: #ffbf00; + border-radius: 10px; + color: #fff; + display: inline-block; + font-size: 12px; + height: 18px; + line-height: 18px; + padding: 0 6px; + text-align: center; + white-space: nowrap; + border: 1px solid #fff; +} + +.custom-theme .el-badge__content.is-dot { + width: 8px; + height: 8px; + padding: 0; + right: 0; + border-radius: 50%; +} + +.custom-theme .el-badge__content.is-fixed { + top: 0; + right: 10px; + position: absolute; + transform: translateY(-50%) translateX(100%); +} + +.custom-theme .el-badge__content.is-fixed.is-dot { + right: 5px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-card { + border: 1px solid rgb(209, 215, 229); + border-radius: 4px; + background-color: #fff; + overflow: hidden; + box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .12), + 0px 0px 6px 0px rgba(0, 0, 0, .04); +} + +.custom-theme .el-card__header { + padding: 18px 20px; + border-bottom: 1px solid rgb(209, 215, 229); + box-sizing: border-box; +} + +.custom-theme .el-card__body { + padding: 20px; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-rate { + height: 20px; + line-height: 1; +} + +.custom-theme .el-rate__item { + display: inline-block; + position: relative; + font-size: 0; + vertical-align: middle; +} + +.custom-theme .el-rate__icon { + position: relative; + display: inline-block; + font-size: 18px; + margin-right: 6px; + color: rgb(191, 199, 217); + transition: .3s; +} + +.custom-theme .el-rate__icon .path2 { + position: absolute; + left: 0; + top: 0; +} + +.custom-theme .el-rate__icon.hover { + transform: scale(1.15); +} + +.custom-theme .el-rate__decimal { + position: absolute; + top: 0; + left: 0; + display: inline-block; + overflow: hidden; +} + +.custom-theme .el-rate__text { + font-size: 14px; + vertical-align: middle; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-steps { + font-size: 0; +} + +.custom-theme .el-steps > :last-child .el-step__line { + display: none; +} + +.custom-theme .el-steps.is-horizontal { + white-space: nowrap; +} + +.custom-theme .el-steps.is-horizontal.is-center { + text-align: center; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-step { + position: relative; + vertical-align: top; +} + + + +.custom-theme .el-step.is-vertical .el-step__head, +.custom-theme .el-step.is-vertical .el-step__main { + display: inline-block; +} + +.custom-theme .el-step.is-vertical .el-step__main { + padding-left: 10px; +} + +.custom-theme .el-step.is-horizontal { + display: inline-block; +} + +.custom-theme .el-step__line { + display: inline-block; + position: absolute; + border-color: inherit; + background-color: rgb(191, 199, 217); +} + +.custom-theme .el-step__line.is-vertical { + width: 2px; + box-sizing: border-box; + top: 32px; + bottom: 0; + left: 15px; +} + +.custom-theme .el-step__line.is-horizontal { + top: 15px; + height: 2px; + left: 32px; + right: 0; +} + + + +.custom-theme .el-step__line.is-icon.is-horizontal { + right: 4px; +} + +.custom-theme .el-step__line-inner { + display: block; + border-width: 1px; + border-style: solid; + border-color: inherit; + transition: all 150ms; + width: 0; + height: 0; +} + +.custom-theme .el-step__icon { + display: block; + line-height: 28px; +} + +.custom-theme .el-step__icon > * { + line-height: inherit; + vertical-align: middle; +} + +.custom-theme .el-step__head { + width: 28px; + height: 28px; + border-radius: 50%; + background-color: transparent; + text-align: center; + line-height: 28px; + font-size: 28px; + vertical-align: top; + transition: all 150ms; +} + +.custom-theme .el-step__head.is-finish { + color: #073069; + border-color: #073069; +} + +.custom-theme .el-step__head.is-error { + color: #ffbf00; + border-color: #ffbf00; +} + +.custom-theme .el-step__head.is-success { + color: #00643b; + border-color: #00643b; +} + +.custom-theme .el-step__head.is-wait { + color: rgb(191, 199, 217); + border-color: rgb(191, 199, 217); +} + +.custom-theme .el-step__head.is-process { + color: rgb(191, 199, 217); + border-color: rgb(191, 199, 217); +} + +.custom-theme .el-step__head.is-text { + font-size: 14px; + border-width: 2px; + border-style: solid; +} + +.custom-theme .el-step__head.is-text.is-finish { + color: #fff; + background-color: #073069; + border-color: #073069; +} + +.custom-theme .el-step__head.is-text.is-error { + color: #fff; + background-color: #ffbf00; + border-color: #ffbf00; +} + +.custom-theme .el-step__head.is-text.is-success { + color: #fff; + background-color: #00643b; + border-color: #00643b; +} + +.custom-theme .el-step__head.is-text.is-wait { + color: rgb(191, 199, 217); + background-color: #fff; + border-color: rgb(191, 199, 217); +} + +.custom-theme .el-step__head.is-text.is-process { + color: #fff; + background-color: rgb(191, 199, 217); + border-color: rgb(191, 199, 217); +} + +.custom-theme .el-step__main { + white-space: normal; + padding-right: 10px; + text-align: left; +} + +.custom-theme .el-step__title { + font-size: 14px; + line-height: 32px; + display: inline-block; +} + +.custom-theme .el-step__title.is-finish { + font-weight: 700; + color: #073069; +} + +.custom-theme .el-step__title.is-error { + font-weight: 700; + color: #ffbf00; +} + +.custom-theme .el-step__title.is-success { + font-weight: 700; + color: #00643b; +} + +.custom-theme .el-step__title.is-wait { + font-weight: 400; + color: rgb(151, 161, 190); +} + +.custom-theme .el-step__title.is-process { + font-weight: 700; + color: rgb(72, 81, 106); +} + +.custom-theme .el-step__description { + font-size: 12px; + font-weight: 400; + line-height: 14px; +} + +.custom-theme .el-step__description.is-finish { + color: #073069; +} + +.custom-theme .el-step__description.is-error { + color: #ffbf00; +} + +.custom-theme .el-step__description.is-success { + color: #00643b; +} + +.custom-theme .el-step__description.is-wait { + color: rgb(191, 199, 217); +} + +.custom-theme .el-step__description.is-process { + color: rgb(131, 139, 165); +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-carousel { + overflow-x: hidden; + position: relative; +} + +.custom-theme .el-carousel__container { + position: relative; + height: 300px; +} + +.custom-theme .el-carousel__arrow { + border: none; + outline: none; + padding: 0; + margin: 0; + width: 36px; + height: 36px; + cursor: pointer; + transition: .3s; + border-radius: 50%; + background-color: rgba(31, 45, 61, 0.11); + color: #fff; + position: absolute; + top: 50%; + z-index: 10; + transform: translateY(-50%); + text-align: center; + font-size: 12px; +} + +.custom-theme .el-carousel__arrow:hover { + background-color: rgba(31, 45, 61, 0.23); +} + +.custom-theme .el-carousel__arrow i { + cursor: pointer; +} + +.custom-theme .el-carousel__arrow--left { + left: 16px; +} + +.custom-theme .el-carousel__arrow--right { + right: 16px; +} + +.custom-theme .el-carousel__indicators { + position: absolute; + list-style: none; + bottom: 0; + left: 50%; + transform: translateX(-50%); + margin: 0; + padding: 0; + z-index: 2; +} + +.custom-theme .el-carousel__indicators--outside { + bottom: 26px; + text-align: center; + position: static; + transform: none; +} + +.custom-theme .el-carousel__indicators--outside .el-carousel__indicator:hover button { + opacity: 0.64; +} + +.custom-theme .el-carousel__indicators--outside button { + background-color: rgb(131, 139, 165); + opacity: 0.24; +} + +.custom-theme .el-carousel__indicator { + display: inline-block; + background-color: transparent; + padding: 12px 4px; + cursor: pointer; +} + +.custom-theme .el-carousel__indicator:hover button { + opacity: 0.72; +} + +.custom-theme .el-carousel__indicator.is-active button { + opacity: 1; +} + +.custom-theme .el-carousel__button { + display: block; + opacity: 0.48; + width: 30px; + height: 2px; + background-color: #fff; + border: none; + outline: none; + padding: 0; + margin: 0; + cursor: pointer; + transition: .3s; +} + +.custom-theme .carousel-arrow-left-enter, +.custom-theme .carousel-arrow-left-leave-active { + transform: translateY(-50%) translateX(-10px); + opacity: 0; +} + +.custom-theme .carousel-arrow-right-enter, +.custom-theme .carousel-arrow-right-leave-active { + transform: translateY(-50%) translateX(10px); + opacity: 0; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-scrollbar { + overflow: hidden; + position: relative; +} + +.custom-theme .el-scrollbar:hover .el-scrollbar__bar, +.custom-theme .el-scrollbar:active .el-scrollbar__bar, +.custom-theme .el-scrollbar:focus .el-scrollbar__bar { + opacity: 1; + transition: opacity 340ms ease-out; +} + +.custom-theme .el-scrollbar__wrap { + overflow: scroll; +} + + + +.custom-theme .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} + +.custom-theme .el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(151, 161, 190, 0.3); + transition: .3s background-color; +} + +.custom-theme .el-scrollbar__thumb:hover { + background-color: rgba(151, 161, 190, 0.5); +} + +.custom-theme .el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + transition: opacity 120ms ease-out; +} + +.custom-theme .el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} + +.custom-theme .el-scrollbar__bar.is-horizontal > div { + height: 100%; +} + +.custom-theme .el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} + +.custom-theme .el-scrollbar__bar.is-vertical > div { + width: 100%; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + + + +.custom-theme .el-carousel__item { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: inline-block; + transition: .4s ease-in-out; + overflow: hidden; + z-index: 0; +} + +.custom-theme .el-carousel__item.is-active { + z-index: 2; +} + +.custom-theme .el-carousel__item--card { + width: 50%; +} + +.custom-theme .el-carousel__item--card.is-in-stage { + cursor: pointer; + z-index: 1; +} + +.custom-theme .el-carousel__item--card.is-in-stage:hover .el-carousel__mask, +.custom-theme .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask { + opacity: 0.12; +} + +.custom-theme .el-carousel__item--card.is-active { + z-index: 2; +} + +.custom-theme .el-carousel__mask { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: #fff; + opacity: 0.24; + transition: .2s; +} + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-collapse { + border: 1px solid rgb(223, 227, 236); + border-radius: 0; +} + + + +.custom-theme .el-collapse-item:last-child { + margin-bottom: -1px; +} + +.custom-theme .el-collapse-item.is-active > .el-collapse-item__header .el-collapse-item__header__arrow { + transform: rotate(90deg); +} + +.custom-theme .el-collapse-item__header { + height: 43px; + line-height: 43px; + padding-left: 15px; + background-color: #fff; + color: rgb(72, 81, 106); + cursor: pointer; + border-bottom: 1px solid rgb(223, 227, 236); + font-size: 13px; +} + +.custom-theme .el-collapse-item__header__arrow { + margin-right: 8px; + transition: transform .3s; +} + +.custom-theme .el-collapse-item__wrap { + will-change: height; + background-color: rgb(250, 251, 252); + overflow: hidden; + box-sizing: border-box; + border-bottom: 1px solid rgb(223, 227, 236); +} + +.custom-theme .el-collapse-item__content { + padding: 10px 15px; + font-size: 13px; + color: rgb(31, 40, 61); + line-height: 1.769230769230769; +} + +@charset "UTF-8"; + +@charset "UTF-8"; + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} + +.custom-theme .el-input.is-disabled .el-input__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-disabled .el-input__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-input.is-active .el-input__inner { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__inner { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid rgb(191, 199, 217); + box-sizing: border-box; + color: rgb(31, 40, 61); + display: block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); + width: 100%; +} + +.custom-theme .el-input__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-input__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme .el-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: rgb(191, 199, 217); + transition: all .3s; +} + +.custom-theme .el-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} + +.custom-theme .el-input__icon + .el-input__inner { + padding-right: 35px; +} + + + +.custom-theme .el-input__icon.is-clickable:hover { + cursor: pointer; + color: rgb(131, 139, 165); +} + +.custom-theme .el-input__icon.is-clickable:hover + .el-input__inner { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-input--large { + font-size: 16px; +} + +.custom-theme .el-input--large .el-input__inner { + height: 42px; +} + +.custom-theme .el-input--small { + font-size: 13px; +} + +.custom-theme .el-input--small .el-input__inner { + height: 30px; +} + +.custom-theme .el-input--mini { + font-size: 12px; +} + +.custom-theme .el-input--mini .el-input__inner { + height: 22px; +} + +.custom-theme .el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} + +.custom-theme .el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} + +.custom-theme .el-input-group__append, +.custom-theme .el-input-group__prepend { + background-color: rgb(250, 251, 252); + color: rgb(151, 161, 190); + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + padding: 0 10px; + width: 1%; + white-space: nowrap; +} + +.custom-theme .el-input-group__append .el-select, +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__prepend .el-select, +.custom-theme .el-input-group__prepend .el-button { + display: block; + margin: -10px; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-select .el-input__inner, +.custom-theme .el-input-group__append .el-select:hover .el-input__inner, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-select .el-input__inner, +.custom-theme .el-input-group__prepend .el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} + +.custom-theme .el-input-group__append .el-button, +.custom-theme .el-input-group__append .el-input, +.custom-theme .el-input-group__prepend .el-button, +.custom-theme .el-input-group__prepend .el-input { + font-size: inherit; +} + +.custom-theme .el-input-group__prepend { + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-input-group__append { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--prepend .el-input__inner { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-theme .el-input-group--append .el-input__inner { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.custom-theme .el-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner { + background-color: rgb(238, 240, 246); + border-color: rgb(209, 215, 229); + color: #bbb; + cursor: not-allowed; +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea.is-disabled .el-textarea__inner::placeholder { + color: rgb(191, 199, 217); +} + +.custom-theme .el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: rgb(31, 40, 61); + background-color: #fff; + background-image: none; + border: 1px solid rgb(191, 199, 217); + border-radius: 4px; + transition: border-color .2s cubic-bezier(.645,.045,.355,1); +} + +.custom-theme .el-textarea__inner::-webkit-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:-ms-input-placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner::placeholder { + color: rgb(151, 161, 190); +} + +.custom-theme .el-textarea__inner:hover { + border-color: rgb(131, 139, 165); +} + +.custom-theme .el-textarea__inner:focus { + outline: none; + border-color: #073069; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-cascader { + display: inline-block; + position: relative; + background-color: #fff; +} + +.custom-theme .el-cascader .el-input, +.custom-theme .el-cascader .el-input__inner { + cursor: pointer; + background-color: transparent; + z-index: 1; +} + +.custom-theme .el-cascader .el-input__icon { + transition: none; +} + +.custom-theme .el-cascader .el-icon-caret-bottom { + transition: transform .3s; +} + +.custom-theme .el-cascader .el-icon-caret-bottom.is-reverse { + transform: rotateZ(180deg); +} + +.custom-theme .el-cascader.is-disabled .el-cascader__label { + z-index: 2; + color: #bbb; +} + +.custom-theme .el-cascader__label { + position: absolute; + left: 0; + top: 0; + height: 100%; + line-height: 34px; + padding: 0 25px 0 10px; + color: rgb(31, 40, 61); + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + box-sizing: border-box; + cursor: pointer; + font-size: 14px; + text-align: left; +} + +.custom-theme .el-cascader__label span { + color: rgb(151, 161, 190); +} + +.custom-theme .el-cascader--large { + font-size: 16px; +} + +.custom-theme .el-cascader--large .el-cascader__label { + line-height: 40px; +} + +.custom-theme .el-cascader--small { + font-size: 13px; +} + +.custom-theme .el-cascader--small .el-cascader__label { + line-height: 28px; +} + +.custom-theme .el-cascader-menus { + white-space: nowrap; + background: #fff; + position: absolute; + margin: 5px 0; + z-index: 2; + border: solid 1px rgb(209, 215, 229); + border-radius: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); +} + +.custom-theme .el-cascader-menu { + display: inline-block; + vertical-align: top; + height: 204px; + overflow: auto; + border-right: solid 1px rgb(209, 215, 229); + background-color: #fff; + box-sizing: border-box; + margin: 0; + padding: 6px 0; + min-width: 160px; +} + +.custom-theme .el-cascader-menu:last-child { + border-right: 0; +} + +.custom-theme .el-cascader-menu__item { + font-size: 14px; + padding: 8px 30px 8px 10px; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: rgb(72, 81, 106); + height: 36px; + line-height: 1.5; + box-sizing: border-box; + cursor: pointer; +} + +.custom-theme .el-cascader-menu__item:hover { + background-color: rgb(228, 230, 241); +} + +.custom-theme .el-cascader-menu__item.selected { + color: #fff; + background-color: #073069; +} + +.custom-theme .el-cascader-menu__item.selected.hover { + background-color: rgb(6, 42, 92); +} + +.custom-theme .el-cascader-menu__item.is-active { + color: #fff; + background-color: #073069; +} + +.custom-theme .el-cascader-menu__item.is-active:hover { + background-color: rgb(6, 42, 92); +} + +.custom-theme .el-cascader-menu__item.is-disabled { + color: rgb(191, 199, 217); + background-color: #fff; + cursor: not-allowed; +} + +.custom-theme .el-cascader-menu__item.is-disabled:hover { + background-color: #fff; +} + +.custom-theme .el-cascader-menu__item__keyword { + font-weight: 700; +} + + + +.custom-theme .el-cascader-menu__item--extensible:after { + font-family: 'element-icons'; + content: "\e606"; + font-size: 12px; + transform: scale(0.8); + color: rgb(191, 203, 217); + position: absolute; + right: 10px; + margin-top: 1px; +} + +.custom-theme .el-cascader-menu--flexible { + height: auto; + max-height: 180px; + overflow: auto; +} + +.custom-theme .el-cascader-menu--flexible .el-cascader-menu__item { + overflow: visible; +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} + +.custom-theme .el-color-hue-slider { + position: relative; + box-sizing: border-box; + width: 280px; + height: 12px; + background-color: #f00; + padding: 0 2px; +} + +.custom-theme .el-color-hue-slider.is-vertical { + width: 12px; + height: 180px; + padding: 2px 0; +} + +.custom-theme .el-color-hue-slider.is-vertical .el-color-hue-slider__bar { + background: linear-gradient( + to bottom, #f00 0%, + #ff0 17%, #0f0 33%, + #0ff 50%, #00f 67%, + #f0f 83%, #f00 100%); +} + +.custom-theme .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} + +.custom-theme .el-color-hue-slider__bar { + position: relative; + background: linear-gradient( + to right, #f00 0%, + #ff0 17%, #0f0 33%, + #0ff 50%, #00f 67%, + #f0f 83%, #f00 100%); + height: 100%; +} + +.custom-theme .el-color-hue-slider__thumb { + position: absolute; + cursor: pointer; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} + +.custom-theme .el-color-svpanel { + position: relative; + width: 280px; + height: 180px; +} + +.custom-theme .el-color-svpanel__white, +.custom-theme .el-color-svpanel__black { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.custom-theme .el-color-svpanel__white { + background: linear-gradient(to right, #fff, rgba(255,255,255,0)); +} + +.custom-theme .el-color-svpanel__black { + background: linear-gradient(to top, #000, rgba(0,0,0,0)); +} + +.custom-theme .el-color-svpanel__cursor { + position: absolute; +} + +.custom-theme .el-color-svpanel__cursor > div { + cursor: head; + width: 4px; + height: 4px; + box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,0.3), 0 0 1px 2px rgba(0,0,0,0.4); + border-radius: 50%; + transform: translate(-2px, -2px); +} + +.custom-theme .el-color-alpha-slider { + position: relative; + box-sizing: border-box; + width: 280px; + height: 12px; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} + +.custom-theme .el-color-alpha-slider.is-vertical { + width: 20px; + height: 180px; +} + +.custom-theme .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { + background: linear-gradient( + to bottom, rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 1) 100%); +} + +.custom-theme .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} + +.custom-theme .el-color-alpha-slider__bar { + position: relative; + background: linear-gradient( + to right, rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 1) 100%); + height: 100%; +} + +.custom-theme .el-color-alpha-slider__thumb { + position: absolute; + cursor: pointer; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} + +.custom-theme .el-color-dropdown { + width: 300px; +} + +.custom-theme .el-color-dropdown__main-wrapper { + margin-bottom: 6px; +} + +.custom-theme .el-color-dropdown__main-wrapper::after { + content: ""; + display: table; + clear: both; +} + +.custom-theme .el-color-dropdown__btns { + margin-top: 6px; + text-align: right; +} + +.custom-theme .el-color-dropdown__value { + float: left; + line-height: 26px; + font-size: 12px; + color: rgb(31, 40, 61); +} + +.custom-theme .el-color-dropdown__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: none; + font-size: 12px; +} + +.custom-theme .el-color-dropdown__btn[disabled] { + color: #cccccc; + cursor: not-allowed; +} + +.custom-theme .el-color-dropdown__btn:hover { + color: #073069; + border-color: #073069; +} + +.custom-theme .el-color-dropdown__link-btn { + cursor: pointer; + color: #073069; + text-decoration: none; + padding: 15px; + font-size: 12px; +} + +.custom-theme .el-color-dropdown__link-btn:hover { + color: rgb(57, 89, 135); +} + +.custom-theme .el-color-picker { + display: inline-block; + position: relative; +} + +.custom-theme .el-color-picker__trigger { + display: inline-block; + box-sizing: border-box; + height: 36px; + padding: 6px; + border: 1px solid #bfcbd9; + border-radius: 4px; + font-size: 0; +} + +.custom-theme .el-color-picker__color { + position: relative; + display: inline-block; + box-sizing: border-box; + vertical-align: middle; + border: 1px solid #666; + width: 22px; + height: 22px; + text-align: center; +} + +.custom-theme .el-color-picker__color.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} + +.custom-theme .el-color-picker__color-inner { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; +} + +.custom-theme .el-color-picker__empty { + font-size: 12px; + vertical-align: middle; + margin-top: 4px; + color: #666; +} + +.custom-theme .el-color-picker__icon { + display: inline-block; + position: relative; + vertical-align: middle; + margin-left: 8px; + width: 12px; + color: #888; + font-size: 12px; +} + +.custom-theme .el-color-picker__panel { + position: absolute; + z-index: 10; + padding: 6px; + background-color: #fff; + border: 1px solid rgb(209, 215, 229); + box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12); +} + +.custom-theme :root { + /* Transition + -------------------------- */ + /* Colors + -------------------------- */ + /* Link + -------------------------- */ + /* Border + -------------------------- */ + /* Box-shadow + -------------------------- */ + /* Fill + -------------------------- */ + /* Font + -------------------------- */ + /* Size + -------------------------- */ + /* z-index + -------------------------- */ + /* Disable base + -------------------------- */ + /* Icon + -------------------------- */ + /* Checkbox + -------------------------- */ + /* Radio + -------------------------- */ + /* Select + -------------------------- */ + /* Alert + -------------------------- */ + /* Message Box + -------------------------- */ + /* Message + -------------------------- */ + /* Notification + -------------------------- */ + /* Input + -------------------------- */ + /* Cascader + -------------------------- */ + /* Group + -------------------------- */ + /* Tab + -------------------------- */ + /* Button + -------------------------- */ + /* cascader + -------------------------- */ + /* Switch + -------------------------- */ + /* Dialog + -------------------------- */ + /* Table + -------------------------- */ + /* Pagination + -------------------------- */ + /* Popover + -------------------------- */ + /* Tooltip + -------------------------- */ + /* Tag + -------------------------- */ + /* Dropdown + -------------------------- */ + /* Badge + -------------------------- */ + /* Card + --------------------------*/ + /* Slider + --------------------------*/ + /* Steps + --------------------------*/ + /* Menu + --------------------------*/ + /* Rate + --------------------------*/ + /* DatePicker + --------------------------*/ + /* Loading + --------------------------*/ + /* Scrollbar + --------------------------*/ + /* Carousel + --------------------------*/ + /* Collapse + --------------------------*/ +} \ No newline at end of file diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js new file mode 100644 index 00000000..fce13fd7 --- /dev/null +++ b/src/assets/iconfont/iconfont.js @@ -0,0 +1,188 @@ +;(function(window) { + + var svgSprite = '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + var script = function() { + var scripts = document.getElementsByTagName('script') + return scripts[scripts.length - 1] + }() + var shouldInjectCss = script.getAttribute("data-injectcss") + + /** + * document ready + */ + var ready = function(fn) { + if (document.addEventListener) { + if (~["complete", "loaded", "interactive"].indexOf(document.readyState)) { + setTimeout(fn, 0) + } else { + var loadFn = function() { + document.removeEventListener("DOMContentLoaded", loadFn, false) + fn() + } + document.addEventListener("DOMContentLoaded", loadFn, false) + } + } else if (document.attachEvent) { + IEContentLoaded(window, fn) + } + + function IEContentLoaded(w, fn) { + var d = w.document, + done = false, + // only fire once + init = function() { + if (!done) { + done = true + fn() + } + } + // polling for no errors + var polling = function() { + try { + // throws errors until after ondocumentready + d.documentElement.doScroll('left') + } catch (e) { + setTimeout(polling, 50) + return + } + // no errors, fire + + init() + }; + + polling() + // trying to always fire before onload + d.onreadystatechange = function() { + if (d.readyState == 'complete') { + d.onreadystatechange = null + init() + } + } + } + } + + /** + * Insert el before target + * + * @param {Element} el + * @param {Element} target + */ + + var before = function(el, target) { + target.parentNode.insertBefore(el, target) + } + + /** + * Prepend el to target + * + * @param {Element} el + * @param {Element} target + */ + + var prepend = function(el, target) { + if (target.firstChild) { + before(el, target.firstChild) + } else { + target.appendChild(el) + } + } + + function appendSvg() { + var div, svg + + div = document.createElement('div') + div.innerHTML = svgSprite + svgSprite = null + svg = div.getElementsByTagName('svg')[0] + if (svg) { + svg.setAttribute('aria-hidden', 'true') + svg.style.position = 'absolute' + svg.style.width = 0 + svg.style.height = 0 + svg.style.overflow = 'hidden' + prepend(svg, document.body) + } + } + + if (shouldInjectCss && !window.__iconfont__svg__cssinject__) { + window.__iconfont__svg__cssinject__ = true + try { + document.write(""); + } catch (e) { + console && console.log(e) + } + } + + ready(appendSvg) + + +})(window) \ No newline at end of file diff --git a/src/components/Charts/barPercent.vue b/src/components/Charts/barPercent.vue new file mode 100644 index 00000000..e82422fe --- /dev/null +++ b/src/components/Charts/barPercent.vue @@ -0,0 +1,104 @@ + + diff --git a/src/components/Charts/keyboard.vue b/src/components/Charts/keyboard.vue new file mode 100644 index 00000000..8b866d83 --- /dev/null +++ b/src/components/Charts/keyboard.vue @@ -0,0 +1,113 @@ + + diff --git a/src/components/Charts/keyboard2.vue b/src/components/Charts/keyboard2.vue new file mode 100644 index 00000000..605d7c1d --- /dev/null +++ b/src/components/Charts/keyboard2.vue @@ -0,0 +1,149 @@ + + diff --git a/src/components/Charts/line.vue b/src/components/Charts/line.vue new file mode 100644 index 00000000..ab416c76 --- /dev/null +++ b/src/components/Charts/line.vue @@ -0,0 +1,146 @@ + + diff --git a/src/components/Charts/linemarker.vue b/src/components/Charts/linemarker.vue new file mode 100644 index 00000000..cbba78bc --- /dev/null +++ b/src/components/Charts/linemarker.vue @@ -0,0 +1,219 @@ + + diff --git a/src/components/Charts/mixchart.vue b/src/components/Charts/mixchart.vue new file mode 100644 index 00000000..c7c9fe58 --- /dev/null +++ b/src/components/Charts/mixchart.vue @@ -0,0 +1,266 @@ + + diff --git a/src/components/Dropzone/index.vue b/src/components/Dropzone/index.vue new file mode 100644 index 00000000..8527e76c --- /dev/null +++ b/src/components/Dropzone/index.vue @@ -0,0 +1,294 @@ + + + + diff --git a/src/components/ErrLog/index.vue b/src/components/ErrLog/index.vue new file mode 100644 index 00000000..d7af6040 --- /dev/null +++ b/src/components/ErrLog/index.vue @@ -0,0 +1,51 @@ + + + + diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue new file mode 100644 index 00000000..fc330374 --- /dev/null +++ b/src/components/Hamburger/index.vue @@ -0,0 +1,36 @@ + + + + + diff --git a/src/components/Icon-svg/index.js b/src/components/Icon-svg/index.js new file mode 100644 index 00000000..55d342a9 --- /dev/null +++ b/src/components/Icon-svg/index.js @@ -0,0 +1,11 @@ +import Vue from 'vue' + +function registerAllComponents(requireContext) { + return requireContext.keys().forEach(comp => { + const vueComp = requireContext(comp) + const compName = vueComp.name ? vueComp.name.toLowerCase() : /\/([\w-]+)\.vue$/.exec(comp)[1] + Vue.component(compName, vueComp) + }) +} + +registerAllComponents(require.context('./', false, /\.vue$/)) diff --git a/src/components/Icon-svg/wscn-icon-stack.vue b/src/components/Icon-svg/wscn-icon-stack.vue new file mode 100644 index 00000000..bf7b07e1 --- /dev/null +++ b/src/components/Icon-svg/wscn-icon-stack.vue @@ -0,0 +1,52 @@ + + + + + diff --git a/src/components/Icon-svg/wscn-icon-svg.vue b/src/components/Icon-svg/wscn-icon-svg.vue new file mode 100644 index 00000000..04b01f4a --- /dev/null +++ b/src/components/Icon-svg/wscn-icon-svg.vue @@ -0,0 +1,26 @@ + + + + + diff --git a/src/components/ImageCropper/index.vue b/src/components/ImageCropper/index.vue new file mode 100644 index 00000000..1e60a5d4 --- /dev/null +++ b/src/components/ImageCropper/index.vue @@ -0,0 +1,716 @@ + + + + + diff --git a/src/components/ImageCropper/lang.js b/src/components/ImageCropper/lang.js new file mode 100644 index 00000000..f2fa9210 --- /dev/null +++ b/src/components/ImageCropper/lang.js @@ -0,0 +1,41 @@ +const langBag = { + zh: { + hint: '点击，或拖动图片至此处', + loading: '正在上传……', + noSupported: '浏览器不支持该功能，请使用IE10以上或其他现在浏览器！', + success: '上传成功', + fail: '图片上传失败', + preview: '头像预览', + btn: { + off: '取消', + close: '关闭', + back: '上一步', + save: '保存' + }, + error: { + onlyImg: '仅限图片格式', + outOfSize: '单文件大小不能超过 ', + lowestPx: '图片最低像素为（宽*高）：' + } + }, + en: { + hint: 'Click, or drag the file here', + loading: 'Uploading……', + noSupported: 'Browser does not support, please use IE10+ or other browsers', + success: 'Upload success', + fail: 'Upload failed', + preview: 'Preview', + btn: { + off: 'Cancel', + close: 'Close', + back: 'Back', + save: 'Save' + }, + error: { + onlyImg: 'Image only', + outOfSize: 'Image exceeds size limit: ', + lowestPx: 'The lowest pixel in the image: ' + } + } +}; +export default langBag; diff --git a/src/components/ImageCropper/upload.css b/src/components/ImageCropper/upload.css new file mode 100644 index 00000000..d01dc40c --- /dev/null +++ b/src/components/ImageCropper/upload.css @@ -0,0 +1,691 @@ +@charset "UTF-8"; +@-webkit-keyframes vicp_progress { + 0% { + background-position-y: 0; + } + 100% { + background-position-y: 40px; + } +} + +@keyframes vicp_progress { + 0% { + background-position-y: 0; + } + 100% { + background-position-y: 40px; + } +} + +@-webkit-keyframes vicp { + 0% { + opacity: 0; + -webkit-transform: scale(0) translatey(-60px); + transform: scale(0) translatey(-60px); + } + 100% { + opacity: 1; + -webkit-transform: scale(1) translatey(0); + transform: scale(1) translatey(0); + } +} + +@keyframes vicp { + 0% { + opacity: 0; + -webkit-transform: scale(0) translatey(-60px); + transform: scale(0) translatey(-60px); + } + 100% { + opacity: 1; + -webkit-transform: scale(1) translatey(0); + transform: scale(1) translatey(0); + } +} + +.vue-image-crop-upload { + position: fixed; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10000; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.65); + -webkit-tap-highlight-color: transparent; + -moz-tap-highlight-color: transparent; +} + +.vue-image-crop-upload .vicp-wrap { + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); + position: fixed; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10000; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + width: 600px; + height: 330px; + padding: 25px; + background-color: #fff; + border-radius: 2px; + -webkit-animation: vicp 0.12s ease-in; + animation: vicp 0.12s ease-in; +} + +.vue-image-crop-upload .vicp-wrap .vicp-close { + position: absolute; + right: -30px; + top: -30px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4 { + position: relative; + display: block; + width: 30px; + height: 30px; + cursor: pointer; + -webkit-transition: -webkit-transform 0.18s; + transition: -webkit-transform 0.18s; + transition: transform 0.18s; + transition: transform 0.18s, -webkit-transform 0.18s; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); +} + +.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after, .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before { + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); + content: ''; + position: absolute; + top: 12px; + left: 4px; + width: 20px; + height: 3px; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + background-color: #fff; +} + +.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after { + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area { + position: relative; + padding: 35px; + height: 200px; + background-color: rgba(0, 0, 0, 0.03); + text-align: center; + border: 1px dashed rgba(0, 0, 0, 0.08); + overflow: hidden; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 { + display: block; + margin: 0 auto 6px; + width: 42px; + height: 42px; + overflow: hidden; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow { + display: block; + margin: 0 auto; + width: 0; + height: 0; + border-bottom: 14.7px solid rgba(0, 0, 0, 0.3); + border-left: 14.7px solid transparent; + border-right: 14.7px solid transparent; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body { + display: block; + width: 12.6px; + height: 14.7px; + margin: 0 auto; + background-color: rgba(0, 0, 0, 0.3); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + height: 12.6px; + border: 6px solid rgba(0, 0, 0, 0.3); + border-top: none; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint { + display: block; + padding: 15px; + font-size: 14px; + color: #666; + line-height: 30px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint { + display: block; + position: absolute; + top: 0; + left: 0; + padding: 30px; + width: 100%; + height: 60px; + line-height: 30px; + background-color: #eee; + text-align: center; + color: #666; + font-size: 14px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover { + cursor: pointer; + border-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.05); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop { + overflow: hidden; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left { + float: left; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container { + position: relative; + display: block; + width: 240px; + height: 180px; + background-color: #e5e5e0; + overflow: hidden; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img { + position: absolute; + display: block; + cursor: move; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade { + -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18); + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18); + position: absolute; + background-color: rgba(241, 242, 243, 0.8); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1 { + top: 0; + left: 0; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2 { + bottom: 0; + right: 0; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range { + position: relative; + margin: 30px 0; + width: 240px; + height: 18px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5, +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 { + position: absolute; + top: 0; + width: 18px; + height: 18px; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.08); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover, +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover { + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); + cursor: pointer; + background-color: rgba(0, 0, 0, 0.14); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 { + left: 0; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before { + position: absolute; + content: ''; + display: block; + left: 3px; + top: 8px; + width: 12px; + height: 2px; + background-color: #fff; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 { + right: 0; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before { + position: absolute; + content: ''; + display: block; + left: 3px; + top: 8px; + width: 12px; + height: 2px; + background-color: #fff; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after { + position: absolute; + content: ''; + display: block; + top: 3px; + left: 8px; + width: 2px; + height: 12px; + background-color: #fff; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range] { + display: block; + padding-top: 5px; + margin: 0 auto; + width: 180px; + height: 8px; + vertical-align: top; + background: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + /* 滑块 + ---------------------------------------------------------------*/ + /* 轨道 + ---------------------------------------------------------------*/ +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus { + outline: none; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-thumb { + -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18); + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18); + -webkit-appearance: none; + appearance: none; + margin-top: -3px; + width: 12px; + height: 12px; + background-color: #61c091; + border-radius: 100%; + border: none; + -webkit-transition: 0.2s; + transition: 0.2s; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-thumb { + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18); + -moz-appearance: none; + appearance: none; + width: 12px; + height: 12px; + background-color: #61c091; + border-radius: 100%; + border: none; + -webkit-transition: 0.2s; + transition: 0.2s; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-thumb { + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18); + appearance: none; + width: 12px; + height: 12px; + background-color: #61c091; + border: none; + border-radius: 100%; + -webkit-transition: 0.2s; + transition: 0.2s; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-moz-range-thumb { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); + width: 14px; + height: 14px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-ms-thumb { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); + width: 14px; + height: 14px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-webkit-slider-thumb { + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); + margin-top: -4px; + width: 14px; + height: 14px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-runnable-track { + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); + width: 100%; + height: 6px; + cursor: pointer; + border-radius: 2px; + border: none; + background-color: rgba(68, 170, 119, 0.3); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-track { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); + width: 100%; + height: 6px; + cursor: pointer; + border-radius: 2px; + border: none; + background-color: rgba(68, 170, 119, 0.3); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-track { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); + width: 100%; + cursor: pointer; + background: transparent; + border-color: transparent; + color: transparent; + height: 6px; + border-radius: 2px; + border: none; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-lower { + background-color: rgba(68, 170, 119, 0.3); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-upper { + background-color: rgba(68, 170, 119, 0.15); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-webkit-slider-runnable-track { + background-color: rgba(68, 170, 119, 0.5); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-moz-range-track { + background-color: rgba(68, 170, 119, 0.5); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-lower { + background-color: rgba(68, 170, 119, 0.45); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-upper { + background-color: rgba(68, 170, 119, 0.25); +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right { + float: right; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview { + height: 150px; + overflow: hidden; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item { + position: relative; + padding: 5px; + width: 100px; + height: 100px; + float: left; + margin-right: 16px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span { + position: absolute; + bottom: -30px; + width: 100%; + font-size: 14px; + color: #bbb; + display: block; + text-align: center; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img { + position: absolute; + display: block; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + padding: 3px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.15); + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item:last-child { + margin-right: 0; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item:last-child img { + border-radius: 100%; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload { + position: relative; + padding: 35px; + height: 200px; + background-color: rgba(0, 0, 0, 0.03); + text-align: center; + border: 1px dashed #ddd; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading { + display: block; + padding: 15px; + font-size: 16px; + color: #999; + line-height: 30px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap { + margin-top: 12px; + background-color: rgba(0, 0, 0, 0.08); + border-radius: 3px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress { + position: relative; + display: block; + height: 5px; + border-radius: 3px; + background-color: #4a7; + -webkit-box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3); + box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3); + -webkit-transition: width 0.15s linear; + transition: width 0.15s linear; + background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); + background-size: 40px 40px; + -webkit-animation: vicp_progress 0.5s linear infinite; + animation: vicp_progress 0.5s linear infinite; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after { + content: ''; + position: absolute; + display: block; + top: -3px; + right: -3px; + width: 9px; + height: 9px; + border: 1px solid rgba(245, 246, 247, 0.7); + -webkit-box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7); + box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7); + border-radius: 100%; + background-color: #4a7; +} + +.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error, +.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success { + height: 100px; + line-height: 100px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-operate { + position: absolute; + right: 20px; + bottom: 20px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-operate a { + position: relative; + float: left; + display: block; + margin-left: 10px; + width: 100px; + height: 36px; + line-height: 36px; + text-align: center; + cursor: pointer; + font-size: 14px; + color: #4a7; + border-radius: 2px; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.vue-image-crop-upload .vicp-wrap .vicp-operate a:hover { + background-color: rgba(0, 0, 0, 0.03); +} + +.vue-image-crop-upload .vicp-wrap .vicp-error, +.vue-image-crop-upload .vicp-wrap .vicp-success { + display: block; + font-size: 14px; + line-height: 24px; + height: 24px; + color: #d10; + text-align: center; + vertical-align: top; +} + +.vue-image-crop-upload .vicp-wrap .vicp-success { + color: #4a7; +} + +.vue-image-crop-upload .vicp-wrap .vicp-icon3 { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + top: 4px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-icon3::after { + position: absolute; + top: 3px; + left: 6px; + width: 6px; + height: 10px; + border-width: 0 2px 2px 0; + border-color: #4a7; + border-style: solid; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + content: ''; +} + +.vue-image-crop-upload .vicp-wrap .vicp-icon2 { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + top: 4px; +} + +.vue-image-crop-upload .vicp-wrap .vicp-icon2::after, .vue-image-crop-upload .vicp-wrap .vicp-icon2::before { + content: ''; + position: absolute; + top: 9px; + left: 4px; + width: 13px; + height: 2px; + background-color: #d10; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.vue-image-crop-upload .vicp-wrap .vicp-icon2::after { + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.e-ripple { + position: absolute; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + opacity: 1; +} + +.e-ripple.z-active { + opacity: 0; + -webkit-transform: scale(2); + -ms-transform: scale(2); + transform: scale(2); + -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; + transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; + transition: opacity 1.2s ease-out, transform 0.6s ease-out; + transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; +} \ No newline at end of file diff --git a/src/components/ImageCropper/utils.js b/src/components/ImageCropper/utils.js new file mode 100644 index 00000000..0ccd3af0 --- /dev/null +++ b/src/components/ImageCropper/utils.js @@ -0,0 +1,58 @@ +/* eslint-disable */ + +/** + * + * @param e + * @param arg_opts + * @returns {boolean} + */ +export function effectRipple(e, arg_opts) { + let opts = Object.assign({ + ele: e.target, // 波纹作用元素 + type: 'hit', // hit点击位置扩散　center中心点扩展 + bgc: 'rgba(0, 0, 0, 0.15)' // 波纹颜色 + }, arg_opts), + target = opts.ele; + if (target) { + let rect = target.getBoundingClientRect(), + ripple = target.querySelector('.e-ripple'); + if (!ripple) { + ripple = document.createElement('span'); + ripple.className = 'e-ripple'; + ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'; + target.appendChild(ripple); + } else { + ripple.className = 'e-ripple'; + } + switch (opts.type) { + case 'center': + ripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px'; + ripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px'; + break; + default: + ripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px'; + ripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px'; + } + ripple.style.backgroundColor = opts.bgc; + ripple.className = 'e-ripple z-active'; + return false; + } +} +// database64文件格式转换为2进制 +/** + * + * @param data + * @param mime + * @returns {*} + */ +export function data2blob(data, mime) { + // dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了 + data = data.split(',')[1]; + data = window.atob(data); + var ia = new Uint8Array(data.length); + for (var i = 0; i < data.length; i++) { + ia[i] = data.charCodeAt(i); + } + // canvas.toDataURL 返回的默认格式就是 image/png + return new Blob([ia], {type: mime}); +}; diff --git a/src/components/MDinput/index.vue b/src/components/MDinput/index.vue new file mode 100644 index 00000000..277f2e20 --- /dev/null +++ b/src/components/MDinput/index.vue @@ -0,0 +1,407 @@ + + + + + diff --git a/src/components/MdEditor/index.vue b/src/components/MdEditor/index.vue new file mode 100644 index 00000000..493f8b5e --- /dev/null +++ b/src/components/MdEditor/index.vue @@ -0,0 +1,108 @@ + + + + + + + diff --git a/src/components/PanThumb/index.vue b/src/components/PanThumb/index.vue new file mode 100644 index 00000000..be63affd --- /dev/null +++ b/src/components/PanThumb/index.vue @@ -0,0 +1,145 @@ + + + + diff --git a/src/components/SplitPane/Pane.vue b/src/components/SplitPane/Pane.vue new file mode 100644 index 00000000..c6765df0 --- /dev/null +++ b/src/components/SplitPane/Pane.vue @@ -0,0 +1,41 @@ + + + + + diff --git a/src/components/SplitPane/Resizer.vue b/src/components/SplitPane/Resizer.vue new file mode 100644 index 00000000..e6499c9b --- /dev/null +++ b/src/components/SplitPane/Resizer.vue @@ -0,0 +1,71 @@ + + + diff --git a/src/components/SplitPane/index.vue b/src/components/SplitPane/index.vue new file mode 100644 index 00000000..3b4d62ec --- /dev/null +++ b/src/components/SplitPane/index.vue @@ -0,0 +1,116 @@ + + + + diff --git a/src/components/Sticky/index.vue b/src/components/Sticky/index.vue new file mode 100644 index 00000000..a5bf2d5a --- /dev/null +++ b/src/components/Sticky/index.vue @@ -0,0 +1,73 @@ + + diff --git a/src/components/Tinymce/components/editorAudio.vue b/src/components/Tinymce/components/editorAudio.vue new file mode 100644 index 00000000..9e0799b1 --- /dev/null +++ b/src/components/Tinymce/components/editorAudio.vue @@ -0,0 +1,119 @@ + + + + diff --git a/src/components/Tinymce/components/editorImage.vue b/src/components/Tinymce/components/editorImage.vue new file mode 100644 index 00000000..a4225746 --- /dev/null +++ b/src/components/Tinymce/components/editorImage.vue @@ -0,0 +1,88 @@ + + + + diff --git a/src/components/Tinymce/components/editorSlide.vue b/src/components/Tinymce/components/editorSlide.vue new file mode 100644 index 00000000..a528cae3 --- /dev/null +++ b/src/components/Tinymce/components/editorSlide.vue @@ -0,0 +1,82 @@ + + + + diff --git a/src/components/Tinymce/components/editorVideo.vue b/src/components/Tinymce/components/editorVideo.vue new file mode 100644 index 00000000..544f8fce --- /dev/null +++ b/src/components/Tinymce/components/editorVideo.vue @@ -0,0 +1,167 @@ + + + + diff --git a/src/components/Tinymce/index.vue b/src/components/Tinymce/index.vue new file mode 100644 index 00000000..70cf4d18 --- /dev/null +++ b/src/components/Tinymce/index.vue @@ -0,0 +1,242 @@ + + + + + diff --git a/src/components/Upload/singleImage.vue b/src/components/Upload/singleImage.vue new file mode 100644 index 00000000..f4a0a546 --- /dev/null +++ b/src/components/Upload/singleImage.vue @@ -0,0 +1,128 @@ + + + + diff --git a/src/components/Upload/singleImage2.vue b/src/components/Upload/singleImage2.vue new file mode 100644 index 00000000..32b7dda3 --- /dev/null +++ b/src/components/Upload/singleImage2.vue @@ -0,0 +1,126 @@ + + + + diff --git a/src/components/Upload/singleImage3.vue b/src/components/Upload/singleImage3.vue new file mode 100644 index 00000000..2a01d0e1 --- /dev/null +++ b/src/components/Upload/singleImage3.vue @@ -0,0 +1,154 @@ + + + + diff --git a/src/components/jsonEditor/index.vue b/src/components/jsonEditor/index.vue new file mode 100644 index 00000000..c49d482f --- /dev/null +++ b/src/components/jsonEditor/index.vue @@ -0,0 +1,64 @@ + + + + + + diff --git a/src/components/twoDndList/index.vue b/src/components/twoDndList/index.vue new file mode 100644 index 00000000..c7c3577e --- /dev/null +++ b/src/components/twoDndList/index.vue @@ -0,0 +1,156 @@ + + + + + diff --git a/src/directive/sticky.js b/src/directive/sticky.js new file mode 100644 index 00000000..db0d28e0 --- /dev/null +++ b/src/directive/sticky.js @@ -0,0 +1,101 @@ +(function() { + const vueSticky = {}; + let listenAction; + vueSticky.install = Vue => { + Vue.directive('sticky', { + inserted(el, binding) { + const params = binding.value || {}, + stickyTop = params.stickyTop || 0, + zIndex = params.zIndex || 1000, + elStyle = el.style; + + elStyle.position = '-webkit-sticky'; + elStyle.position = 'sticky'; + + // if the browser support css sticky（Currently Safari, Firefox and Chrome Canary） + // if (~elStyle.position.indexOf('sticky')) { + // elStyle.top = `${stickyTop}px`; + // elStyle.zIndex = zIndex; + // return + // } + + const elHeight = el.getBoundingClientRect().height; + const elWidth = el.getBoundingClientRect().width; + elStyle.cssText = `top: ${stickyTop}px; z-index: ${zIndex}`; + + const parentElm = el.parentNode || document.documentElement; + const placeholder = document.createElement('div'); + placeholder.style.display = 'none'; + placeholder.style.width = `${elWidth}px`; + placeholder.style.height = `${elHeight}px`; + parentElm.insertBefore(placeholder, el) + + let active = false; + + const getScroll = (target, top) => { + const prop = top ? 'pageYOffset' : 'pageXOffset'; + const method = top ? 'scrollTop' : 'scrollLeft'; + let ret = target[prop]; + if (typeof ret !== 'number') { + ret = window.document.documentElement[method]; + } + return ret; + }; + + const sticky = () => { + if (active) { + return + } + if (!elStyle.height) { + elStyle.height = `${el.offsetHeight}px` + } + + elStyle.position = 'fixed'; + elStyle.width = `${elWidth}px`; + placeholder.style.display = 'inline-block'; + active = true + }; + + const reset = () => { + if (!active) { + return + } + + elStyle.position = ''; + placeholder.style.display = 'none'; + active = false; + }; + + const check = () => { + const scrollTop = getScroll(window, true); + const offsetTop = el.getBoundingClientRect().top; + if (offsetTop < stickyTop) { + sticky(); + } else { + if (scrollTop < elHeight + stickyTop) { + reset() + } + } + }; + listenAction = () => { + check() + }; + + window.addEventListener('scroll', listenAction) + }, + + unbind() { + window.removeEventListener('scroll', listenAction) + } + }) + }; + if (typeof exports == 'object') { + module.exports = vueSticky + } else if (typeof define == 'function' && define.amd) { + define([], () => vueSticky) + } else if (window.Vue) { + window.vueSticky = vueSticky; + Vue.use(vueSticky) + } +}()); + diff --git a/src/directive/waves.css b/src/directive/waves.css new file mode 100644 index 00000000..af7a7efd --- /dev/null +++ b/src/directive/waves.css @@ -0,0 +1,26 @@ +.waves-ripple { + position: absolute; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + opacity: 1; +} + +.waves-ripple.z-active { + opacity: 0; + -webkit-transform: scale(2); + -ms-transform: scale(2); + transform: scale(2); + -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; + transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; + transition: opacity 1.2s ease-out, transform 0.6s ease-out; + transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; +} \ No newline at end of file diff --git a/src/directive/waves.js b/src/directive/waves.js new file mode 100644 index 00000000..0f10bd81 --- /dev/null +++ b/src/directive/waves.js @@ -0,0 +1,54 @@ +import './waves.css'; +(function() { + const vueWaves = {}; + vueWaves.install = (Vue, options = {}) => { + Vue.directive('waves', { + bind(el, binding) { + el.addEventListener('click', e => { + const customOpts = Object.assign(options, binding.value); + const opts = Object.assign({ + ele: el, // 波纹作用元素 + type: 'hit', // hit点击位置扩散center中心点扩展 + color: 'rgba(0, 0, 0, 0.15)' // 波纹颜色 + }, customOpts), + target = opts.ele; + if (target) { + target.style.position = 'relative'; + target.style.overflow = 'hidden'; + const rect = target.getBoundingClientRect(); + let ripple = target.querySelector('.waves-ripple'); + if (!ripple) { + ripple = document.createElement('span'); + ripple.className = 'waves-ripple'; + ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'; + target.appendChild(ripple); + } else { + ripple.className = 'waves-ripple'; + } + switch (opts.type) { + case 'center': + ripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px'; + ripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px'; + break; + default: + ripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px'; + ripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px'; + } + ripple.style.backgroundColor = opts.color; + ripple.className = 'waves-ripple z-active'; + return false; + } + }, false); + } + }) + }; + if (typeof exports == 'object') { + module.exports = vueWaves + } else if (typeof define == 'function' && define.amd) { + define([], () => vueWaves) + } else if (window.Vue) { + window.vueWaves = vueWaves; + Vue.use(vueWaves) + } +}()); + diff --git a/src/filters/index.js b/src/filters/index.js new file mode 100644 index 00000000..36cb3e7c --- /dev/null +++ b/src/filters/index.js @@ -0,0 +1,108 @@ +function pluralize(time, label) { + if (time === 1) { + return time + label + } + return time + label + 's' +} +export function timeAgo(time) { + const between = Date.now() / 1000 - Number(time); + if (between < 3600) { + return pluralize(~~(between / 60), ' minute') + } else if (between < 86400) { + return pluralize(~~(between / 3600), ' hour') + } else { + return pluralize(~~(between / 86400), ' day') + } +} + +export function parseTime(time, cFormat) { + if (arguments.length === 0) { + return null; + } + + if ((time + '').length === 10) { + time = +time * 1000 + } + + + const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'; + let date; + if (typeof time == 'object') { + date = time; + } else { + date = new Date(parseInt(time)); + } + const formatObj = { + y: date.getFullYear(), + m: date.getMonth() + 1, + d: date.getDate(), + h: date.getHours(), + i: date.getMinutes(), + s: date.getSeconds(), + a: date.getDay() + }; + const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { + let value = formatObj[key]; + if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]; + if (result.length > 0 && value < 10) { + value = '0' + value; + } + return value || 0; + }); + return time_str; +} + +export function formatTime(time, option) { + time = +time * 1000; + const d = new Date(time); + const now = Date.now(); + + const diff = (now - d) / 1000; + + if (diff < 30) { + return '刚刚' + } else if (diff < 3600) { // less 1 hour + return Math.ceil(diff / 60) + '分钟前' + } else if (diff < 3600 * 24) { + return Math.ceil(diff / 3600) + '小时前' + } else if (diff < 3600 * 24 * 2) { + return '1天前' + } + if (option) { + return parseTime(time, option) + } else { + return d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分' + } +} + + + +/* 数字 格式化*/ +export function nFormatter(num, digits) { + const si = [ + { value: 1E18, symbol: 'E' }, + { value: 1E15, symbol: 'P' }, + { value: 1E12, symbol: 'T' }, + { value: 1E9, symbol: 'G' }, + { value: 1E6, symbol: 'M' }, + { value: 1E3, symbol: 'k' } + ]; + for (let i = 0; i < si.length; i++) { + if (num >= si[i].value) { + return (num / si[i].value + 0.1).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol; + } + } + return num.toString(); +} + + +export function html2Text(val) { + const div = document.createElement('div'); + div.innerHTML = val; + return div.textContent || div.innerText; +} + + +export function toThousandslsFilter(num) { + return (+num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); +} diff --git a/src/main.js b/src/main.js new file mode 100644 index 00000000..396a5922 --- /dev/null +++ b/src/main.js @@ -0,0 +1,109 @@ +// The Vue build version to load with the `import` command +// (runtime-only or standalone) has been set in webpack.base.conf with an alias. +import Vue from 'vue'; +import App from './App'; +import router from './router'; +import store from './store'; +import ElementUI from 'element-ui'; +import 'element-ui/lib/theme-default/index.css'; +import 'assets/custom-theme/index.css'; // https://github.com/PanJiaChen/custom-element-theme +import NProgress from 'nprogress'; +import 'nprogress/nprogress.css'; +import 'normalize.css/normalize.css'; +import 'styles/index.scss'; +import 'components/Icon-svg/index'; +import 'assets/iconfont/iconfont'; +import * as filters from './filters'; +import Multiselect from 'vue-multiselect'; +import Sticky from 'components/Sticky'; +import 'vue-multiselect/dist/vue-multiselect.min.css'; +import vueWaves from './directive/waves'; +import vueSticky from './directive/sticky'; +import errLog from 'store/errLog'; +import './mock/index.js'; +// import './styles/mixin.scss'; + +// register globally +Vue.component('multiselect', Multiselect); +Vue.component('Sticky', Sticky); +Vue.use(ElementUI); +Vue.use(vueWaves); +Vue.use(vueSticky); + + +// register global utility filters. +Object.keys(filters).forEach(key => { + Vue.filter(key, filters[key]) +}); + +function hasPermission(roles, permissionRoles) { + if (roles.indexOf('admin') >= 0) return true; + return roles.some(role => permissionRoles.indexOf(role) >= 0) +} +// register global progress. +const whiteList = ['/login', '/authredirect', '/reset', '/sendpwd'];// 不重定向白名单 +router.beforeEach((to, from, next) => { + NProgress.start(); + if (store.getters.token) { + if (to.path === '/login') { + next({ path: '/' }); + } else { + if (to.meta && to.meta.role) { + if (hasPermission(store.getters.roles, to.meta.role)) { + next(); + } else { + next('/401'); + } + } else { + next(); + } + } + } else { + if (whiteList.indexOf(to.path) !== -1) { + next() + } else { + next('/login') + } + } +}); + +router.afterEach(() => { + NProgress.done(); +}); + +// window.onunhandledrejection = e => { +// console.log('unhandled', e.reason, e.promise); +// e.preventDefault() +// }; + +// 生产环境错误日志 +if (process.env === 'production') { + Vue.config.errorHandler = function(err, vm) { + console.log(err, window.location.href); + errLog.pushLog({ + err, + url: window.location.href, + vm + }) + }; +} + +// window.onerror = function (msg, url, lineNo, columnNo, error) { +// console.log('window') +// }; +// +// console.error = (function (origin) { +// return function (errorlog) { +// // handler();//基于业务的日志记录及数据报错 +// console.log('console'+errorlog) +// origin.call(console, errorlog); +// } +// })(console.error); + +new Vue({ + router, + store, + render: h => h(App) +}).$mount('#app'); + + diff --git a/src/mock/article.js b/src/mock/article.js new file mode 100644 index 00000000..029b1555 --- /dev/null +++ b/src/mock/article.js @@ -0,0 +1,49 @@ +import Mock from 'mockjs'; + + +const List = []; +const count = 20; + + +for (let i = 0; i < count; i++) { + List.push(Mock.mock({ + id: '@id', + title: '@ctitle(10, 20)', + 'status|1': ['published', 'draft'], + author: '@cname', + display_time: '@datetime', + pageviews: '@integer(300, 5000)' + })); +} + +export default { + getList: () => new Promise(resolve => { + setTimeout(() => { + resolve([200, { + data: List + }]); + }, 100); + }), + getArticle: () => new Promise(resolve => { + setTimeout(() => { + resolve([200, { + data: { + id: 120000000001, + author: { key: 'mockPan' }, + source_name: '原创作者', + category_item: [{ key: 'global', name: '全球' }], + comment_disabled: false, + content: '

我是测试数据我是测试数据

"', + content_short: '我是测试数据', + display_time: +new Date(), + image_uri: 'https://wpimg.wallstcn.com/e4558086-631c-425c-9430-56ffb46e70b3', + platforms: ['a-platform'], + source_uri: 'https://github.com/PanJiaChen/vue-element-admin', + status: 'published', + tags: [], + title: '' + } + }]); + }, 100); + }) +}; diff --git a/src/mock/article_table.js b/src/mock/article_table.js new file mode 100644 index 00000000..1cd886e6 --- /dev/null +++ b/src/mock/article_table.js @@ -0,0 +1,47 @@ +import Mock from 'mockjs'; + + +const List = []; +const count = 100; + +for (let i = 0; i < count; i++) { + List.push(Mock.mock({ + id: '@increment', + timestamp: +Mock.Random.date('T'), + author: '@cname', + title: '@ctitle(10, 20)', + forecast: '@float(0, 100, 2, 2)', + importance: '@integer(1, 3)', + 'type|1': ['FD', 'FE', 'BI', 'VN'], + 'status|1': ['published', 'draft', 'deleted'], + pageviews: '@integer(300, 5000)' + })); +} + +export default { + getList: config => { + const { importance, type, title, page, limit } = config.params; + const mockList = List.filter(item => { + if (importance && item.importance !== importance) return false; + if (type && item.type !== type) return false; + if (title && item.title.indexOf(title) < 0) return false; + return true; + }); + const pageList = mockList.filter((item, index) => index < limit * page && index >= limit * (page - 1)); + return new Promise(resolve => { + setTimeout(() => { + resolve([200, { + total: mockList.length, + items: pageList + }]); + }, 100); + }) + }, + getPv: () => new Promise(resolve => { + setTimeout(() => { + resolve([200, { + pvData: [{ key: 'PC网站', pv: 1024 }, { key: 'mobile网站', pv: 1024 }, { key: 'ios', pv: 1024 }, { key: 'android', pv: 1024 }] + }]); + }, 100); + }) +}; diff --git a/src/mock/index.js b/src/mock/index.js new file mode 100644 index 00000000..e6002e0b --- /dev/null +++ b/src/mock/index.js @@ -0,0 +1,26 @@ +import axios from 'axios'; +import MockAdapter from 'axios-mock-adapter'; +import loginAPI from './login'; +import articleAPI from './article'; +import article_tableAPI from './article_table'; +import remoteSearchAPI from './remoteSearch'; +const mock = new MockAdapter(axios); + +// 登录相关 +mock.onPost('/login/loginbyemail').reply(loginAPI.loginByEmail); +mock.onPost('/login/logout').reply(loginAPI.logout); +mock.onGet('/user/info').reply(loginAPI.getInfo); + +// 文章相关 +mock.onGet('/article/list').reply(articleAPI.getList); +mock.onGet('/article/detail').reply(articleAPI.getArticle); + +// table example相关 +mock.onGet('/article_table/list').reply(article_tableAPI.getList); +mock.onGet('/article_table/pv').reply(article_tableAPI.getPv); + +// 搜索相关 +mock.onGet('/search/user').reply(remoteSearchAPI.searchUser); + + +export default mock; diff --git a/src/mock/login.js b/src/mock/login.js new file mode 100644 index 00000000..801ab6b1 --- /dev/null +++ b/src/mock/login.js @@ -0,0 +1,60 @@ +const userMap = { + admin: { + role: ['admin'], + token: 'admin', + introduction: '我是超级管理员', + avatar: 'https://wdl.wallstreetcn.com/48a3e1e0-ea2c-4a4e-9928-247645e3428b', + name: '超级管理员小潘' + }, + editor: { + role: ['editor'], + token: 'editor', + introduction: '我是编辑', + avatar: 'https://wdl.wallstreetcn.com/48a3e1e0-ea2c-4a4e-9928-247645e3428b', + name: '普通编辑小张' + + }, + developer: { + role: ['develop'], + token: 'develop', + introduction: '我是开发', + avatar: 'https://wdl.wallstreetcn.com/48a3e1e0-ea2c-4a4e-9928-247645e3428b', + name: '工程师小王' + } +} + +export default { + loginByEmail: config => { + const { email } = config.params; + return new Promise((resolve, reject) => { + if (userMap[email.split('@')[0]]) { + setTimeout(() => { + resolve([200, { + data: userMap[email.split('@')[0]] + }]); + }, 500); + } else { + reject('账号不正确') + } + }) + }, + getInfo: config => { + const { token } = config.params; + return new Promise((resolve, reject) => { + if (userMap[token]) { + setTimeout(() => { + resolve([200, { + data: userMap[token] + }]); + }, 100); + } else { + reject('获取失败') + } + }) + }, + logout: () => new Promise(resolve => { + setTimeout(() => { + resolve([200, { data: 'success' }]); + }, 100); + }) +}; diff --git a/src/mock/remoteSearch.js b/src/mock/remoteSearch.js new file mode 100644 index 00000000..b5429562 --- /dev/null +++ b/src/mock/remoteSearch.js @@ -0,0 +1,29 @@ +import Mock from 'mockjs'; + +const NameList = []; +const count = 100; + +for (let i = 0; i < count; i++) { + NameList.push(Mock.mock({ + name: '@first' + })); +} +NameList.push({ name: 'mockPan' }) + +export default { + searchUser: config => { + const { name } = config.params; + const mockNameList = NameList.filter(item => { + const lowerCaseName = item.name.toLowerCase() + if (name && lowerCaseName.indexOf(name.toLowerCase()) < 0) return false; + return true; + }); + return new Promise(resolve => { + setTimeout(() => { + resolve([200, { + items: mockNameList + }]); + }, 100); + }) + } +}; diff --git a/src/router/index.js b/src/router/index.js new file mode 100644 index 00000000..1dbd7105 --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,221 @@ +import Vue from 'vue'; +import Router from 'vue-router'; + +/* layout*/ +import Layout from '../views/layout/Layout'; + +// dashboard +// import dashboard from '../views/dashboard/index'; +const dashboard = resolve => require(['../views/dashboard/index'], resolve); + +/* error page*/ +const Err404 = resolve => require(['../views/error/404'], resolve); +const Err401 = resolve => require(['../views/error/401'], resolve); + +/* login*/ +import Login from '../views/login/'; +import authRedirect from '../views/login/authredirect'; +import sendPWD from '../views/login/sendpwd'; +import reset from '../views/login/reset'; + +/* Introduction*/ +const Introduction = resolve => require(['../views/introduction/index'], resolve); + +/* components*/ +const componentsIndex = resolve => require(['../views/components/index'], resolve); +const Tinymce = resolve => require(['../views/components/tinymce'], resolve); +const Markdown = resolve => require(['../views/components/markdown'], resolve); +const JsonEditor = resolve => require(['../views/components/jsoneditor'], resolve); +const DndList = resolve => require(['../views/components/dndlist'], resolve); +const AvatarUpload = resolve => require(['../views/components/avatarupload'], resolve); +const Dropzone = resolve => require(['../views/components/dropzone'], resolve); +const Sticky = resolve => require(['../views/components/sticky'], resolve); +const SplitPane = resolve => require(['../views/components/splitpane'], resolve); +const CountTo = resolve => require(['../views/components/countto'], resolve); +const Mixin = resolve => require(['../views/components/mixin'], resolve); + + +/* charts*/ +const chartIndex = resolve => require(['../views/charts/index'], resolve); +const KeyboardChart = resolve => require(['../views/charts/keyboard'], resolve); +const KeyboardChart2 = resolve => require(['../views/charts/keyboard2'], resolve); +const LineMarker = resolve => require(['../views/charts/line'], resolve); +const MixChart = resolve => require(['../views/charts/mixchart'], resolve); + +/* error log*/ +const ErrorLog = resolve => require(['../views/errlog/index'], resolve); + +/* excel*/ +const ExcelDownload = resolve => require(['../views/excel/index'], resolve); + +/* theme*/ +const Theme = resolve => require(['../views/theme/index'], resolve); + +/* example*/ +const DynamicTable = resolve => require(['../views/example/dynamictable'], resolve); +const Table = resolve => require(['../views/example/table'], resolve); +const Form1 = resolve => require(['../views/example/form1'], resolve); +const Form2 = resolve => require(['../views/example/form2'], resolve); + +/* permission */ +const Permission = resolve => require(['../views/permission/index'], resolve); + +/* admin*/ +// const AdminCreateUser = resolve => require(['../views/admin/createUser'], resolve); +// const QuicklyCreateUser = resolve => require(['../views/admin/quicklycreate'], resolve); +// const UserProfile = resolve => require(['../views/admin/profile'], resolve); +// const UsersList = resolve => require(['../views/admin/usersList'], resolve); + + + + +Vue.use(Router); + +export default new Router({ + // mode: 'history', //后端支持可开 + scrollBehavior: () => ({ y: 0 }), + routes: [ + { path: '/login', component: Login, hidden: true }, + { path: '/authredirect', component: authRedirect, hidden: true }, + { path: '/sendpwd', component: sendPWD, hidden: true }, + { path: '/reset', component: reset, hidden: true }, + { path: '/404', component: Err404, hidden: true }, + { path: '/401', component: Err401, hidden: true }, + { + path: '/', + component: Layout, + redirect: '/dashboard', + name: '首页', + hidden: true, + children: [{ path: 'dashboard', component: dashboard }] + }, + { + path: '/introduction', + component: Layout, + redirect: '/introduction/index', + name: '简述', + icon: 'xinrenzhinan', + noDropdown: true, + children: [ + { path: 'index', component: Introduction, name: '简述' } + ] + }, + { + path: '/permission', + component: Layout, + redirect: '/permission/index', + name: '权限测试', + icon: 'quanxian', + meta: { role: ['admin'] }, + noDropdown: true, + children: [ + { path: 'index', component: Permission, name: '权限测试页', meta: { role: ['admin'] } } + ] + }, + { + path: '/components', + component: Layout, + redirect: '/components/index', + name: '组件', + icon: 'zujian', + children: [ + { path: 'index', component: componentsIndex, name: '介绍 ' }, + { path: 'tinymce', component: Tinymce, name: '富文本编辑器' }, + { path: 'markdown', component: Markdown, name: 'Markdown' }, + { path: 'jsoneditor', component: JsonEditor, name: 'JSON编辑器' }, + { path: 'dndlist', component: DndList, name: '列表拖拽' }, + { path: 'splitpane', component: SplitPane, name: 'SplitPane' }, + { path: 'avatarupload', component: AvatarUpload, name: '头像上传' }, + { path: 'dropzone', component: Dropzone, name: 'Dropzone' }, + { path: 'sticky', component: Sticky, name: 'Sticky' }, + { path: 'countto', component: CountTo, name: 'CountTo' }, + { path: 'mixin', component: Mixin, name: '小组件' } + ] + }, + { + path: '/charts', + component: Layout, + redirect: '/charts/index', + name: '图表', + icon: 'tubiaoleixingzhengchang', + children: [ + { path: 'index', component: chartIndex, name: '介绍' }, + { path: 'keyboard', component: KeyboardChart, name: '键盘图表' }, + { path: 'keyboard2', component: KeyboardChart2, name: '键盘图表2' }, + { path: 'line', component: LineMarker, name: '折线图' }, + { path: 'mixchart', component: MixChart, name: '混合图表' } + ] + }, + { + path: '/errorpage', + component: Layout, + redirect: 'noredirect', + name: '错误页面', + icon: '404', + children: [ + { path: '401', component: Err401, name: '401' }, + { path: '404', component: Err404, name: '404' } + ] + }, + { + path: '/errlog', + component: Layout, + redirect: 'noredirect', + name: 'errlog', + icon: 'bug', + noDropdown: true, + children: [ + { path: 'log', component: ErrorLog, name: '错误日志' } + ] + }, + { + path: '/excel', + component: Layout, + redirect: 'noredirect', + name: 'excel', + icon: 'EXCEL', + noDropdown: true, + children: [ + { path: 'download', component: ExcelDownload, name: '导出excel' } + ] + }, + { + path: '/theme', + component: Layout, + redirect: 'noredirect', + name: 'theme', + icon: 'theme', + noDropdown: true, + children: [ + { path: 'index', component: Theme, name: '换肤' } + ] + }, + { + path: '/example', + component: Layout, + redirect: 'noredirect', + name: '综合实例', + icon: 'zonghe', + children: [ + { path: 'dynamictable', component: DynamicTable, name: '动态table' }, + { path: 'table', component: Table, name: '综合table' }, + { path: 'form1', component: Form1, name: '综合form1' } + // { path: 'form2', component: Form2, name: '综合form2' } + ] + }, + // { + // path: '/admin', + // component: Layout, + // redirect: 'noredirect', + // name: '后台管理', + // icon: 'geren1', + // children: [ + // { path: 'createuser', component: AdminCreateUser, name: '管理员', meta: { role: ['admin'] } }, + // { path: 'list', component: UsersList, name: '后台用户列表', meta: { role: ['super_editor', 'product', 'author_assistant'] } }, + // { path: 'qicklyCreate', component: QuicklyCreateUser, name: '一键创建账户', meta: { role: ['super_editor', 'gold_editor', 'weex_editor', 'wscn_editor', 'author_assistant', 'product'] } }, + // { path: 'profile', component: UserProfile, name: '个人' } + // ] + // }, + { path: '*', redirect: '/404', hidden: true } + ] +}); diff --git a/src/store/errLog.js b/src/store/errLog.js new file mode 100644 index 00000000..4401babc --- /dev/null +++ b/src/store/errLog.js @@ -0,0 +1,13 @@ +const errLog = { + state: { + errLog: [] + }, + pushLog(log) { + this.state.errLog.unshift(log) + }, + clearLog() { + this.state.errLog = []; + } +}; + +export default errLog; diff --git a/src/store/getters.js b/src/store/getters.js new file mode 100644 index 00000000..55acbc9c --- /dev/null +++ b/src/store/getters.js @@ -0,0 +1,15 @@ +const getters = { + sidebar: state => state.app.sidebar, + livenewsChannels: state => state.app.livenewsChannels, + token: state => state.user.token, + avatar: state => state.user.avatar, + name: state => state.user.name, + uid: state => state.user.uid, + email: state => state.user.email, + introduction: state => state.user.introduction, + auth_type: state => state.user.auth_type, + status: state => state.user.status, + roles: state => state.user.roles, + setting: state => state.user.setting +}; +export default getters diff --git a/src/store/index.js b/src/store/index.js new file mode 100644 index 00000000..d3121d07 --- /dev/null +++ b/src/store/index.js @@ -0,0 +1,17 @@ +import Vue from 'vue'; +import Vuex from 'vuex'; +import app from './modules/app'; +import user from './modules/user'; +import getters from './getters'; + +Vue.use(Vuex); + +const store = new Vuex.Store({ + modules: { + app, + user + }, + getters +}); + +export default store diff --git a/src/store/modules/app.js b/src/store/modules/app.js new file mode 100644 index 00000000..ae336fa8 --- /dev/null +++ b/src/store/modules/app.js @@ -0,0 +1,38 @@ +import Cookies from 'js-cookie'; + +const app = { + state: { + sidebar: { + opened: !+Cookies.get('sidebarStatus') + }, + theme: 'default', + livenewsChannels: Cookies.get('livenewsChannels') || '[]' + }, + mutations: { + TOGGLE_SIDEBAR: state => { + if (state.sidebar.opened) { + Cookies.set('sidebarStatus', 1); + } else { + Cookies.set('sidebarStatus', 0); + } + state.sidebar.opened = !state.sidebar.opened; + }, + SET_LIVENEWS_CHANNELS: (status, channels) => { + status.livenewsChannels = JSON.stringify(channels); + Cookies.set('livenewsChannels', JSON.stringify(channels)); + } + }, + actions: { + ToggleSideBar: ({ commit }) => { + commit('TOGGLE_SIDEBAR') + }, + setTheme: ({ commit }, theme) => { + commit('SET_THEME', theme) + }, + setlivenewsChannels: ({ commit }, channels) => { + commit('SET_LIVENEWS_CHANNELS', channels) + } + } +}; + +export default app; diff --git a/src/store/modules/user.js b/src/store/modules/user.js new file mode 100644 index 00000000..5e1228c1 --- /dev/null +++ b/src/store/modules/user.js @@ -0,0 +1,137 @@ +import { loginByEmail, logout, getInfo } from 'api/login'; +import Cookies from 'js-cookie'; + +const user = { + state: { + user: '', + status: '', + email: '', + code: '', + uid: undefined, + auth_type: '', + token: Cookies.get('X-Ivanka-Token'), + name: '', + avatar: '', + introduction: '', + roles: [], + setting: { + articlePlatform: [] + } + }, + + mutations: { + SET_AUTH_TYPE: (state, type) => { + state.auth_type = type; + }, + SET_CODE: (state, code) => { + state.code = code; + }, + SET_TOKEN: (state, token) => { + state.token = token; + }, + SET_UID: (state, uid) => { + state.uid = uid; + }, + SET_EMAIL: (state, email) => { + state.email = email; + }, + SET_INTRODUCTION: (state, introduction) => { + state.introduction = introduction; + }, + SET_SETTING: (state, setting) => { + state.setting = setting; + }, + SET_STATUS: (state, status) => { + state.status = status; + }, + SET_NAME: (state, name) => { + state.name = name; + }, + SET_AVATAR: (state, avatar) => { + state.avatar = avatar; + }, + SET_ROLES: (state, roles) => { + state.roles = roles; + }, + LOGIN_SUCCESS: () => { + console.log('login success') + }, + LOGOUT_USER: state => { + state.user = ''; + } + }, + + actions: { + // 邮箱登录 + LoginByEmail({ commit }, userInfo) { + return new Promise((resolve, reject) => { + loginByEmail(userInfo.email, userInfo.password).then(response => { + const data = response.data; + Cookies.set('X-Ivanka-Token', response.data.token); + commit('SET_TOKEN', data.token); + commit('SET_EMAIL', userInfo.email); + resolve(); + }).catch(error => { + reject(error); + }); + }); + }, + + + // 获取用户信息 + GetInfo({ commit, state }) { + return new Promise((resolve, reject) => { + getInfo(state.token).then(response => { + const data = response.data; + commit('SET_ROLES', data.role); + commit('SET_NAME', data.name); + commit('SET_AVATAR', data.avatar); + commit('SET_INTRODUCTION', data.introduction); + resolve(response); + }).catch(error => { + reject(error); + }); + }); + }, + + // 第三方验证登录 + LoginByThirdparty({ commit, state }, code) { + return new Promise((resolve, reject) => { + commit('SET_CODE', code); + loginByThirdparty(state.status, state.email, state.code, state.auth_type).then(response => { + commit('SET_TOKEN', response.data.token); + Cookies.set('X-Ivanka-Token', response.data.token); + resolve(); + }).catch(error => { + reject(error); + }); + }); + }, + + + // 登出 + LogOut({ commit, state }) { + return new Promise((resolve, reject) => { + logout(state.token).then(() => { + commit('SET_TOKEN', ''); + commit('SET_ROLES', []); + Cookies.remove('X-Ivanka-Token'); + resolve(); + }).catch(error => { + reject(error); + }); + }); + }, + + // 前端 登出 + FedLogOut({ commit }) { + return new Promise(resolve => { + commit('SET_TOKEN', ''); + Cookies.remove('X-Ivanka-Token'); + resolve(); + }); + } + } +}; + +export default user; diff --git a/src/store/permission.js b/src/store/permission.js new file mode 100644 index 00000000..7e14b0d2 --- /dev/null +++ b/src/store/permission.js @@ -0,0 +1,39 @@ +const permission = { + state: { + permissionRoutes: [] + }, + init(data) { + const roles = data.roles; + const router = data.router; + const permissionRoutes = router.filter(v => { + if (roles.indexOf('admin') >= 0) return true; + if (this.hasPermission(roles, v)) { + if (v.children && v.children.length > 0) { + v.children = v.children.filter(child => { + if (this.hasPermission(roles, child)) { + return child + } + return false; + }); + return v + } else { + return v + } + } + return false; + }); + this.permissionRoutes = permissionRoutes; + }, + get() { + return this.permissionRoutes + }, + hasPermission(roles, route) { + if (route.meta && route.meta.role) { + return roles.some(role => route.meta.role.indexOf(role) >= 0) + } else { + return true + } + } +}; + +export default permission; diff --git a/src/styles/btn.scss b/src/styles/btn.scss new file mode 100644 index 00000000..edd2f318 --- /dev/null +++ b/src/styles/btn.scss @@ -0,0 +1,103 @@ +$blue:#324157; +$light-blue:#3A71A8; +$red:#C03639; +$pink: #E65D6E; +$green: #30B08F; +$tiffany: #4AB7BD; +$yellow:#FEC171; + +$panGreen: #30B08F; + +@mixin colorBtn($color) { + background: $color; + &:hover { + color: $color; + &:before, &:after { + background: $color; + } + } +} + + +.blue-btn { + @include colorBtn($blue) +} + +.light-blue-btn{ + @include colorBtn($light-blue) +} + + +.red-btn { + @include colorBtn($red) +} + +.pink-btn { + @include colorBtn($pink) +} + +.green-btn { + @include colorBtn($green) +} + + +.tiffany-btn { + @include colorBtn($tiffany) +} + + +.yellow-btn { + @include colorBtn($yellow) +} + +.pan-btn { + font-size: 14px; + color: #fff; + padding: 14px 36px; + border-radius: 8px; + border: none; + outline: none; + margin-right: 25px; + transition: 600ms ease all; + position: relative; + display: inline-block; + &:hover { + background: #fff; + &:before, &:after { + width: 100%; + transition: 600ms ease all; + } + } + &:before, &:after { + content: ''; + position: absolute; + top: 0; + right: 0; + height: 2px; + width: 0; + transition: 400ms ease all; + } + &::after { + right: inherit; + top: inherit; + left: 0; + bottom: 0; + } +} + +.custom-button{ + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + color: #fff; + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: 0; + margin: 0; + padding: 10px 15px; + font-size: 14px; + border-radius: 4px; +} diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss new file mode 100644 index 00000000..382aff13 --- /dev/null +++ b/src/styles/element-ui.scss @@ -0,0 +1,83 @@ + //覆盖一些element-ui样式 +.block-checkbox { + display: block; +} + +.operation-container { + .cell { + padding: 10px !important; + } + .el-button { + &:nth-child(3) { + margin-top: 10px; + margin-left: 0px; + } + &:nth-child(4) { + margin-top: 10px; + } + } +} + +.el-upload { + input[type="file"] { + display: none !important; + } +} + +.el-upload__input { + display: none; +} + +.cell { + .el-tag { + margin-right: 8px; + } +} + +.small-padding { + .cell { + padding-left: 8px; + padding-right: 8px; + } +} + +.status-col { + .cell { + padding: 0 10px; + text-align: center; + .el-tag { + margin-right: 0px; + } + } +} + +//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461 +.el-dialog { + transform: none; + left: 0; + position: relative; + margin: 0 auto; +} + + +//文章页textarea修改样式 +.article-textarea { + textarea { + padding-right: 40px; + resize: none; + border: none; + border-radius: 0px; + border-bottom: 1px solid #bfcbd9; + } +} + +//element ui upload +.upload-container { + .el-upload { + width: 100%; + .el-upload-dragger { + width: 100%; + height: 200px; + } + } +} diff --git a/src/styles/index.scss b/src/styles/index.scss new file mode 100644 index 00000000..a81af92f --- /dev/null +++ b/src/styles/index.scss @@ -0,0 +1,259 @@ +@import './btn.scss'; +@import './element-ui.scss'; +@import "./mixin.scss"; +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; +} + +label { + font-weight: 700; +} + +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +.no-padding { + padding: 0px !important; +} + +.padding-content { + padding: 4px 0; +} + +a:focus, +a:active { + outline: none; +} + +a, +a:focus, +a:hover { + cursor: pointer; + color: inherit; + text-decoration: none; +} + +.fr { + float: right; +} + +.fl { + float: left; +} + +.pr-5 { + padding-right: 5px; +} + +.pl-5 { + padding-left: 5px; +} + +.block { + display: block; +} + +.pointer { + cursor: pointer; +} + +.inlineBlock { + display: block; +} + +code { + background: #eef1f6; + padding: 15px 10px; + margin-bottom: 20px; + display: block; + line-height: 36px; + a { + color: #337ab7; + cursor: pointer; + &:hover { + color: rgb(32, 160, 255); + } + } +} + +.fade-enter-active, +.fade-leave-active { + transition: all .2s ease +} + +.fade-enter, +.fade-leave-active { + opacity: 0; +} + +//main-container全局样式 +.app-container { + padding: 20px; +} +.components-container { + margin: 30px 50px; + position: relative; +} +.pagination-container { + margin-top: 30px; +} + + +.editor-container .CodeMirror { + height: 100%!important; +} + +.wscn-icon { + width: 1em; + height: 1em; + vertical-align: -0.15em; + fill: currentColor; + overflow: hidden; +} + +.sub-navbar { + height: 50px; + line-height: 50px; + position: relative; + width: 100%; + text-align: right; + padding-right: 20px; + transition: 600ms ease position; + background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); + .subtitle { + font-size: 20px; + color: #fff; + } + &.draft { + background: #d0d0d0; + } + &.deleted { + background: #d0d0d0; + } +} + +.link-type, +.link-type:focus { + color: #337ab7; + cursor: pointer; + &:hover { + color: rgb(32, 160, 255); + } +} + +.publishedTag, +.draftTag, +.deletedTag { + color: #fff; + background-color: $panGreen; + line-height: 1; + text-align: center; + margin: 0; + padding: 8px 12px; + font-size: 14px; + border-radius: 4px; + position: absolute; + left: 20px; + top: 10px; +} + +.draftTag { + background-color: $yellow; +} + +.deletedTag { + background-color: $red; +} + +.input-label { + font-size: 14px; + color: #48576a; + line-height: 1; + padding: 11px 5px 11px 0; +} + +.clearfix { + &:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } +} + +.no-marginLeft { + .el-checkbox { + margin: 0 20px 15px 0; + } + .el-checkbox+.el-checkbox { + margin-left: 0px; + } +} + +.filter-container { + padding-bottom: 10px; + .filter-item { + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; + } +} + + +//refine vue-multiselect plugin +.multiselect { + line-height: 16px; +} + +.multiselect--active { + z-index: 1000 !important; +} + +//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461 +.el-dialog { + transform: none; + left: 0; + position: relative; + margin: 0 auto; +} + +//github-corner +.github-corner:hover .octo-arm { + animation: octocat-wave 560ms ease-in-out +} + +@keyframes octocat-wave { + 0%, + 100% { + transform: rotate(0) + } + 20%, + 60% { + transform: rotate(-25deg) + } + 40%, + 80% { + transform: rotate(10deg) + } +} + +@media (max-width:500px) { + .github-corner:hover .octo-arm { + animation: none + } + .github-corner .octo-arm { + animation: octocat-wave 560ms ease-in-out + } +} diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss new file mode 100644 index 00000000..4368917e --- /dev/null +++ b/src/styles/mixin.scss @@ -0,0 +1,57 @@ +@mixin clearfix { + &:after { + content: ""; + display: table; + clear: both; + } +} + +@mixin scrollBar { + &::-webkit-scrollbar-track-piece { + background: #d3dce6; + } + &::-webkit-scrollbar { + width: 6px; + } + &::-webkit-scrollbar-thumb { + background: #99a9bf; + border-radius: 20px; + } +} + +@mixin relative { + position: relative; + width: 100%; + height: 100%; +} + +@mixin pct($pct) { + width: #{$pct}; + position: relative; + margin: 0 auto; +} + +@mixin triangle($width, $height, $color, $direction) { + $width: $width/2; + $color-border-style: $height solid $color; + $transparent-border-style: $width solid transparent; + height: 0; + width: 0; + @if $direction == up { + border-bottom: $color-border-style; + border-left: $transparent-border-style; + border-right: $transparent-border-style; + } @else if $direction == right { + border-left: $color-border-style; + border-top: $transparent-border-style; + border-bottom: $transparent-border-style; + } @else if $direction == down { + border-top: $color-border-style; + border-left: $transparent-border-style; + border-right: $transparent-border-style; + } @else if $direction == left { + border-right: $color-border-style; + border-top: $transparent-border-style; + border-bottom: $transparent-border-style; + } +} diff --git a/src/utils/createUniqueString.js b/src/utils/createUniqueString.js new file mode 100644 index 00000000..2e6e357e --- /dev/null +++ b/src/utils/createUniqueString.js @@ -0,0 +1,8 @@ +/** + * Created by jiachenpan on 17/3/8. + */ +export default function createUniqueString() { + const timestamp = +new Date() + ''; + const randomNum = parseInt((1 + Math.random()) * 65536) + ''; + return (+(randomNum + timestamp)).toString(32); +} diff --git a/src/utils/fetch.js b/src/utils/fetch.js new file mode 100644 index 00000000..71cfc2d2 --- /dev/null +++ b/src/utils/fetch.js @@ -0,0 +1,72 @@ +import axios from 'axios'; +import { Message } from 'element-ui'; +import store from '../store'; +import router from '../router'; + +export default function _fetch(options) { + return new Promise((resolve, reject) => { + const instance = axios.create({ + baseURL: process.env.BASE_API, + // timeout: 2000, + headers: { 'X-Ivanka-Token': store.getters.token } + }); + instance(options) + .then(response => { + const res = response.data; + if (res.code !== 20000) { + console.log(options); // for debug + Message({ + message: res.message, + type: 'error', + duration: 5 * 1000 + }); + // 50014:Token 过期了 50012:其他客户端登录了 50008:非法的token + if (res.code === 50008 || res.code === 50014 || res.code === 50012) { + Message({ + message: res.message, + type: 'error', + duration: 5 * 1000 + }); + // router.push({path: '/'}) + // TODO + store.dispatch('FedLogOut').then(() => { + router.push({ path: '/login' }) + }); + } + reject(res); + } + resolve(res); + }) + .catch(error => { + Message({ + message: '发生异常错误,请刷新页面重试,或联系程序员', + type: 'error', + duration: 5 * 1000 + }); + console.log(error); // for debug + reject(error); + }); + }); +} + +export function fetch(options) { + return new Promise((resolve, reject) => { + const instance = axios.create({ + timeout: 2000 // 超时 + }); + instance(options) + .then(response => { + const res = response.data; + resolve(res); + }) + .catch(error => { + Message({ + message: error, + type: 'error', + duration: 5 * 1000 + }); + console.log(error); // for debug + reject(error); + }); + }); +} diff --git a/src/utils/index.js b/src/utils/index.js new file mode 100644 index 00000000..05479596 --- /dev/null +++ b/src/utils/index.js @@ -0,0 +1,221 @@ +/** + * Created by jiachenpan on 16/11/18. + */ + + import showdown from 'showdown' // markdown转化 + const converter = new showdown.Converter(); + + export function parseTime(time, cFormat) { + if (arguments.length === 0) { + return null; + } + const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'; + let date; + if (typeof time == 'object') { + date = time; + } else { + if (('' + time).length === 10) time = parseInt(time) * 1000; + date = new Date(time); + } + const formatObj = { + y: date.getFullYear(), + m: date.getMonth() + 1, + d: date.getDate(), + h: date.getHours(), + i: date.getMinutes(), + s: date.getSeconds(), + a: date.getDay() + }; + const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { + let value = formatObj[key]; + if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]; + if (result.length > 0 && value < 10) { + value = '0' + value; + } + return value || 0; + }); + return time_str; + } + + export function formatTime(time, option) { + time = +time * 1000; + const d = new Date(time); + const now = Date.now(); + + const diff = (now - d) / 1000; + + if (diff < 30) { + return '刚刚' + } else if (diff < 3600) { // less 1 hour + return Math.ceil(diff / 60) + '分钟前' + } else if (diff < 3600 * 24) { + return Math.ceil(diff / 3600) + '小时前' + } else if (diff < 3600 * 24 * 2) { + return '1天前' + } + if (option) { + return parseTime(time, option) + } else { + return d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分' + } + } + +// 格式化时间 + + + export function getQueryObject(url) { + url = url == null ? window.location.href : url; + const search = url.substring(url.lastIndexOf('?') + 1); + const obj = {}; + const reg = /([^?&=]+)=([^?&=]*)/g; + search.replace(reg, (rs, $1, $2) => { + const name = decodeURIComponent($1); + let val = decodeURIComponent($2); + val = String(val); + obj[name] = val; + return rs; + }); + return obj; + } + + + + +/** + *get getByteLen + * @param {Sting} val input value + * @returns {number} output value + */ + export function getByteLen(val) { + let len = 0; + for (let i = 0; i < val.length; i++) { + if (val[i].match(/[^\x00-\xff]/ig) != null) { + len += 1; + } else { len += 0.5; } + } + return Math.floor(len); + } + + export function cleanArray(actual) { + const newArray = []; + for (let i = 0; i < actual.length; i++) { + if (actual[i]) { + newArray.push(actual[i]); + } + } + return newArray; + } + + export function param(json) { + if (!json) return ''; + return cleanArray(Object.keys(json).map(key => { + if (json[key] === undefined) return ''; + return encodeURIComponent(key) + '=' + + encodeURIComponent(json[key]); + })).join('&'); + } + + export function html2Text(val) { + const div = document.createElement('div'); + div.innerHTML = val; + return div.textContent || div.innerText; + } + + export function objectMerge(target, source) { + /* Merges two objects, + giving the last one precedence */ + + if (typeof target !== 'object') { + target = {}; + } + if (Array.isArray(source)) { + return source.slice(); + } + for (const property in source) { + if (source.hasOwnProperty(property)) { + const sourceProperty = source[property]; + if (typeof sourceProperty === 'object') { + target[property] = objectMerge(target[property], sourceProperty); + continue; + } + target[property] = sourceProperty; + } + } + return target; + } + + + export function scrollTo(element, to, duration) { + if (duration <= 0) return; + const difference = to - element.scrollTop; + const perTick = difference / duration * 10; + + setTimeout(() => { + console.log(new Date()) + element.scrollTop = element.scrollTop + perTick; + if (element.scrollTop === to) return; + scrollTo(element, to, duration - 10); + }, 10); + } + + export function toggleClass(element, className) { + if (!element || !className) { + return; + } + + let classString = element.className; + const nameIndex = classString.indexOf(className); + if (nameIndex === -1) { + classString += '' + className; + } else { + classString = classString.substr(0, nameIndex) + classString.substr(nameIndex + className.length); + } + element.className = classString; + } + + export const pickerOptions = [ + { + text: '今天', + onClick(picker) { + const end = new Date(); + const start = new Date(new Date().toDateString()); + end.setTime(start.getTime()); + picker.$emit('pick', [start, end]); + } + }, { + text: '最近一周', + onClick(picker) { + const end = new Date(new Date().toDateString()); + const start = new Date(); + start.setTime(end.getTime() - 3600 * 1000 * 24 * 7); + picker.$emit('pick', [start, end]); + } + }, { + text: '最近一个月', + onClick(picker) { + const end = new Date(new Date().toDateString()); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); + picker.$emit('pick', [start, end]); + } + }, { + text: '最近三个月', + onClick(picker) { + const end = new Date(new Date().toDateString()); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); + picker.$emit('pick', [start, end]); + } + }] + + export function getTime(type) { + if (type === 'start') { + return new Date().getTime() - 3600 * 1000 * 24 * 90 + } else { + return new Date(new Date().toDateString()) + } + } + + export function showdownMD(md) { + return converter.makeHtml(md) + } diff --git a/src/utils/openWindow.js b/src/utils/openWindow.js new file mode 100644 index 00000000..a7e2b91c --- /dev/null +++ b/src/utils/openWindow.js @@ -0,0 +1,27 @@ +/** + *Created by jiachenpan on 16/11/29. + * @param {Sting} url + * @param {Sting} title + * @param {Number} w + * @param {Number} h + */ + +export default function openWindow(url, title, w, h) { + // Fixes dual-screen position Most browsers Firefox + const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left; + const dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top; + + const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width; + const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height; + + const left = ((width / 2) - (w / 2)) + dualScreenLeft; + const top = ((height / 2) - (h / 2)) + dualScreenTop; + const newWindow = window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left); + + // Puts focus on the newWindow + if (window.focus) { + newWindow.focus(); + } +} + + diff --git a/src/utils/validate.js b/src/utils/validate.js new file mode 100644 index 00000000..c293a160 --- /dev/null +++ b/src/utils/validate.js @@ -0,0 +1,41 @@ +/** + * Created by jiachenpan on 16/11/18. + */ + +/* 是否是公司邮箱*/ +export function isWscnEmail(str) { + const reg = /^[a-z0-9](?:[-_.+]?[a-z0-9]+)*@wallstreetcn\.com$/i; + return reg.test(str); +} + +/* 合法uri*/ +export function validateURL(textval) { + const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/; + return urlregex.test(textval); +} + +/* 小写字母*/ +export function validateLowerCase(str) { + const reg = /^[a-z]+$/; + return reg.test(str); +} + +/* 验证key*/ +// export function validateKey(str) { +// var reg = /^[a-z_\-:]+$/; +// return reg.test(str); +// } + +/* 大写字母*/ +export function validateUpperCase(str) { + const reg = /^[A-Z]+$/; + return reg.test(str); +} + +/* 大小写字母*/ +export function validatAlphabets(str) { + const reg = /^[A-Za-z]+$/; + return reg.test(str); +} + + diff --git a/src/vendor/Blob.js b/src/vendor/Blob.js new file mode 100644 index 00000000..26382ccd --- /dev/null +++ b/src/vendor/Blob.js @@ -0,0 +1,179 @@ +/* eslint-disable */ +/* Blob.js + * A Blob implementation. + * 2014-05-27 + * + * By Eli Grey, http://eligrey.com + * By Devin Samarin, https://github.com/eboyjr + * License: X11/MIT + * See LICENSE.md + */ + +/*global self, unescape */ +/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true, + plusplus: true */ + +/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */ + +(function (view) { + "use strict"; + + view.URL = view.URL || view.webkitURL; + + if (view.Blob && view.URL) { + try { + new Blob; + return; + } catch (e) {} + } + + // Internally we use a BlobBuilder implementation to base Blob off of + // in order to support older browsers that only have BlobBuilder + var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function(view) { + var + get_class = function(object) { + return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1]; + } + , FakeBlobBuilder = function BlobBuilder() { + this.data = []; + } + , FakeBlob = function Blob(data, type, encoding) { + this.data = data; + this.size = data.length; + this.type = type; + this.encoding = encoding; + } + , FBB_proto = FakeBlobBuilder.prototype + , FB_proto = FakeBlob.prototype + , FileReaderSync = view.FileReaderSync + , FileException = function(type) { + this.code = this[this.name = type]; + } + , file_ex_codes = ( + "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR " + + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR" + ).split(" ") + , file_ex_code = file_ex_codes.length + , real_URL = view.URL || view.webkitURL || view + , real_create_object_URL = real_URL.createObjectURL + , real_revoke_object_URL = real_URL.revokeObjectURL + , URL = real_URL + , btoa = view.btoa + , atob = view.atob + + , ArrayBuffer = view.ArrayBuffer + , Uint8Array = view.Uint8Array + ; + FakeBlob.fake = FB_proto.fake = true; + while (file_ex_code--) { + FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1; + } + if (!real_URL.createObjectURL) { + URL = view.URL = {}; + } + URL.createObjectURL = function(blob) { + var + type = blob.type + , data_URI_header + ; + if (type === null) { + type = "application/octet-stream"; + } + if (blob instanceof FakeBlob) { + data_URI_header = "data:" + type; + if (blob.encoding === "base64") { + return data_URI_header + ";base64," + blob.data; + } else if (blob.encoding === "URI") { + return data_URI_header + "," + decodeURIComponent(blob.data); + } if (btoa) { + return data_URI_header + ";base64," + btoa(blob.data); + } else { + return data_URI_header + "," + encodeURIComponent(blob.data); + } + } else if (real_create_object_URL) { + return real_create_object_URL.call(real_URL, blob); + } + }; + URL.revokeObjectURL = function(object_URL) { + if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) { + real_revoke_object_URL.call(real_URL, object_URL); + } + }; + FBB_proto.append = function(data/*, endings*/) { + var bb = this.data; + // decode data to a binary string + if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) { + var + str = "" + , buf = new Uint8Array(data) + , i = 0 + , buf_len = buf.length + ; + for (; i < buf_len; i++) { + str += String.fromCharCode(buf[i]); + } + bb.push(str); + } else if (get_class(data) === "Blob" || get_class(data) === "File") { + if (FileReaderSync) { + var fr = new FileReaderSync; + bb.push(fr.readAsBinaryString(data)); + } else { + // async FileReader won't work as BlobBuilder is sync + throw new FileException("NOT_READABLE_ERR"); + } + } else if (data instanceof FakeBlob) { + if (data.encoding === "base64" && atob) { + bb.push(atob(data.data)); + } else if (data.encoding === "URI") { + bb.push(decodeURIComponent(data.data)); + } else if (data.encoding === "raw") { + bb.push(data.data); + } + } else { + if (typeof data !== "string") { + data += ""; // convert unsupported types to strings + } + // decode UTF-16 to binary string + bb.push(unescape(encodeURIComponent(data))); + } + }; + FBB_proto.getBlob = function(type) { + if (!arguments.length) { + type = null; + } + return new FakeBlob(this.data.join(""), type, "raw"); + }; + FBB_proto.toString = function() { + return "[object BlobBuilder]"; + }; + FB_proto.slice = function(start, end, type) { + var args = arguments.length; + if (args < 3) { + type = null; + } + return new FakeBlob( + this.data.slice(start, args > 1 ? end : this.data.length) + , type + , this.encoding + ); + }; + FB_proto.toString = function() { + return "[object Blob]"; + }; + FB_proto.close = function() { + this.size = this.data.length = 0; + }; + return FakeBlobBuilder; + }(view)); + + view.Blob = function Blob(blobParts, options) { + var type = options ? (options.type || "") : ""; + var builder = new BlobBuilder(); + if (blobParts) { + for (var i = 0, len = blobParts.length; i < len; i++) { + builder.append(blobParts[i]); + } + } + return builder.getBlob(type); + }; +}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this)); diff --git a/src/vendor/Export2Excel.js b/src/vendor/Export2Excel.js new file mode 100644 index 00000000..a121a33a --- /dev/null +++ b/src/vendor/Export2Excel.js @@ -0,0 +1,141 @@ +/* eslint-disable */ +require('script-loader!file-saver'); +require('script-loader!vendor/Blob'); +require('script-loader!xlsx/dist/xlsx.core.min'); +function generateArray(table) { + var out = []; + var rows = table.querySelectorAll('tr'); + var ranges = []; + for (var R = 0; R < rows.length; ++R) { + var outRow = []; + var row = rows[R]; + var columns = row.querySelectorAll('td'); + for (var C = 0; C < columns.length; ++C) { + var cell = columns[C]; + var colspan = cell.getAttribute('colspan'); + var rowspan = cell.getAttribute('rowspan'); + var cellValue = cell.innerText; + if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue; + + //Skip ranges + ranges.forEach(function (range) { + if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) { + for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null); + } + }); + + //Handle Row Span + if (rowspan || colspan) { + rowspan = rowspan || 1; + colspan = colspan || 1; + ranges.push({s: {r: R, c: outRow.length}, e: {r: R + rowspan - 1, c: outRow.length + colspan - 1}}); + } + ; + + //Handle Value + outRow.push(cellValue !== "" ? cellValue : null); + + //Handle Colspan + if (colspan) for (var k = 0; k < colspan - 1; ++k) outRow.push(null); + } + out.push(outRow); + } + return [out, ranges]; +}; + +function datenum(v, date1904) { + if (date1904) v += 1462; + var epoch = Date.parse(v); + return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000); +} + +function sheet_from_array_of_arrays(data, opts) { + var ws = {}; + var range = {s: {c: 10000000, r: 10000000}, e: {c: 0, r: 0}}; + for (var R = 0; R != data.length; ++R) { + for (var C = 0; C != data[R].length; ++C) { + if (range.s.r > R) range.s.r = R; + if (range.s.c > C) range.s.c = C; + if (range.e.r < R) range.e.r = R; + if (range.e.c < C) range.e.c = C; + var cell = {v: data[R][C]}; + if (cell.v == null) continue; + var cell_ref = XLSX.utils.encode_cell({c: C, r: R}); + + if (typeof cell.v === 'number') cell.t = 'n'; + else if (typeof cell.v === 'boolean') cell.t = 'b'; + else if (cell.v instanceof Date) { + cell.t = 'n'; + cell.z = XLSX.SSF._table[14]; + cell.v = datenum(cell.v); + } + else cell.t = 's'; + + ws[cell_ref] = cell; + } + } + if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range); + return ws; +} + +function Workbook() { + if (!(this instanceof Workbook)) return new Workbook(); + this.SheetNames = []; + this.Sheets = {}; +} + +function s2ab(s) { + var buf = new ArrayBuffer(s.length); + var view = new Uint8Array(buf); + for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF; + return buf; +} + +export function export_table_to_excel(id) { + var theTable = document.getElementById(id); + console.log('a') + var oo = generateArray(theTable); + var ranges = oo[1]; + + /* original data */ + var data = oo[0]; + var ws_name = "SheetJS"; + console.log(data); + + var wb = new Workbook(), ws = sheet_from_array_of_arrays(data); + + /* add ranges to worksheet */ + // ws['!cols'] = ['apple', 'banan']; + ws['!merges'] = ranges; + + /* add worksheet to workbook */ + wb.SheetNames.push(ws_name); + wb.Sheets[ws_name] = ws; + + var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'}); + + saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), "test.xlsx") +} + +function formatJson(jsonData) { + console.log(jsonData) +} +export function export_json_to_excel(th, jsonData, defaultTitle) { + + /* original data */ + + var data = jsonData; + data.unshift(th); + var ws_name = "SheetJS"; + + var wb = new Workbook(), ws = sheet_from_array_of_arrays(data); + + + /* add worksheet to workbook */ + wb.SheetNames.push(ws_name); + wb.Sheets[ws_name] = ws; + + var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'}); + var title = defaultTitle || '列表' + saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), title + ".xlsx") +} diff --git a/src/views/admin/createUser.vue b/src/views/admin/createUser.vue new file mode 100644 index 00000000..d7de7537 --- /dev/null +++ b/src/views/admin/createUser.vue @@ -0,0 +1,87 @@ + + diff --git a/src/views/admin/profile.vue b/src/views/admin/profile.vue new file mode 100644 index 00000000..fa80c902 --- /dev/null +++ b/src/views/admin/profile.vue @@ -0,0 +1,404 @@ + + + + diff --git a/src/views/admin/quicklycreate.vue b/src/views/admin/quicklycreate.vue new file mode 100644 index 00000000..0b39be4c --- /dev/null +++ b/src/views/admin/quicklycreate.vue @@ -0,0 +1,92 @@ + + + diff --git a/src/views/admin/usersList.vue b/src/views/admin/usersList.vue new file mode 100644 index 00000000..efbb3066 --- /dev/null +++ b/src/views/admin/usersList.vue @@ -0,0 +1,241 @@ + + + + diff --git a/src/views/charts/index.vue b/src/views/charts/index.vue new file mode 100644 index 00000000..cce1dc39 --- /dev/null +++ b/src/views/charts/index.vue @@ -0,0 +1,7 @@ + diff --git a/src/views/charts/keyboard.vue b/src/views/charts/keyboard.vue new file mode 100644 index 00000000..f0d066c3 --- /dev/null +++ b/src/views/charts/keyboard.vue @@ -0,0 +1,24 @@ + + + + + diff --git a/src/views/charts/keyboard2.vue b/src/views/charts/keyboard2.vue new file mode 100644 index 00000000..d46c3589 --- /dev/null +++ b/src/views/charts/keyboard2.vue @@ -0,0 +1,24 @@ + + + + + diff --git a/src/views/charts/line.vue b/src/views/charts/line.vue new file mode 100644 index 00000000..5992c502 --- /dev/null +++ b/src/views/charts/line.vue @@ -0,0 +1,26 @@ + + + + + diff --git a/src/views/charts/mixchart.vue b/src/views/charts/mixchart.vue new file mode 100644 index 00000000..8b2afd02 --- /dev/null +++ b/src/views/charts/mixchart.vue @@ -0,0 +1,25 @@ + + + + + diff --git a/src/views/components/avatarUpload.vue b/src/views/components/avatarUpload.vue new file mode 100644 index 00000000..a41558ac --- /dev/null +++ b/src/views/components/avatarUpload.vue @@ -0,0 +1,42 @@ + + + + diff --git a/src/views/components/countTo.vue b/src/views/components/countTo.vue new file mode 100644 index 00000000..a2c920ec --- /dev/null +++ b/src/views/components/countTo.vue @@ -0,0 +1,187 @@ + + + + + + diff --git a/src/views/components/dndlist.vue b/src/views/components/dndlist.vue new file mode 100644 index 00000000..80984340 --- /dev/null +++ b/src/views/components/dndlist.vue @@ -0,0 +1,36 @@ + + + + diff --git a/src/views/components/dropzone.vue b/src/views/components/dropzone.vue new file mode 100644 index 00000000..f9c85d4e --- /dev/null +++ b/src/views/components/dropzone.vue @@ -0,0 +1,28 @@ + + + + diff --git a/src/views/components/index.vue b/src/views/components/index.vue new file mode 100644 index 00000000..e0b4c0de --- /dev/null +++ b/src/views/components/index.vue @@ -0,0 +1,7 @@ + diff --git a/src/views/components/jsoneditor.vue b/src/views/components/jsoneditor.vue new file mode 100644 index 00000000..ca8142a5 --- /dev/null +++ b/src/views/components/jsoneditor.vue @@ -0,0 +1,28 @@ + + + + + diff --git a/src/views/components/markdown.vue b/src/views/components/markdown.vue new file mode 100644 index 00000000..3bf5e1ac --- /dev/null +++ b/src/views/components/markdown.vue @@ -0,0 +1,22 @@ + + + + diff --git a/src/views/components/mixin.vue b/src/views/components/mixin.vue new file mode 100644 index 00000000..f8d8d5e0 --- /dev/null +++ b/src/views/components/mixin.vue @@ -0,0 +1,45 @@ + + + + diff --git a/src/views/components/splitpane.vue b/src/views/components/splitpane.vue new file mode 100644 index 00000000..47e193c0 --- /dev/null +++ b/src/views/components/splitpane.vue @@ -0,0 +1,62 @@ + + + + diff --git a/src/views/components/sticky.vue b/src/views/components/sticky.vue new file mode 100644 index 00000000..6e29d19f --- /dev/null +++ b/src/views/components/sticky.vue @@ -0,0 +1,125 @@ + + + + diff --git a/src/views/components/tinymce.vue b/src/views/components/tinymce.vue new file mode 100644 index 00000000..a88bd91c --- /dev/null +++ b/src/views/components/tinymce.vue @@ -0,0 +1,28 @@ + + + + diff --git a/src/views/dashboard/default/index.vue b/src/views/dashboard/default/index.vue new file mode 100644 index 00000000..9a16481f --- /dev/null +++ b/src/views/dashboard/default/index.vue @@ -0,0 +1,82 @@ + + + + + diff --git a/src/views/dashboard/editor/articlesChart.vue b/src/views/dashboard/editor/articlesChart.vue new file mode 100644 index 00000000..a62e1962 --- /dev/null +++ b/src/views/dashboard/editor/articlesChart.vue @@ -0,0 +1,34 @@ + + + diff --git a/src/views/dashboard/editor/index.vue b/src/views/dashboard/editor/index.vue new file mode 100644 index 00000000..af338738 --- /dev/null +++ b/src/views/dashboard/editor/index.vue @@ -0,0 +1,303 @@ + + + + + diff --git a/src/views/dashboard/editor/monthKpi.vue b/src/views/dashboard/editor/monthKpi.vue new file mode 100644 index 00000000..7fdd7501 --- /dev/null +++ b/src/views/dashboard/editor/monthKpi.vue @@ -0,0 +1,61 @@ + + + + diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue new file mode 100644 index 00000000..2e4ce06f --- /dev/null +++ b/src/views/dashboard/index.vue @@ -0,0 +1,39 @@ + + + diff --git a/src/views/errlog/errcode.vue b/src/views/errlog/errcode.vue new file mode 100644 index 00000000..0fa103ce --- /dev/null +++ b/src/views/errlog/errcode.vue @@ -0,0 +1,7 @@ + diff --git a/src/views/errlog/index.vue b/src/views/errlog/index.vue new file mode 100644 index 00000000..55c7870e --- /dev/null +++ b/src/views/errlog/index.vue @@ -0,0 +1,31 @@ + + + diff --git a/src/views/error/401.vue b/src/views/error/401.vue new file mode 100644 index 00000000..bac594b2 --- /dev/null +++ b/src/views/error/401.vue @@ -0,0 +1,83 @@ + + + + diff --git a/src/views/error/404.vue b/src/views/error/404.vue new file mode 100644 index 00000000..14422095 --- /dev/null +++ b/src/views/error/404.vue @@ -0,0 +1,217 @@ + + + diff --git a/src/views/example/dynamictable.vue b/src/views/example/dynamictable.vue new file mode 100644 index 00000000..b2b844fc --- /dev/null +++ b/src/views/example/dynamictable.vue @@ -0,0 +1,39 @@ + + + diff --git a/src/views/example/form1.vue b/src/views/example/form1.vue new file mode 100644 index 00000000..d41cf9f2 --- /dev/null +++ b/src/views/example/form1.vue @@ -0,0 +1,291 @@ + + + + + diff --git a/src/views/example/form2.vue b/src/views/example/form2.vue new file mode 100644 index 00000000..e69de29b diff --git a/src/views/example/table.vue b/src/views/example/table.vue new file mode 100644 index 00000000..bf288937 --- /dev/null +++ b/src/views/example/table.vue @@ -0,0 +1,332 @@ + + + diff --git a/src/views/excel/index.vue b/src/views/excel/index.vue new file mode 100644 index 00000000..17a728fe --- /dev/null +++ b/src/views/excel/index.vue @@ -0,0 +1,70 @@ + + diff --git a/src/views/introduction/index.vue b/src/views/introduction/index.vue new file mode 100644 index 00000000..0ff5456b --- /dev/null +++ b/src/views/introduction/index.vue @@ -0,0 +1,15 @@ + + diff --git a/src/views/layout/AppMain.vue b/src/views/layout/AppMain.vue new file mode 100644 index 00000000..e6867d8f --- /dev/null +++ b/src/views/layout/AppMain.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue new file mode 100644 index 00000000..507ce125 --- /dev/null +++ b/src/views/layout/Layout.vue @@ -0,0 +1,98 @@ + + + + diff --git a/src/views/layout/Levelbar.vue b/src/views/layout/Levelbar.vue new file mode 100644 index 00000000..382d9fd1 --- /dev/null +++ b/src/views/layout/Levelbar.vue @@ -0,0 +1,48 @@ + + + + diff --git a/src/views/layout/Navbar.vue b/src/views/layout/Navbar.vue new file mode 100644 index 00000000..abc18e77 --- /dev/null +++ b/src/views/layout/Navbar.vue @@ -0,0 +1,107 @@ + + + + + + + diff --git a/src/views/layout/Sidebar.vue b/src/views/layout/Sidebar.vue new file mode 100644 index 00000000..c4c54f14 --- /dev/null +++ b/src/views/layout/Sidebar.vue @@ -0,0 +1,47 @@ + + + + + diff --git a/src/views/layout/index.js b/src/views/layout/index.js new file mode 100644 index 00000000..308c1be8 --- /dev/null +++ b/src/views/layout/index.js @@ -0,0 +1,7 @@ +export { default as Navbar } from './Navbar'; + +export { default as Sidebar } from './Sidebar'; + +export { default as Levelbar } from './Sidebar'; + +export { default as AppMain } from './AppMain'; diff --git a/src/views/login/authredirect.vue b/src/views/login/authredirect.vue new file mode 100644 index 00000000..136d6a5d --- /dev/null +++ b/src/views/login/authredirect.vue @@ -0,0 +1,10 @@ + diff --git a/src/views/login/index.vue b/src/views/login/index.vue new file mode 100644 index 00000000..b0bd79fb --- /dev/null +++ b/src/views/login/index.vue @@ -0,0 +1,193 @@ + + + + + diff --git a/src/views/login/reset.vue b/src/views/login/reset.vue new file mode 100644 index 00000000..9053ad98 --- /dev/null +++ b/src/views/login/reset.vue @@ -0,0 +1,178 @@ + + + + + diff --git a/src/views/login/sendpwd.vue b/src/views/login/sendpwd.vue new file mode 100644 index 00000000..cd26484e --- /dev/null +++ b/src/views/login/sendpwd.vue @@ -0,0 +1,117 @@ + + + + + diff --git a/src/views/login/socialsignin.vue b/src/views/login/socialsignin.vue new file mode 100644 index 00000000..c7edc0db --- /dev/null +++ b/src/views/login/socialsignin.vue @@ -0,0 +1,68 @@ + + + + diff --git a/src/views/permission/index.vue b/src/views/permission/index.vue new file mode 100644 index 00000000..a33540bb --- /dev/null +++ b/src/views/permission/index.vue @@ -0,0 +1,31 @@ + + + diff --git a/src/views/theme/index.vue b/src/views/theme/index.vue new file mode 100644 index 00000000..52cf7f4c --- /dev/null +++ b/src/views/theme/index.vue @@ -0,0 +1,92 @@ + + + + + + diff --git a/static/.gitkeep b/static/.gitkeep new file mode 100644 index 00000000..e69de29b diff --git a/static/jquery.min.js b/static/jquery.min.js new file mode 100644 index 00000000..4c5be4c0 --- /dev/null +++ b/static/jquery.min.js @@ -0,0 +1,4 @@ +/*! jQuery v3.1.1 | (c) jQuery Foundation | jquery.org/license */ +!function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){"use strict";var c=[],d=a.document,e=Object.getPrototypeOf,f=c.slice,g=c.concat,h=c.push,i=c.indexOf,j={},k=j.toString,l=j.hasOwnProperty,m=l.toString,n=m.call(Object),o={};function p(a,b){b=b||d;var c=b.createElement("script");c.text=a,b.head.appendChild(c).parentNode.removeChild(c)}var q="3.1.1",r=function(a,b){return new r.fn.init(a,b)},s=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,t=/^-ms-/,u=/-([a-z])/g,v=function(a,b){return b.toUpperCase()};r.fn=r.prototype={jquery:q,constructor:r,length:0,toArray:function(){return f.call(this)},get:function(a){return null==a?f.call(this):a<0?this[a+this.length]:this[a]},pushStack:function(a){var b=r.merge(this.constructor(),a);return b.prevObject=this,b},each:function(a){return r.each(this,a)},map:function(a){return this.pushStack(r.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(f.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(a<0?b:0);return this.pushStack(c>=0&&c0&&b-1 in a)}var x=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=function(a,b){for(var c=0,d=a.length;c+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(N),U=new RegExp("^"+L+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L+"|[*])"),ATTR:new RegExp("^"+M),PSEUDO:new RegExp("^"+N),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),aa=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:d<0?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ba=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ca=function(a,b){return b?"\0"===a?"\ufffd":a.slice(0,-1)+"\\"+a.charCodeAt(a.length-1).toString(16)+" ":"\\"+a},da=function(){m()},ea=ta(function(a){return a.disabled===!0&&("form"in a||"label"in a)},{dir:"parentNode",next:"legend"});try{G.apply(D=H.call(v.childNodes),v.childNodes),D[v.childNodes.length].nodeType}catch(fa){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s=b&&b.ownerDocument,w=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==w&&9!==w&&11!==w)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==w&&(l=Z.exec(a)))if(f=l[1]){if(9===w){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(s&&(j=s.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(l[2])return G.apply(d,b.getElementsByTagName(a)),d;if((f=l[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==w)s=b,r=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(ba,ca):b.setAttribute("id",k=u),o=g(a),h=o.length;while(h--)o[h]="#"+k+" "+sa(o[h]);r=o.join(","),s=$.test(a)&&qa(b.parentNode)||b}if(r)try{return G.apply(d,s.querySelectorAll(r)),d}catch(x){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(P,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("fieldset");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&a.sourceIndex-b.sourceIndex;if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return function(b){return"form"in b?b.parentNode&&b.disabled===!1?"label"in b?"label"in b.parentNode?b.parentNode.disabled===a:b.disabled===a:b.isDisabled===a||b.isDisabled!==!a&&ea(b)===a:b.disabled===a:"label"in b&&b.disabled===a}}function pa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function qa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return!!b&&"HTML"!==b.nodeName},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),v!==n&&(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(n.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){return a.getAttribute("id")===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}}):(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c,d,e,f=b.getElementById(a);if(f){if(c=f.getAttributeNode("id"),c&&c.value===a)return[f];e=b.getElementsByName(a),d=0;while(f=e[d++])if(c=f.getAttributeNode("id"),c&&c.value===a)return[f]}return[]}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){if("undefined"!=typeof b.getElementsByClassName&&p)return b.getElementsByClassName(a)},r=[],q=[],(c.qsa=Y.test(n.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){a.innerHTML="";var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+K+"*[*^$|!~]?="),2!==a.querySelectorAll(":enabled").length&&q.push(":enabled",":disabled"),o.appendChild(a).disabled=!0,2!==a.querySelectorAll(":disabled").length&&q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Y.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"*"),s.call(a,"[s!='']:x"),r.push("!=",N)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Y.test(o.compareDocumentPosition),t=b||Y.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?I(k,a)-I(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?I(k,a)-I(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?la(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(S,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.escape=function(a){return(a+"").replace(ba,ca)},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(_,aa),a[3]=(a[3]||a[4]||a[5]||"").replace(_,aa),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return V.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&T.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(_,aa).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:!b||(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(O," ")+" ").indexOf(c)>-1:"|="===b&&(e===c||e.slice(0,c.length+1)===c+"-"))}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(P,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(_,aa),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return U.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(_,aa).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:oa(!1),disabled:oa(!0),checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:pa(function(){return[0]}),last:pa(function(a,b){return[b-1]}),eq:pa(function(a,b,c){return[c<0?c+b:c]}),even:pa(function(a,b){for(var c=0;c=0;)a.push(d);return a}),gt:pa(function(a,b,c){for(var d=c<0?c+b:c;++d1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function va(a,b,c){for(var d=0,e=b.length;d-1&&(f[j]=!(g[j]=l))}}else r=wa(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ya(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ta(function(a){return a===b},h,!0),l=ta(function(a){return I(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];i1&&ua(m),i>1&&sa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(P,"$1"),c,i0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=E.call(i));u=wa(u)}G.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&ga.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=ya(b[c]),f[u]?d.push(f):e.push(f);f=A(a,za(e,d)),f.selector=a}return f},i=ga.select=function(a,b,c,e){var f,i,j,k,l,m="function"==typeof a&&a,n=!e&&g(a=m.selector||a);if(c=c||[],1===n.length){if(i=n[0]=n[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&9===b.nodeType&&p&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(_,aa),b)||[])[0],!b)return c;m&&(b=b.parentNode),a=a.slice(i.shift().value.length)}f=V.needsContext.test(a)?0:i.length;while(f--){if(j=i[f],d.relative[k=j.type])break;if((l=d.find[k])&&(e=l(j.matches[0].replace(_,aa),$.test(i[0].type)&&qa(b.parentNode)||b))){if(i.splice(f,1),a=e.length&&sa(i),!a)return G.apply(c,e),c;break}}}return(m||h(a,n))(e,b,!p,c,!b||$.test(a)&&qa(b.parentNode)||b),c},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("fieldset"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){if(!c)return a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){if(!c&&"input"===a.nodeName.toLowerCase())return a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(J,function(a,b,c){var d;if(!c)return a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);r.find=x,r.expr=x.selectors,r.expr[":"]=r.expr.pseudos,r.uniqueSort=r.unique=x.uniqueSort,r.text=x.getText,r.isXMLDoc=x.isXML,r.contains=x.contains,r.escapeSelector=x.escape;var y=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&r(a).is(c))break;d.push(a)}return d},z=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},A=r.expr.match.needsContext,B=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i,C=/^.[^:#\[\.,]*$/;function D(a,b,c){return r.isFunction(b)?r.grep(a,function(a,d){return!!b.call(a,d,a)!==c}):b.nodeType?r.grep(a,function(a){return a===b!==c}):"string"!=typeof b?r.grep(a,function(a){return i.call(b,a)>-1!==c}):C.test(b)?r.filter(b,a,c):(b=r.filter(b,a),r.grep(a,function(a){return i.call(b,a)>-1!==c&&1===a.nodeType}))}r.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?r.find.matchesSelector(d,a)?[d]:[]:r.find.matches(a,r.grep(b,function(a){return 1===a.nodeType}))},r.fn.extend({find:function(a){var b,c,d=this.length,e=this;if("string"!=typeof a)return this.pushStack(r(a).filter(function(){for(b=0;b1?r.uniqueSort(c):c},filter:function(a){return this.pushStack(D(this,a||[],!1))},not:function(a){return this.pushStack(D(this,a||[],!0))},is:function(a){return!!D(this,"string"==typeof a&&A.test(a)?r(a):a||[],!1).length}});var E,F=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,G=r.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||E,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:F.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof r?b[0]:b,r.merge(this,r.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),B.test(e[1])&&r.isPlainObject(b))for(e in b)r.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&(this[0]=f,this.length=1),this}return a.nodeType?(this[0]=a,this.length=1,this):r.isFunction(a)?void 0!==c.ready?c.ready(a):a(r):r.makeArray(a,this)};G.prototype=r.fn,E=r(d);var H=/^(?:parents|prev(?:Until|All))/,I={children:!0,contents:!0,next:!0,prev:!0};r.fn.extend({has:function(a){var b=r(a,this),c=b.length;return this.filter(function(){for(var a=0;a-1:1===c.nodeType&&r.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?r.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?i.call(r(a),this[0]):i.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(r.uniqueSort(r.merge(this.get(),r(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function J(a,b){while((a=a[b])&&1!==a.nodeType);return a}r.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return y(a,"parentNode")},parentsUntil:function(a,b,c){return y(a,"parentNode",c)},next:function(a){return J(a,"nextSibling")},prev:function(a){return J(a,"previousSibling")},nextAll:function(a){return y(a,"nextSibling")},prevAll:function(a){return y(a,"previousSibling")},nextUntil:function(a,b,c){return y(a,"nextSibling",c)},prevUntil:function(a,b,c){return y(a,"previousSibling",c)},siblings:function(a){return z((a.parentNode||{}).firstChild,a)},children:function(a){return z(a.firstChild)},contents:function(a){return a.contentDocument||r.merge([],a.childNodes)}},function(a,b){r.fn[a]=function(c,d){var e=r.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=r.filter(d,e)),this.length>1&&(I[a]||r.uniqueSort(e),H.test(a)&&e.reverse()),this.pushStack(e)}});var K=/[^\x20\t\r\n\f]+/g;function L(a){var b={};return r.each(a.match(K)||[],function(a,c){b[c]=!0}),b}r.Callbacks=function(a){a="string"==typeof a?L(a):r.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),c<=h&&h--}),this},has:function(a){return a?r.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||b||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j};function M(a){return a}function N(a){throw a}function O(a,b,c){var d;try{a&&r.isFunction(d=a.promise)?d.call(a).done(b).fail(c):a&&r.isFunction(d=a.then)?d.call(a,b,c):b.call(void 0,a)}catch(a){c.call(void 0,a)}}r.extend({Deferred:function(b){var c=[["notify","progress",r.Callbacks("memory"),r.Callbacks("memory"),2],["resolve","done",r.Callbacks("once memory"),r.Callbacks("once memory"),0,"resolved"],["reject","fail",r.Callbacks("once memory"),r.Callbacks("once memory"),1,"rejected"]],d="pending",e={state:function(){return d},always:function(){return f.done(arguments).fail(arguments),this},"catch":function(a){return e.then(null,a)},pipe:function(){var a=arguments;return r.Deferred(function(b){r.each(c,function(c,d){var e=r.isFunction(a[d[4]])&&a[d[4]];f[d[1]](function(){var a=e&&e.apply(this,arguments);a&&r.isFunction(a.promise)?a.promise().progress(b.notify).done(b.resolve).fail(b.reject):b[d[0]+"With"](this,e?[a]:arguments)})}),a=null}).promise()},then:function(b,d,e){var f=0;function g(b,c,d,e){return function(){var h=this,i=arguments,j=function(){var a,j;if(!(b=f&&(d!==N&&(h=void 0,i=[a]),c.rejectWith(h,i))}};b?k():(r.Deferred.getStackHook&&(k.stackTrace=r.Deferred.getStackHook()),a.setTimeout(k))}}return r.Deferred(function(a){c[0][3].add(g(0,a,r.isFunction(e)?e:M,a.notifyWith)),c[1][3].add(g(0,a,r.isFunction(b)?b:M)),c[2][3].add(g(0,a,r.isFunction(d)?d:N))}).promise()},promise:function(a){return null!=a?r.extend(a,e):e}},f={};return r.each(c,function(a,b){var g=b[2],h=b[5];e[b[1]]=g.add,h&&g.add(function(){d=h},c[3-a][2].disable,c[0][2].lock),g.add(b[3].fire),f[b[0]]=function(){return f[b[0]+"With"](this===f?void 0:this,arguments),this},f[b[0]+"With"]=g.fireWith}),e.promise(f),b&&b.call(f,f),f},when:function(a){var b=arguments.length,c=b,d=Array(c),e=f.call(arguments),g=r.Deferred(),h=function(a){return function(c){d[a]=this,e[a]=arguments.length>1?f.call(arguments):c,--b||g.resolveWith(d,e)}};if(b<=1&&(O(a,g.done(h(c)).resolve,g.reject),"pending"===g.state()||r.isFunction(e[c]&&e[c].then)))return g.then();while(c--)O(e[c],h(c),g.reject);return g.promise()}});var P=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;r.Deferred.exceptionHook=function(b,c){a.console&&a.console.warn&&b&&P.test(b.name)&&a.console.warn("jQuery.Deferred exception: "+b.message,b.stack,c)},r.readyException=function(b){a.setTimeout(function(){throw b})};var Q=r.Deferred();r.fn.ready=function(a){return Q.then(a)["catch"](function(a){r.readyException(a)}),this},r.extend({isReady:!1,readyWait:1,holdReady:function(a){a?r.readyWait++:r.ready(!0)},ready:function(a){(a===!0?--r.readyWait:r.isReady)||(r.isReady=!0,a!==!0&&--r.readyWait>0||Q.resolveWith(d,[r]))}}),r.ready.then=Q.then;function R(){d.removeEventListener("DOMContentLoaded",R), +a.removeEventListener("load",R),r.ready()}"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(r.ready):(d.addEventListener("DOMContentLoaded",R),a.addEventListener("load",R));var S=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===r.type(c)){e=!0;for(h in c)S(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,r.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(r(a),c)})),b))for(;h1,null,!0)},removeData:function(a){return this.each(function(){W.remove(this,a)})}}),r.extend({queue:function(a,b,c){var d;if(a)return b=(b||"fx")+"queue",d=V.get(a,b),c&&(!d||r.isArray(c)?d=V.access(a,b,r.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||"fx";var c=r.queue(a,b),d=c.length,e=c.shift(),f=r._queueHooks(a,b),g=function(){r.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return V.get(a,c)||V.access(a,c,{empty:r.Callbacks("once memory").add(function(){V.remove(a,[b+"queue",c])})})}}),r.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length\x20\t\r\n\f]+)/i,ka=/^$|\/(?:java|ecma)script/i,la={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};la.optgroup=la.option,la.tbody=la.tfoot=la.colgroup=la.caption=la.thead,la.th=la.td;function ma(a,b){var c;return c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[],void 0===b||b&&r.nodeName(a,b)?r.merge([a],c):c}function na(a,b){for(var c=0,d=a.length;c-1)e&&e.push(f);else if(j=r.contains(f.ownerDocument,f),g=ma(l.appendChild(f),"script"),j&&na(g),c){k=0;while(f=g[k++])ka.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),o.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",o.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var qa=d.documentElement,ra=/^key/,sa=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,ta=/^([^.]*)(?:\.(.+)|)/;function ua(){return!0}function va(){return!1}function wa(){try{return d.activeElement}catch(a){}}function xa(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)xa(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=va;else if(!e)return a;return 1===f&&(g=e,e=function(a){return r().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=r.guid++)),a.each(function(){r.event.add(this,b,e,d,c)})}r.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=V.get(a);if(q){c.handler&&(f=c,c=f.handler,e=f.selector),e&&r.find.matchesSelector(qa,e),c.guid||(c.guid=r.guid++),(i=q.events)||(i=q.events={}),(g=q.handle)||(g=q.handle=function(b){return"undefined"!=typeof r&&r.event.triggered!==b.type?r.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(K)||[""],j=b.length;while(j--)h=ta.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n&&(l=r.event.special[n]||{},n=(e?l.delegateType:l.bindType)||n,l=r.event.special[n]||{},k=r.extend({type:n,origType:p,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&r.expr.match.needsContext.test(e),namespace:o.join(".")},f),(m=i[n])||(m=i[n]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,o,g)!==!1||a.addEventListener&&a.addEventListener(n,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),r.event.global[n]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=V.hasData(a)&&V.get(a);if(q&&(i=q.events)){b=(b||"").match(K)||[""],j=b.length;while(j--)if(h=ta.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n){l=r.event.special[n]||{},n=(d?l.delegateType:l.bindType)||n,m=i[n]||[],h=h[2]&&new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&p!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,o,q.handle)!==!1||r.removeEvent(a,n,q.handle),delete i[n])}else for(n in i)r.event.remove(a,n+b[j],c,d,!0);r.isEmptyObject(i)&&V.remove(a,"handle events")}},dispatch:function(a){var b=r.event.fix(a),c,d,e,f,g,h,i=new Array(arguments.length),j=(V.get(this,"events")||{})[b.type]||[],k=r.event.special[b.type]||{};for(i[0]=b,c=1;c=1))for(;j!==this;j=j.parentNode||this)if(1===j.nodeType&&("click"!==a.type||j.disabled!==!0)){for(f=[],g={},c=0;c-1:r.find(e,this,null,[j]).length),g[e]&&f.push(d);f.length&&h.push({elem:j,handlers:f})}return j=this,i\x20\t\r\n\f]*)[^>]*)\/>/gi,za=/\s*$/g;function Da(a,b){return r.nodeName(a,"table")&&r.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a:a}function Ea(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function Fa(a){var b=Ba.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ga(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(V.hasData(a)&&(f=V.access(a),g=V.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;c1&&"string"==typeof q&&!o.checkClone&&Aa.test(q))return a.each(function(e){var f=a.eq(e);s&&(b[0]=q.call(this,e,f.html())),Ia(f,b,c,d)});if(m&&(e=pa(b,a[0].ownerDocument,!1,a,d),f=e.firstChild,1===e.childNodes.length&&(e=f),f||d)){for(h=r.map(ma(e,"script"),Ea),i=h.length;l")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=r.contains(a.ownerDocument,a);if(!(o.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||r.isXMLDoc(a)))for(g=ma(h),f=ma(a),d=0,e=f.length;d0&&na(g,!i&&ma(a,"script")),h},cleanData:function(a){for(var b,c,d,e=r.event.special,f=0;void 0!==(c=a[f]);f++)if(T(c)){if(b=c[V.expando]){if(b.events)for(d in b.events)e[d]?r.event.remove(c,d):r.removeEvent(c,d,b.handle);c[V.expando]=void 0}c[W.expando]&&(c[W.expando]=void 0)}}}),r.fn.extend({detach:function(a){return Ja(this,a,!0)},remove:function(a){return Ja(this,a)},text:function(a){return S(this,function(a){return void 0===a?r.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return Ia(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Da(this,a);b.appendChild(a)}})},prepend:function(){return Ia(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Da(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return Ia(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return Ia(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(r.cleanData(ma(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null!=a&&a,b=null==b?a:b,this.map(function(){return r.clone(this,a,b)})},html:function(a){return S(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!za.test(a)&&!la[(ja.exec(a)||["",""])[1].toLowerCase()]){a=r.htmlPrefilter(a);try{for(;c1)}});function Ya(a,b,c,d,e){return new Ya.prototype.init(a,b,c,d,e)}r.Tween=Ya,Ya.prototype={constructor:Ya,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||r.easing._default,this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(r.cssNumber[c]?"":"px")},cur:function(){var a=Ya.propHooks[this.prop];return a&&a.get?a.get(this):Ya.propHooks._default.get(this)},run:function(a){var b,c=Ya.propHooks[this.prop];return this.options.duration?this.pos=b=r.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Ya.propHooks._default.set(this),this}},Ya.prototype.init.prototype=Ya.prototype,Ya.propHooks={_default:{get:function(a){var b;return 1!==a.elem.nodeType||null!=a.elem[a.prop]&&null==a.elem.style[a.prop]?a.elem[a.prop]:(b=r.css(a.elem,a.prop,""),b&&"auto"!==b?b:0)},set:function(a){r.fx.step[a.prop]?r.fx.step[a.prop](a):1!==a.elem.nodeType||null==a.elem.style[r.cssProps[a.prop]]&&!r.cssHooks[a.prop]?a.elem[a.prop]=a.now:r.style(a.elem,a.prop,a.now+a.unit)}}},Ya.propHooks.scrollTop=Ya.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},r.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},_default:"swing"},r.fx=Ya.prototype.init,r.fx.step={};var Za,$a,_a=/^(?:toggle|show|hide)$/,ab=/queueHooks$/;function bb(){$a&&(a.requestAnimationFrame(bb),r.fx.tick())}function cb(){return a.setTimeout(function(){Za=void 0}),Za=r.now()}function db(a,b){var c,d=0,e={height:a};for(b=b?1:0;d<4;d+=2-b)c=ba[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function eb(a,b,c){for(var d,e=(hb.tweeners[b]||[]).concat(hb.tweeners["*"]),f=0,g=e.length;f1)},removeAttr:function(a){return this.each(function(){r.removeAttr(this,a)})}}),r.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return"undefined"==typeof a.getAttribute?r.prop(a,b,c):(1===f&&r.isXMLDoc(a)||(e=r.attrHooks[b.toLowerCase()]||(r.expr.match.bool.test(b)?ib:void 0)), +void 0!==c?null===c?void r.removeAttr(a,b):e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:(a.setAttribute(b,c+""),c):e&&"get"in e&&null!==(d=e.get(a,b))?d:(d=r.find.attr(a,b),null==d?void 0:d))},attrHooks:{type:{set:function(a,b){if(!o.radioValue&&"radio"===b&&r.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}},removeAttr:function(a,b){var c,d=0,e=b&&b.match(K);if(e&&1===a.nodeType)while(c=e[d++])a.removeAttribute(c)}}),ib={set:function(a,b,c){return b===!1?r.removeAttr(a,c):a.setAttribute(c,c),c}},r.each(r.expr.match.bool.source.match(/\w+/g),function(a,b){var c=jb[b]||r.find.attr;jb[b]=function(a,b,d){var e,f,g=b.toLowerCase();return d||(f=jb[g],jb[g]=e,e=null!=c(a,b,d)?g:null,jb[g]=f),e}});var kb=/^(?:input|select|textarea|button)$/i,lb=/^(?:a|area)$/i;r.fn.extend({prop:function(a,b){return S(this,r.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[r.propFix[a]||a]})}}),r.extend({prop:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return 1===f&&r.isXMLDoc(a)||(b=r.propFix[b]||b,e=r.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=r.find.attr(a,"tabindex");return b?parseInt(b,10):kb.test(a.nodeName)||lb.test(a.nodeName)&&a.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),o.optSelected||(r.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null},set:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}}),r.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){r.propFix[this.toLowerCase()]=this});function mb(a){var b=a.match(K)||[];return b.join(" ")}function nb(a){return a.getAttribute&&a.getAttribute("class")||""}r.fn.extend({addClass:function(a){var b,c,d,e,f,g,h,i=0;if(r.isFunction(a))return this.each(function(b){r(this).addClass(a.call(this,b,nb(this)))});if("string"==typeof a&&a){b=a.match(K)||[];while(c=this[i++])if(e=nb(c),d=1===c.nodeType&&" "+mb(e)+" "){g=0;while(f=b[g++])d.indexOf(" "+f+" ")<0&&(d+=f+" ");h=mb(d),e!==h&&c.setAttribute("class",h)}}return this},removeClass:function(a){var b,c,d,e,f,g,h,i=0;if(r.isFunction(a))return this.each(function(b){r(this).removeClass(a.call(this,b,nb(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof a&&a){b=a.match(K)||[];while(c=this[i++])if(e=nb(c),d=1===c.nodeType&&" "+mb(e)+" "){g=0;while(f=b[g++])while(d.indexOf(" "+f+" ")>-1)d=d.replace(" "+f+" "," ");h=mb(d),e!==h&&c.setAttribute("class",h)}}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):r.isFunction(a)?this.each(function(c){r(this).toggleClass(a.call(this,c,nb(this),b),b)}):this.each(function(){var b,d,e,f;if("string"===c){d=0,e=r(this),f=a.match(K)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else void 0!==a&&"boolean"!==c||(b=nb(this),b&&V.set(this,"__className__",b),this.setAttribute&&this.setAttribute("class",b||a===!1?"":V.get(this,"__className__")||""))})},hasClass:function(a){var b,c,d=0;b=" "+a+" ";while(c=this[d++])if(1===c.nodeType&&(" "+mb(nb(c))+" ").indexOf(b)>-1)return!0;return!1}});var ob=/\r/g;r.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=r.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,r(this).val()):a,null==e?e="":"number"==typeof e?e+="":r.isArray(e)&&(e=r.map(e,function(a){return null==a?"":a+""})),b=r.valHooks[this.type]||r.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=r.valHooks[e.type]||r.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(ob,""):null==c?"":c)}}}),r.extend({valHooks:{option:{get:function(a){var b=r.find.attr(a,"value");return null!=b?b:mb(r.text(a))}},select:{get:function(a){var b,c,d,e=a.options,f=a.selectedIndex,g="select-one"===a.type,h=g?null:[],i=g?f+1:e.length;for(d=f<0?i:g?f:0;d-1)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),r.each(["radio","checkbox"],function(){r.valHooks[this]={set:function(a,b){if(r.isArray(b))return a.checked=r.inArray(r(a).val(),b)>-1}},o.checkOn||(r.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var pb=/^(?:focusinfocus|focusoutblur)$/;r.extend(r.event,{trigger:function(b,c,e,f){var g,h,i,j,k,m,n,o=[e||d],p=l.call(b,"type")?b.type:b,q=l.call(b,"namespace")?b.namespace.split("."):[];if(h=i=e=e||d,3!==e.nodeType&&8!==e.nodeType&&!pb.test(p+r.event.triggered)&&(p.indexOf(".")>-1&&(q=p.split("."),p=q.shift(),q.sort()),k=p.indexOf(":")<0&&"on"+p,b=b[r.expando]?b:new r.Event(p,"object"==typeof b&&b),b.isTrigger=f?2:3,b.namespace=q.join("."),b.rnamespace=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=e),c=null==c?[b]:r.makeArray(c,[b]),n=r.event.special[p]||{},f||!n.trigger||n.trigger.apply(e,c)!==!1)){if(!f&&!n.noBubble&&!r.isWindow(e)){for(j=n.delegateType||p,pb.test(j+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),i=h;i===(e.ownerDocument||d)&&o.push(i.defaultView||i.parentWindow||a)}g=0;while((h=o[g++])&&!b.isPropagationStopped())b.type=g>1?j:n.bindType||p,m=(V.get(h,"events")||{})[b.type]&&V.get(h,"handle"),m&&m.apply(h,c),m=k&&h[k],m&&m.apply&&T(h)&&(b.result=m.apply(h,c),b.result===!1&&b.preventDefault());return b.type=p,f||b.isDefaultPrevented()||n._default&&n._default.apply(o.pop(),c)!==!1||!T(e)||k&&r.isFunction(e[p])&&!r.isWindow(e)&&(i=e[k],i&&(e[k]=null),r.event.triggered=p,e[p](),r.event.triggered=void 0,i&&(e[k]=i)),b.result}},simulate:function(a,b,c){var d=r.extend(new r.Event,c,{type:a,isSimulated:!0});r.event.trigger(d,null,b)}}),r.fn.extend({trigger:function(a,b){return this.each(function(){r.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];if(c)return r.event.trigger(a,b,c,!0)}}),r.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(a,b){r.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),r.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),o.focusin="onfocusin"in a,o.focusin||r.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){r.event.simulate(b,a.target,r.event.fix(a))};r.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=V.access(d,b);e||d.addEventListener(a,c,!0),V.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=V.access(d,b)-1;e?V.access(d,b,e):(d.removeEventListener(a,c,!0),V.remove(d,b))}}});var qb=a.location,rb=r.now(),sb=/\?/;r.parseXML=function(b){var c;if(!b||"string"!=typeof b)return null;try{c=(new a.DOMParser).parseFromString(b,"text/xml")}catch(d){c=void 0}return c&&!c.getElementsByTagName("parsererror").length||r.error("Invalid XML: "+b),c};var tb=/\[\]$/,ub=/\r?\n/g,vb=/^(?:submit|button|image|reset|file)$/i,wb=/^(?:input|select|textarea|keygen)/i;function xb(a,b,c,d){var e;if(r.isArray(b))r.each(b,function(b,e){c||tb.test(a)?d(a,e):xb(a+"["+("object"==typeof e&&null!=e?b:"")+"]",e,c,d)});else if(c||"object"!==r.type(b))d(a,b);else for(e in b)xb(a+"["+e+"]",b[e],c,d)}r.param=function(a,b){var c,d=[],e=function(a,b){var c=r.isFunction(b)?b():b;d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(null==c?"":c)};if(r.isArray(a)||a.jquery&&!r.isPlainObject(a))r.each(a,function(){e(this.name,this.value)});else for(c in a)xb(c,a[c],b,e);return d.join("&")},r.fn.extend({serialize:function(){return r.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=r.prop(this,"elements");return a?r.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!r(this).is(":disabled")&&wb.test(this.nodeName)&&!vb.test(a)&&(this.checked||!ia.test(a))}).map(function(a,b){var c=r(this).val();return null==c?null:r.isArray(c)?r.map(c,function(a){return{name:b.name,value:a.replace(ub,"\r\n")}}):{name:b.name,value:c.replace(ub,"\r\n")}}).get()}});var yb=/%20/g,zb=/#.*$/,Ab=/([?&])_=[^&]*/,Bb=/^(.*?):[ \t]*([^\r\n]*)$/gm,Cb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Db=/^(?:GET|HEAD)$/,Eb=/^\/\//,Fb={},Gb={},Hb="*/".concat("*"),Ib=d.createElement("a");Ib.href=qb.href;function Jb(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(K)||[];if(r.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Kb(a,b,c,d){var e={},f=a===Gb;function g(h){var i;return e[h]=!0,r.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Lb(a,b){var c,d,e=r.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&r.extend(!0,a,d),a}function Mb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}if(f)return f!==i[0]&&i.unshift(f),c[f]}function Nb(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}r.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:qb.href,type:"GET",isLocal:Cb.test(qb.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Hb,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":r.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Lb(Lb(a,r.ajaxSettings),b):Lb(r.ajaxSettings,a)},ajaxPrefilter:Jb(Fb),ajaxTransport:Jb(Gb),ajax:function(b,c){"object"==typeof b&&(c=b,b=void 0),c=c||{};var e,f,g,h,i,j,k,l,m,n,o=r.ajaxSetup({},c),p=o.context||o,q=o.context&&(p.nodeType||p.jquery)?r(p):r.event,s=r.Deferred(),t=r.Callbacks("once memory"),u=o.statusCode||{},v={},w={},x="canceled",y={readyState:0,getResponseHeader:function(a){var b;if(k){if(!h){h={};while(b=Bb.exec(g))h[b[1].toLowerCase()]=b[2]}b=h[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return k?g:null},setRequestHeader:function(a,b){return null==k&&(a=w[a.toLowerCase()]=w[a.toLowerCase()]||a,v[a]=b),this},overrideMimeType:function(a){return null==k&&(o.mimeType=a),this},statusCode:function(a){var b;if(a)if(k)y.always(a[y.status]);else for(b in a)u[b]=[u[b],a[b]];return this},abort:function(a){var b=a||x;return e&&e.abort(b),A(0,b),this}};if(s.promise(y),o.url=((b||o.url||qb.href)+"").replace(Eb,qb.protocol+"//"),o.type=c.method||c.type||o.method||o.type,o.dataTypes=(o.dataType||"*").toLowerCase().match(K)||[""],null==o.crossDomain){j=d.createElement("a");try{j.href=o.url,j.href=j.href,o.crossDomain=Ib.protocol+"//"+Ib.host!=j.protocol+"//"+j.host}catch(z){o.crossDomain=!0}}if(o.data&&o.processData&&"string"!=typeof o.data&&(o.data=r.param(o.data,o.traditional)),Kb(Fb,o,c,y),k)return y;l=r.event&&o.global,l&&0===r.active++&&r.event.trigger("ajaxStart"),o.type=o.type.toUpperCase(),o.hasContent=!Db.test(o.type),f=o.url.replace(zb,""),o.hasContent?o.data&&o.processData&&0===(o.contentType||"").indexOf("application/x-www-form-urlencoded")&&(o.data=o.data.replace(yb,"+")):(n=o.url.slice(f.length),o.data&&(f+=(sb.test(f)?"&":"?")+o.data,delete o.data),o.cache===!1&&(f=f.replace(Ab,"$1"),n=(sb.test(f)?"&":"?")+"_="+rb++ +n),o.url=f+n),o.ifModified&&(r.lastModified[f]&&y.setRequestHeader("If-Modified-Since",r.lastModified[f]),r.etag[f]&&y.setRequestHeader("If-None-Match",r.etag[f])),(o.data&&o.hasContent&&o.contentType!==!1||c.contentType)&&y.setRequestHeader("Content-Type",o.contentType),y.setRequestHeader("Accept",o.dataTypes[0]&&o.accepts[o.dataTypes[0]]?o.accepts[o.dataTypes[0]]+("*"!==o.dataTypes[0]?", "+Hb+"; q=0.01":""):o.accepts["*"]);for(m in o.headers)y.setRequestHeader(m,o.headers[m]);if(o.beforeSend&&(o.beforeSend.call(p,y,o)===!1||k))return y.abort();if(x="abort",t.add(o.complete),y.done(o.success),y.fail(o.error),e=Kb(Gb,o,c,y)){if(y.readyState=1,l&&q.trigger("ajaxSend",[y,o]),k)return y;o.async&&o.timeout>0&&(i=a.setTimeout(function(){y.abort("timeout")},o.timeout));try{k=!1,e.send(v,A)}catch(z){if(k)throw z;A(-1,z)}}else A(-1,"No Transport");function A(b,c,d,h){var j,m,n,v,w,x=c;k||(k=!0,i&&a.clearTimeout(i),e=void 0,g=h||"",y.readyState=b>0?4:0,j=b>=200&&b<300||304===b,d&&(v=Mb(o,y,d)),v=Nb(o,v,y,j),j?(o.ifModified&&(w=y.getResponseHeader("Last-Modified"),w&&(r.lastModified[f]=w),w=y.getResponseHeader("etag"),w&&(r.etag[f]=w)),204===b||"HEAD"===o.type?x="nocontent":304===b?x="notmodified":(x=v.state,m=v.data,n=v.error,j=!n)):(n=x,!b&&x||(x="error",b<0&&(b=0))),y.status=b,y.statusText=(c||x)+"",j?s.resolveWith(p,[m,x,y]):s.rejectWith(p,[y,x,n]),y.statusCode(u),u=void 0,l&&q.trigger(j?"ajaxSuccess":"ajaxError",[y,o,j?m:n]),t.fireWith(p,[y,x]),l&&(q.trigger("ajaxComplete",[y,o]),--r.active||r.event.trigger("ajaxStop")))}return y},getJSON:function(a,b,c){return r.get(a,b,c,"json")},getScript:function(a,b){return r.get(a,void 0,b,"script")}}),r.each(["get","post"],function(a,b){r[b]=function(a,c,d,e){return r.isFunction(c)&&(e=e||d,d=c,c=void 0),r.ajax(r.extend({url:a,type:b,dataType:e,data:c,success:d},r.isPlainObject(a)&&a))}}),r._evalUrl=function(a){return r.ajax({url:a,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},r.fn.extend({wrapAll:function(a){var b;return this[0]&&(r.isFunction(a)&&(a=a.call(this[0])),b=r(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this},wrapInner:function(a){return r.isFunction(a)?this.each(function(b){r(this).wrapInner(a.call(this,b))}):this.each(function(){var b=r(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=r.isFunction(a);return this.each(function(c){r(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(a){return this.parent(a).not("body").each(function(){r(this).replaceWith(this.childNodes)}),this}}),r.expr.pseudos.hidden=function(a){return!r.expr.pseudos.visible(a)},r.expr.pseudos.visible=function(a){return!!(a.offsetWidth||a.offsetHeight||a.getClientRects().length)},r.ajaxSettings.xhr=function(){try{return new a.XMLHttpRequest}catch(b){}};var Ob={0:200,1223:204},Pb=r.ajaxSettings.xhr();o.cors=!!Pb&&"withCredentials"in Pb,o.ajax=Pb=!!Pb,r.ajaxTransport(function(b){var c,d;if(o.cors||Pb&&!b.crossDomain)return{send:function(e,f){var g,h=b.xhr();if(h.open(b.type,b.url,b.async,b.username,b.password),b.xhrFields)for(g in b.xhrFields)h[g]=b.xhrFields[g];b.mimeType&&h.overrideMimeType&&h.overrideMimeType(b.mimeType),b.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");for(g in e)h.setRequestHeader(g,e[g]);c=function(a){return function(){c&&(c=d=h.onload=h.onerror=h.onabort=h.onreadystatechange=null,"abort"===a?h.abort():"error"===a?"number"!=typeof h.status?f(0,"error"):f(h.status,h.statusText):f(Ob[h.status]||h.status,h.statusText,"text"!==(h.responseType||"text")||"string"!=typeof h.responseText?{binary:h.response}:{text:h.responseText},h.getAllResponseHeaders()))}},h.onload=c(),d=h.onerror=c("error"),void 0!==h.onabort?h.onabort=d:h.onreadystatechange=function(){4===h.readyState&&a.setTimeout(function(){c&&d()})},c=c("abort");try{h.send(b.hasContent&&b.data||null)}catch(i){if(c)throw i}},abort:function(){c&&c()}}}),r.ajaxPrefilter(function(a){a.crossDomain&&(a.contents.script=!1)}),r.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(a){return r.globalEval(a),a}}}),r.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),r.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(e,f){b=r("':l=a.settings.video_template_callback?a.settings.video_template_callback(u):'"}return l};return{dataToHtml:a}}),s("k",tinymce.util.Promise),a("d",["j","k"],function(e,t){var n=function(e,n,r){var i={};return new t(function(t,o){var a=function(r){return r.html&&(i[e.source1]=r),t({url:e.source1,html:r.html?r.html:n(e)})};i[e.source1]?a(i[e.source1]):r({url:e.source1},a,o)})},r=function(e,n){return new t(function(t){t({html:n(e),url:e.source1})})},i=function(t){return function(n){return e.dataToHtml(t,n)}},o=function(e,t){var o=e.settings.media_url_resolver;return o?n(t,i(e),o):r(t,i(e))};return{getEmbedHtml:o}}),s("f",tinymce.Env),a("g",[],function(){var e=function(e,t){e.state.set("oldVal",e.value()),t.state.set("oldVal",t.value())},t=function(e,t){var n=e.find("#width")[0],r=e.find("#height")[0],i=e.find("#constrain")[0];n&&r&&i&&t(n,r,i.checked())},n=function(t,n,r){var i=t.state.get("oldVal"),o=n.state.get("oldVal"),a=t.value(),s=n.value();r&&i&&o&&a&&s&&(a!==i?(s=Math.round(a/i*s),isNaN(s)||n.value(s)):(a=Math.round(s/o*a),isNaN(a)||t.value(a))),e(t,n)},r=function(n){t(n,e)},i=function(e){t(e,n)},o=function(e){var t=function(){e(function(e){i(e)})};return{type:"container",label:"Dimensions",layout:"flex",align:"center",spacing:5,items:[{name:"width",type:"textbox",maxLength:5,size:5,onchange:t,ariaLabel:"Width"},{type:"label",text:"x"},{name:"height",type:"textbox",maxLength:5,size:5,onchange:t,ariaLabel:"Height"},{name:"constrain",type:"checkbox",checked:!0,text:"Constrain proportions"}]}};return{createUi:o,syncSize:r,updateSize:i}}),a("2",["6","7","4","d","c","e","f","g"],function(e,t,n,r,i,o,a,s){var l=a.ie&&a.ie<=8?"onChange":"onInput",u=function(e){return function(t){var n=t&&t.msg?"Media embed handler error: "+t.msg:"Media embed handler threw unknown error.";e.notificationManager.open({type:"error",text:n})}},c=function(e){var n=e.selection.getNode(),r=n.getAttribute("data-ephox-embed-iri");return r?{source1:r,"data-ephox-embed-iri":r,width:i.getMaxWidth(n),height:i.getMaxHeight(n)}:n.getAttribute("data-mce-object")?t.htmlToData(e.settings.media_scripts,e.serializer.serialize(n,{selection:!0})):{}},d=function(e){var t=e.selection.getNode();if(t.getAttribute("data-mce-object")||t.getAttribute("data-ephox-embed-iri"))return e.selection.getContent()},f=function(e,n){return function(r){var i=r.html,a=e.find("#embed")[0],l=o.extend(t.htmlToData(n.settings.media_scripts,i),{source1:r.url});e.fromJSON(l),a&&(a.value(i),s.updateSize(e))}},p=function(e,t){var n,r,i=e.dom.select("img[data-mce-object]");for(n=0;n=0;r--)t[n]===i[r]&&i.splice(r,1);e.selection.select(i[0])},h=function(e,t){var n=e.dom.select("img[data-mce-object]");e.insertContent(t),p(e,n),e.nodeChanged()},m=function(e,t){var i=e.toJSON();i.embed=n.updateHtml(i.embed,i),i.embed?h(t,i.embed):r.getEmbedHtml(t,i).then(function(e){h(t,e.html)})["catch"](u(t))},g=function(e,t){o.each(t,function(t,n){e.find("#"+n).value(t)})},v=function(e){var i,a,p=[{name:"source1",type:"filepicker",filetype:"media",size:40,autofocus:!0,label:"Source",onpaste:function(){setTimeout(function(){r.getEmbedHtml(e,i.toJSON()).then(f(i,e))["catch"](u(e))},1)},onchange:function(t){r.getEmbedHtml(e,i.toJSON()).then(f(i,e))["catch"](u(e)),g(i,t.meta)},onbeforecall:function(e){e.meta=i.toJSON()}}],h=[],v=function(e){e(i),a=i.toJSON(),i.find("#embed").value(n.updateHtml(a.embed,a))};if(e.settings.media_alt_source!==!1&&h.push({name:"source2",type:"filepicker",filetype:"media",size:40,label:"Alternative source"}),e.settings.media_poster!==!1&&h.push({name:"poster",type:"filepicker",filetype:"image",size:40,label:"Poster"}),e.settings.media_dimensions!==!1){var y=s.createUi(v);p.push(y)}a=c(e);var b={id:"mcemediasource",type:"textbox",flex:1,name:"embed",value:d(e),multiline:!0,rows:5,label:"Source"},C=function(){a=o.extend({},t.htmlToData(e.settings.media_scripts,this.value())),this.parent().parent().fromJSON(a)};b[l]=C,i=e.windowManager.open({title:"Insert/edit media",data:a,bodyType:"tabpanel",body:[{title:"General",type:"form",items:p},{title:"Embed",type:"container",layout:"flex",direction:"column",align:"stretch",padding:10,spacing:10,items:[{type:"label",text:"Paste your embed code below:",forId:"mcemediasource"},b]},{title:"Advanced",type:"form",items:h}],onSubmit:function(){s.updateSize(i),m(i,e)}}),s.syncSize(i)};return{showDialog:v}}),a("3",["e","8","9","a"],function(e,t,n,r){var i=function(e,i){if(e.settings.media_filter_html===!1)return i;var o,a=new t;return new n({validate:!1,allow_conditional_comments:!1,special:"script,noscript",comment:function(e){a.comment(e)},cdata:function(e){a.cdata(e)},text:function(e,t){a.text(e,t)},start:function(t,n,r){if(o=!0,"script"!==t&&"noscript"!==t){for(var i=0;i]*>","gi")});var r=e.schema.getBoolAttrs();tinymce.each("webkitallowfullscreen mozallowfullscreen allowfullscreen".split(" "),function(e){r[e]={}}),e.parser.addNodeFilter("iframe,video,audio,object,embed,script",i.placeHolderConverter(e)),e.serializer.addAttributeFilter("data-mce-object",function(t,r){for(var i,o,a,s,l,u,c,d,f=t.length;f--;)if(i=t[f],i.parent){for(c=i.attr(r),o=new tinymce.html.Node(c,1),"audio"!==c&&"script"!==c&&(d=i.attr("class"),d&&d.indexOf("mce-preview-object")!==-1?o.attr({width:i.firstChild.attr("width"),height:i.firstChild.attr("height")}):o.attr({width:i.attr("width"),height:i.attr("height")})),o.attr({style:i.attr("style")}),s=i.attributes,a=s.length;a--;){var p=s[a].name;0===p.indexOf("data-mce-p-")&&o.attr(p.substr(11),s[a].value)}"script"===c&&o.attr("type","text/javascript"),l=i.attr("data-mce-html"),l&&(u=new tinymce.html.Node("#text",3),u.raw=!0,u.value=n.sanitize(e,unescape(l)),o.append(u)),i.replace(o)}})}),e.on("click keyup",function(){var t=e.selection.getNode();t&&e.dom.hasClass(t,"mce-preview-object")&&e.dom.getAttrib(t,"data-mce-selected")&&t.setAttribute("data-mce-selected","2")}),e.on("ObjectSelected",function(e){var t=e.target.getAttribute("data-mce-object");"audio"!==t&&"script"!==t||e.preventDefault()}),e.on("objectResized",function(e){var t,n=e.target;n.getAttribute("data-mce-object")&&(t=n.getAttribute("data-mce-html"),t&&(t=unescape(t),n.setAttribute("data-mce-html",escape(r.updateHtml(t,{width:e.width,height:e.height})))))}),this.showDialog=function(){t.showDialog(e)},e.addButton("media",{tooltip:"Insert/edit media",onclick:this.showDialog,stateSelector:["img[data-mce-object]","span[data-mce-object]","div[data-ephox-embed-iri]"]}),e.addMenuItem("media",{icon:"media",text:"Media",onclick:this.showDialog,context:"insert",prependToContext:!0}),e.on("setContent",function(){e.$("span.mce-preview-object").each(function(t,n){var r=e.$(n);0===r.find("span.mce-shim",n).length&&r.append('')})}),e.addCommand("mceMedia",this.showDialog)};return e.add("media",o),function(){}}),r("0")()}();!function(){var e={},t=function(t){for(var n=e[t],i=n.deps,o=n.defn,a=i.length,s=new Array(a),l=0;l0)&&r},u=function(e,t){return e.isChildOf(t,e.getRoot())};return{isTextNode:e,isListNode:t,isListItemNode:n,isBr:r,isFirstChild:i,isLastChild:o,isTextBlock:a,isBogusBr:s,isEmpty:l,isChildOfBody:u}}),s("9",tinymce.dom.TreeWalker),s("a",tinymce.dom.RangeUtils),a("b",["2","4"],function(e,t){var n=function(n){return e.grep(n.selection.getSelectedBlocks(),function(e){return t.isListItemNode(e)})};return{getSelectedListItems:n}}),s("h",tinymce.dom.DOMUtils.DOM),a("d",["a","4"],function(e,t){var n=function(n,r){var i=e.getNode(n,r);if(t.isListItemNode(n)&&t.isTextNode(i)){var o=r>=n.childNodes.length?i.data.length:0;return{container:i,offset:o}}return{container:n,offset:r}},r=function(e){var t=e.cloneRange(),r=n(e.startContainer,e.startOffset);t.setStart(r.container,r.offset);var i=n(e.endContainer,e.endOffset);return t.setEnd(i.container,i.offset),t};return{getNormalizedEndPoint:n,normalizeRange:r}}),a("c",["h","4","d"],function(e,t,n){var r=function(t){var n={},r=function(r){var i,o,a;o=t[r?"startContainer":"endContainer"],a=t[r?"startOffset":"endOffset"],1===o.nodeType&&(i=e.create("span",{"data-mce-type":"bookmark"}),o.hasChildNodes()?(a=Math.min(a,o.childNodes.length-1),r?o.insertBefore(i,o.childNodes[a]):e.insertAfter(i,o.childNodes[a])):o.appendChild(i),o=i,a=0),n[r?"startContainer":"endContainer"]=o,n[r?"startOffset":"endOffset"]=a};return r(!0),t.collapsed||r(),n},i=function(t){function r(n){var r,i,o,a=function(e){for(var t=e.parentNode.firstChild,n=0;t;){if(t===e)return n;1===t.nodeType&&"bookmark"===t.getAttribute("data-mce-type")||n++,t=t.nextSibling}return-1};r=o=t[n?"startContainer":"endContainer"],i=t[n?"startOffset":"endOffset"],r&&(1===r.nodeType&&(i=a(r),r=r.parentNode,e.remove(o)),t[n?"startContainer":"endContainer"]=r,t[n?"startOffset":"endOffset"]=i)}r(!0),r();var i=e.createRng();return i.setStart(t.startContainer,t.startOffset),t.endContainer&&i.setEnd(t.endContainer,t.endOffset),n.normalizeRange(i)};return{createBookmark:r,resolveBookmark:i}}),a("e",["h","2","4"],function(e,t,n){var r=function(t,r){var i,o=r.parentNode;"LI"===o.nodeName&&o.firstChild===r&&(i=o.previousSibling,i&&"LI"===i.nodeName?(i.appendChild(r),n.isEmpty(t,o)&&e.remove(o)):e.setStyle(o,"listStyleType","none")),n.isListNode(o)&&(i=o.previousSibling,i&&"LI"===i.nodeName&&i.appendChild(r))},i=function(e,n){t.each(t.grep(e.select("ol,ul",n)),function(t){r(e,t)})};return{normalizeList:r,normalizeLists:i}}),s("f",tinymce.dom.BookmarkManager),s("j",tinymce.Env),a("i",["h","j"],function(e,t){var n=function(n,r,i){var o,a,s,l=e.createFragment(),u=n.schema.getBlockElements();if(n.settings.forced_root_block&&(i=i||n.settings.forced_root_block),i&&(a=e.create(i),a.tagName===n.settings.forced_root_block&&e.setAttribs(a,n.settings.forced_root_block_attrs),l.appendChild(a)),r)for(;o=r.firstChild;){var c=o.nodeName;s||"SPAN"===c&&"bookmark"===o.getAttribute("data-mce-type")||(s=!0),u[c]?(l.appendChild(o),a=null):i?(a||(a=e.create(i),l.appendChild(a)),a.appendChild(o)):l.appendChild(o)}return n.settings.forced_root_block?s||t.ie&&!(t.ie>10)||a.appendChild(e.create("br",{"data-mce-bogus":"1"})):l.appendChild(e.create("br")),l};return{createNewTextBlock:n}}),a("g",["h","2","i","4"],function(e,t,n,r){var i=function(i,o,a,s){var l,u,c,d,f=function(n){t.each(c,function(e){n.parentNode.insertBefore(e,a.parentNode)}),e.remove(n)};for(c=e.select('span[data-mce-type="bookmark"]',o),s=s||n.createNewTextBlock(i,a),l=e.createRng(),l.setStartAfter(a),l.setEndAfter(o),u=l.extractContents(),d=u.firstChild;d;d=d.firstChild)if("LI"===d.nodeName&&i.dom.isEmpty(d)){e.remove(d);break}i.dom.isEmpty(u)||e.insertAfter(u,o),e.insertAfter(s,o),r.isEmpty(i.dom,a.parentNode)&&f(a.parentNode),e.remove(a),r.isEmpty(i.dom,o)&&e.remove(o)};return{splitList:i}}),a("7",["h","4","c","b","g","e","i"],function(e,t,n,r,i,o,a){var s=function(n,r){t.isEmpty(n,r)&&e.remove(r)},l=function(n,r){var l,u=r.parentNode,c=u.parentNode;return u===n.getBody()||("DD"===r.nodeName?(e.rename(r,"DT"),!0):t.isFirstChild(r)&&t.isLastChild(r)?("LI"===c.nodeName?(e.insertAfter(r,c),s(n.dom,c),e.remove(u)):t.isListNode(c)?e.remove(u,!0):(c.insertBefore(a.createNewTextBlock(n,r),u),e.remove(u)),!0):t.isFirstChild(r)?("LI"===c.nodeName?(e.insertAfter(r,c),r.appendChild(u),s(n.dom,c)):t.isListNode(c)?c.insertBefore(r,u):(c.insertBefore(a.createNewTextBlock(n,r),u),e.remove(r)),!0):t.isLastChild(r)?("LI"===c.nodeName?e.insertAfter(r,c):t.isListNode(c)?e.insertAfter(r,u):(e.insertAfter(a.createNewTextBlock(n,r),u),e.remove(r)),!0):("LI"===c.nodeName?(u=c,l=a.createNewTextBlock(n,r,"LI")):l=t.isListNode(c)?a.createNewTextBlock(n,r,"LI"):a.createNewTextBlock(n,r),i.splitList(n,u,r,l),o.normalizeLists(n.dom,u.parentNode),!0))},u=function(e){var t=r.getSelectedListItems(e);if(t.length){var i,o,a=n.createBookmark(e.selection.getRng(!0)),s=e.getBody();for(i=t.length;i--;)for(var u=t[i].parentNode;u&&u!==s;){for(o=t.length;o--;)if(t[o]===u){t.splice(i,1);break}u=u.parentNode}for(i=0;i0))return l;for(a=n.schema.getNonEmptyElements(),1===l.nodeType&&(l=t.getNode(l,u)),s=new e(l,n.getBody()),o&&i.isBogusBr(n.dom,l)&&s.next();l=s[o?"next":"prev2"]();){if("LI"===l.nodeName&&!l.hasChildNodes())return l;if(a[l.nodeName])return l;if(3===l.nodeType&&l.data.length>0)return l}},c=function(e,t,n){var r,o,a=t.parentNode;if(i.isChildOfBody(e,t)&&i.isChildOfBody(e,n)){if(i.isListNode(n.lastChild)&&(o=n.lastChild),a===n.lastChild&&i.isBr(a.previousSibling)&&e.remove(a.previousSibling),r=n.lastChild,r&&i.isBr(r)&&t.hasChildNodes()&&e.remove(r),i.isEmpty(e,n,!0)&&e.$(n).empty(),!i.isEmpty(e,t,!0))for(;r=t.firstChild;)n.appendChild(r);o&&n.appendChild(o),e.remove(t),i.isEmpty(e,a)&&a!==e.getRoot()&&e.remove(a)}},d=function(e,t){var n,r,s,d=e.dom,f=e.selection,p=d.getParent(f.getStart(),"LI");if(p){if(n=p.parentNode,n===e.getBody()&&i.isEmpty(d,n))return!0;if(r=a.normalizeRange(f.getRng(!0)),s=d.getParent(u(e,r,t),"LI"),s&&s!==p){var h=o.createBookmark(r);return t?c(d,s,p):c(d,p,s),e.selection.setRng(o.resolveBookmark(h)),!0}if(!s&&!t&&l.removeList(e,n.nodeName))return!0}return!1},f=function(e,t){var n=e.dom,r=n.getParent(e.selection.getStart(),n.isBlock);if(r&&n.isEmpty(r)){var i=a.normalizeRange(e.selection.getRng(!0)),o=n.getParent(u(e,i,t),"LI");if(o)return e.undoManager.transact(function(){n.remove(r),l.mergeWithAdjacentLists(n,o.parentNode),e.selection.select(o,!0),e.selection.collapse(t)}),!0}return!1},p=function(e,t){return d(e,t)||f(e,t)},h=function(e){var t=e.dom.getParent(e.selection.getStart(),"LI,DT,DD");return!!(t||r.getSelectedListItems(e).length>0)&&(e.undoManager.transact(function(){e.execCommand("Delete"),s.normalizeLists(e.dom,e.getBody())}),!0)},m=function(e,t){return e.selection.isCollapsed()?p(e,t):h(e)},g=function(e){e.on("keydown",function(t){t.keyCode===n.BACKSPACE?m(e,!1)&&t.preventDefault():t.keyCode===n.DELETE&&m(e,!0)&&t.preventDefault()})};return{setup:g,backspaceDelete:m}}),a("6",["h","4","c","b"],function(e,t,n,r){var i=function(n,r){var i;if(t.isListNode(n)){for(;i=n.firstChild;)r.appendChild(i);e.remove(n)}},o=function(n){var r,o,a;return"DT"===n.nodeName?(e.rename(n,"DD"),!0):(r=n.previousSibling,r&&t.isListNode(r)?(r.appendChild(n),!0):r&&"LI"===r.nodeName&&t.isListNode(r.lastChild)?(r.lastChild.appendChild(n),i(n.lastChild,r.lastChild),!0):(r=n.nextSibling,r&&t.isListNode(r)?(r.insertBefore(n,r.firstChild),!0):(r=n.previousSibling,!(!r||"LI"!==r.nodeName)&&(o=e.create(n.parentNode.nodeName),a=e.getStyle(n.parentNode,"listStyleType"),a&&e.setStyle(o,"listStyleType",a),r.appendChild(o),o.appendChild(n),i(n.lastChild,o),!0))))},a=function(e){var t=r.getSelectedListItems(e);if(t.length){for(var i=n.createBookmark(e.selection.getRng(!0)),a=0;a0&&o[0].nodeName===n)})}},i=function(e,n){var r=e.settings.plugins?e.settings.plugins:"";return t.inArray(r.split(/[ ,]/),n)!==-1};i(e,"advlist")||(e.addButton("numlist",{title:"Numbered list",cmd:"InsertOrderedList",onPostRender:n("OL")}),e.addButton("bullist",{title:"Bullet list",cmd:"InsertUnorderedList",onPostRender:n("UL")})),e.addButton("indent",{icon:"indent",title:"Increase indent",cmd:"Indent",onPostRender:function(t){var n=t.control;e.on("nodechange",function(){for(var t=e.selection.getSelectedBlocks(),i=!1,o=0,a=t.length;!i&&o0}function r(t){return e.dom.getParent(t,"a[href]")}function i(){return r(e.selection.getStart())}function o(e){var t=e.getAttribute("data-mce-href");return t?t:e.getAttribute("href")}function a(){var t=e.plugins.contextmenu;return!!t&&t.isContextMenuVisible()}function s(n){var r,i,o;return!!(e.settings.link_context_toolbar&&!a()&&t(n)&&(r=e.selection,i=r.getRng(),o=i.startContainer,3==o.nodeType&&r.isCollapsed()&&i.startOffset>0&&i.startOffset10){var t=document.createElement("a");t.target="_blank",t.href=e,t.rel="noreferrer noopener";var n=document.createEvent("MouseEvents");n.initMouseEvent("click",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),l(t,n)}else{var r=window.open("","_blank");if(r){r.opener=null;var i=r.document;i.open(),i.write(''),i.close()}}}function c(t){if(t){var n=o(t);if(/^#/.test(n)){var r=e.$(n);r.length&&e.selection.scrollIntoView(r[0],!0)}else u(t.href)}}function d(){c(i())}function f(){var t=this,r=function(e){n(e.parents)?t.show():t.hide()};n(e.dom.getParents(e.selection.getStart()))||t.hide(),e.on("nodechange",r),t.on("remove",function(){e.off("nodechange",r)})}function p(t){return function(){var n=e.settings.link_list;"string"==typeof n?tinymce.util.XHR.send({url:n,success:function(e){t(tinymce.util.JSON.parse(e))}}):"function"==typeof n?n(t):t(n)}}function h(e,t,n){function r(e,n){return n=n||[],tinymce.each(e,function(e){var i={text:e.text||e.title};e.menu?i.menu=r(e.menu):(i.value=e.value,t&&t(i)),n.push(i)}),n}return r(e,n||[])}function m(t){function n(e){var t=d.find("#text");(!t.value()||e.lastControl&&t.value()==e.lastControl.text())&&t.value(e.control.text()),d.find("#href").value(e.control.value())}function r(t){var r=[];if(tinymce.each(e.dom.select("a:not([href])"),function(e){var n=e.name||e.id;n&&r.push({text:n,value:"#"+n,selected:t.indexOf("#"+n)!=-1})}),r.length)return r.unshift({text:"None",value:""}),{name:"anchor",type:"listbox",label:"Anchors",values:r,onselect:n}}function i(){!c&&0===w.text.length&&f&&this.parent().parent().find("#text")[0].value(this.value())}function o(t){var n=t.meta||{};m&&m.value(e.convertURL(this.value(),"href")),tinymce.each(t.meta,function(e,t){var n=d.find("#"+t);"text"===t?0===c.length&&(n.value(e),w.text=e):n.value(e)}),n.attach&&(g={href:this.value(),attach:n.attach}),n.text||i.call(this)}function a(e){var t=E.getContent();if(/]+>[^<]+<\/a>$/.test(t)||t.indexOf("href=")==-1))return!1;if(e){var n,r=e.childNodes;if(0===r.length)return!1;for(n=r.length-1;n>=0;n--)if(3!=r[n].nodeType)return!1}return!0}function s(e){e.meta=d.toJSON()}var l,u,c,d,f,p,m,v,y,b,C,x,w={},E=e.selection,N=e.dom;l=E.getNode(),u=N.getParent(l,"a[href]"),f=a(),w.text=c=u?u.innerText||u.textContent:E.getContent({format:"text"}),w.href=u?N.getAttrib(u,"href"):"",u?w.target=N.getAttrib(u,"target"):e.settings.default_link_target&&(w.target=e.settings.default_link_target),(x=N.getAttrib(u,"rel"))&&(w.rel=x),(x=N.getAttrib(u,"class"))&&(w["class"]=x),(x=N.getAttrib(u,"title"))&&(w.title=x),f&&(p={name:"text",type:"textbox",size:40,label:"Text to display",onchange:function(){w.text=this.value()}}),t&&(m={type:"listbox",label:"Link list",values:h(t,function(t){t.value=e.convertURL(t.value||t.url,"href")},[{text:"None",value:""}]),onselect:n,value:e.convertURL(w.href,"href"),onPostRender:function(){m=this}}),e.settings.target_list!==!1&&(e.settings.target_list||(e.settings.target_list=[{text:"None",value:""},{text:"New window",value:"_blank"}]),y={name:"target",type:"listbox",label:"Target",values:h(e.settings.target_list)}),e.settings.rel_list&&(v={name:"rel",type:"listbox",label:"Rel",values:h(e.settings.rel_list)}),e.settings.link_class_list&&(b={name:"class",type:"listbox",label:"Class",values:h(e.settings.link_class_list,function(t){t.value&&(t.textStyle=function(){return e.formatter.getCssText({inline:"a",classes:[t.value]})})})}),e.settings.link_title!==!1&&(C={name:"title",type:"textbox",label:"Title",value:w.title}),d=e.windowManager.open({title:"Insert link",data:w,body:[{name:"href",type:"filepicker",filetype:"file",size:40,autofocus:!0,label:"Url",onchange:o,onkeyup:i,onbeforecall:s},p,C,r(w.href),m,v,y,b],onSubmit:function(t){function n(t,n){var r=e.selection.getRng();tinymce.util.Delay.setEditorTimeout(e,function(){e.windowManager.confirm(t,function(t){e.selection.setRng(r),n(t)})})}function r(e,t){function n(e){return e=r(e),e?[e,i].join(" "):i}function r(e){var t=new RegExp("("+i.replace(" ","|")+")","g");return e&&(e=tinymce.trim(e.replace(t,""))),e?e:null}var i="noopener noreferrer";return t?n(e):r(e)}function i(){var t={href:a,target:w.target?w.target:null,rel:w.rel?w.rel:null,"class":w["class"]?w["class"]:null,title:w.title?w.title:null};e.settings.allow_unsafe_link_target||(t.rel=r(t.rel,"_blank"==t.target)),a===g.href&&(g.attach(),g={}),u?(e.focus(),f&&w.text!=c&&("innerText"in u?u.innerText=w.text:u.textContent=w.text),N.setAttribs(u,t),E.select(u),e.undoManager.add()):f?e.insertContent(N.createHTML("a",t,N.encode(w.text))):e.execCommand("mceInsertLink",!1,t)}function o(){e.undoManager.transact(i)}var a;return w=tinymce.extend(w,t.data),(a=w.href)?a.indexOf("@")>0&&a.indexOf("//")==-1&&a.indexOf("mailto:")==-1?void n("The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?",function(e){e&&(a="mailto:"+a),o()}):e.settings.link_assume_external_targets&&!/^\w+:/i.test(a)||!e.settings.link_assume_external_targets&&/^\s*www[\.|\d\.]/i.test(a)?void n("The URL you entered seems to be an external link. Do you want to add the required http:// prefix?",function(e){e&&(a="http://"+a),o()}):void o():void e.execCommand("unlink")}})}var g={},v=function(e){return e.altKey===!0&&e.shiftKey===!1&&e.ctrlKey===!1&&e.metaKey===!1};e.addButton("link",{icon:"link",tooltip:"Insert/edit link",shortcut:"Meta+K",onclick:p(m),stateSelector:"a[href]"}),e.addButton("unlink",{icon:"unlink",tooltip:"Remove link",cmd:"unlink",stateSelector:"a[href]"}),e.addContextToolbar&&(e.addButton("openlink",{icon:"newtab",tooltip:"Open link",onclick:d}),e.addContextToolbar(s,"openlink | link unlink")),e.addShortcut("Meta+K","",p(m)),e.addCommand("mceLink",p(m)),e.on("click",function(e){var t=r(e.target);t&&tinymce.util.VK.metaKeyPressed(e)&&(e.preventDefault(),c(t))}),e.on("keydown",function(e){var t=i();t&&13===e.keyCode&&v(e)&&(e.preventDefault(),c(t))}),this.showDialog=m,e.addMenuItem("openlink",{text:"Open link",icon:"newtab",onclick:d,onPostRender:f,prependToContext:!0}),e.addMenuItem("link",{icon:"link",text:"Link",shortcut:"Meta+K",onclick:p(m),stateSelector:"a[href]",context:"insert",prependToContext:!0})});!function(){var e={},t=function(t){for(var n=e[t],i=n.deps,o=n.defn,a=i.length,s=new Array(a),l=0;ln?e=n:e0?3*r:r),o=.3086,a=.6094,s=.082,n(t,[o*(1-i)+i,a*(1-i),s*(1-i),0,0,o*(1-i),a*(1-i)+i,s*(1-i),0,0,o*(1-i),a*(1-i),s*(1-i)+i,0,0,0,0,0,1,0,0,0,0,0,1])}function a(t,r){var i,o,a,s,l;return r=e(r,-180,180)/180*Math.PI,i=Math.cos(r),o=Math.sin(r),a=.213,s=.715,l=.072,n(t,[a+i*(1-a)+o*-a,s+i*-s+o*-s,l+i*-l+o*(1-l),0,0,a+i*-a+.143*o,s+i*(1-s)+.14*o,l+i*-l+o*-.283,0,0,a+i*-a+o*-(1-a),s+i*-s+o*s,l+i*(1-l)+o*l,0,0,0,0,0,1,0,0,0,0,0,1])}function s(t,r){return r=e(255*r,-255,255),n(t,[1,0,0,0,r,0,1,0,0,r,0,0,1,0,r,0,0,0,1,0,0,0,0,0,1])}function l(t,r,i,o){return r=e(r,0,2),i=e(i,0,2),o=e(o,0,2),n(t,[r,0,0,0,0,0,i,0,0,0,0,0,o,0,0,0,0,0,1,0,0,0,0,0,1])}function u(t,i){return i=e(i,0,1),n(t,r([.393,.769,.189,0,0,.349,.686,.168,0,0,.272,.534,.131,0,0,0,0,0,1,0,0,0,0,0,1],i))}function c(t,i){return i=e(i,0,1),n(t,r([.33,.34,.33,0,0,.33,.34,.33,0,0,.33,.34,.33,0,0,0,0,0,1,0,0,0,0,0,1],i))}var d=[0,.01,.02,.04,.05,.06,.07,.08,.1,.11,.12,.14,.15,.16,.17,.18,.2,.21,.22,.24,.25,.27,.28,.3,.32,.34,.36,.38,.4,.42,.44,.46,.48,.5,.53,.56,.59,.62,.65,.68,.71,.74,.77,.8,.83,.86,.89,.92,.95,.98,1,1.06,1.12,1.18,1.24,1.3,1.36,1.42,1.48,1.54,1.6,1.66,1.72,1.78,1.84,1.9,1.96,2,2.12,2.25,2.37,2.5,2.62,2.75,2.87,3,3.2,3.4,3.6,3.8,4,4.3,4.7,4.9,5,5.5,6,6.5,6.8,7,7.3,7.5,7.8,8,8.4,8.7,9,9.4,9.6,9.8,10];return{identity:t,adjust:r,multiply:n,adjustContrast:i,adjustBrightness:s,adjustSaturation:o,adjustHue:a,adjustColors:l,adjustSepia:u,adjustGrayscale:c}}),a("c",["m","n","e","q"],function(e,t,n,r){function i(r,i){return n.blobToImage(r).then(function(r){function o(e,t){var n,r,i,o,a,s=e.data,l=t[0],u=t[1],c=t[2],d=t[3],f=t[4],p=t[5],h=t[6],m=t[7],g=t[8],v=t[9],y=t[10],b=t[11],C=t[12],x=t[13],w=t[14],E=t[15],N=t[16],_=t[17],S=t[18],k=t[19];for(a=0;an?e=n:e2)&&(l=l<.5?.5:2,c=!0),(u<.5||u>2)&&(u=u<.5?.5:2,c=!0);var d=o(e,l,u);return c?d.then(function(e){return i(e,t,n)}):d}function o(t,i,o){return new e(function(e){var a=r.getWidth(t),s=r.getHeight(t),l=Math.floor(a*i),u=Math.floor(s*o),c=n.create(l,u),d=n.get2dContext(c);d.drawImage(t,0,0,a,s,0,0,l,u),e(c)})}return{scale:i}}),a("d",["e","m","n","r"],function(e,t,n,r){function i(r,i){return e.blobToImage(r).then(function(o){var a=t.create(n.getWidth(o),n.getHeight(o)),s=t.get2dContext(a),u=0,c=0;return i=i<0?360+i:i,90!=i&&270!=i||t.resize(a,a.height,a.width),90!=i&&180!=i||(u=a.width),270!=i&&180!=i||(c=a.height),s.translate(u,c),s.rotate(i*Math.PI/180),s.drawImage(o,0,0),l(o),e.canvasToBlob(a,r.type)})}function o(r,i){return e.blobToImage(r).then(function(r){var o=t.create(n.getWidth(r),n.getHeight(r)),a=t.get2dContext(o);return"v"==i?(a.scale(1,-1),a.drawImage(r,0,-o.height)):(a.scale(-1,1),a.drawImage(r,-o.width,0)),l(r),e.canvasToBlob(o)})}function a(n,r,i,o,a){return e.blobToImage(n).then(function(n){var s=t.create(o,a),u=t.get2dContext(s);return u.drawImage(n,-r,-i),l(n),e.canvasToBlob(s)})}function s(t,n,i){return e.blobToImage(t).then(function(o){var a;return a=r.scale(o,n,i).then(function(n){return e.canvasToBlob(n,t.type)}).then(u(o))["catch"](u(o))})}var l=e.revokeImageUrl,u=function(e){return function(t){return l(e),t}};return{rotate:i,flip:o,crop:a,resize:s}}),a("7",["c","d"],function(e,t){var n=function(t){return e.invert(t)},r=function(t){return e.sharpen(t)},i=function(t){return e.emboss(t)},o=function(t,n){return e.gamma(t,n)},a=function(t,n){return e.exposure(t,n)},s=function(t,n,r,i){return e.colorize(t,n,r,i)},l=function(t,n){return e.brightness(t,n)},u=function(t,n){return e.hue(t,n)},c=function(t,n){return e.saturate(t,n)},d=function(t,n){return e.contrast(t,n)},f=function(t,n){return e.grayscale(t,n)},p=function(t,n){return e.sepia(t,n)},h=function(e,n){return t.flip(e,n)},m=function(e,n,r,i,o){return t.crop(e,n,r,i,o)},g=function(e,n,r){return t.resize(e,n,r)},v=function(e,n){return t.rotate(e,n)};return{invert:n,sharpen:r,emboss:i,brightness:l,hue:u,saturate:c,contrast:d,grayscale:f,sepia:p,colorize:s,gamma:o,exposure:a,flip:h,crop:m,resize:g,rotate:v}}),a("8",["e"],function(e){var t=function(t){return e.blobToImage(t)},n=function(t){return e.imageToBlob(t)},r=function(t){return e.blobToDataUri(t)},i=function(t){return e.blobToBase64(t)};return{blobToImage:t,imageToBlob:n,blobToDataUri:r,blobToBase64:i}}),s("f",tinymce.dom.DOMUtils),s("g",tinymce.ui.Factory),s("h",tinymce.ui.Form),s("i",tinymce.ui.Container),s("s",tinymce.ui.Control),s("t",tinymce.ui.DragHelper),s("u",tinymce.geom.Rect),s("w",tinymce.dom.DomQuery),s("x",tinymce.util.Observable),s("y",tinymce.util.VK),a("v",["w","t","u","5","x","y"],function(e,t,n,r,i,o){var a=0;return function(s,l,u,c,d){function f(e,t){return{x:t.x+e.x,y:t.y+e.y,w:t.w,h:t.h}}function p(e,t){return{x:t.x-e.x,y:t.y-e.y,w:t.w,h:t.h}}function h(){return p(u,s)}function m(e,t,r,i){var o,a,l,c,d;o=t.x,a=t.y,l=t.w,c=t.h,o+=r*e.deltaX,a+=i*e.deltaY,l+=r*e.deltaW,c+=i*e.deltaH,l<20&&(l=20),c<20&&(c=20),d=s=n.clamp({x:o,y:a,w:l,h:c},u,"move"==e.name),d=p(u,d),N.fire("updateRect",{rect:d}),x(d)}function g(){function n(e){var n;return new t(R,{document:c.ownerDocument,handle:R+"-"+e.name,start:function(){n=s},drag:function(t){m(e,n,t.deltaX,t.deltaY)}})}e('
').appendTo(c),r.each(k,function(t){e("#"+R,c).append('