diff --git a/.gitignore b/.gitignore index 816e9b0f84..70591b9dd9 100644 --- a/.gitignore +++ b/.gitignore @@ -28,3 +28,4 @@ models/*.html temp.html logs .sync +dist/* diff --git a/README.md b/README.md index f9940f8460..dea56488c8 100644 --- a/README.md +++ b/README.md @@ -467,6 +467,12 @@ c.oversold_rsi_periods = 20 c.max_slippage_pct = 10 c.order_adjust_time = 10000 ``` +## GUI +A basic web UI is available at the url stated during startup. This port can be configured in the conf.js or randomly assigned. +In it's infancy, there are a few caveats with the current UI. +- In order to have statistics displayed, they must first be dumped from the CLI. Pressing `D` will refresh the statistics on each refresh of the dashboard. +- Currently the data is mostly static with the exception of the tradingview charts. +- Currently only READ-ONLY ## Reading the console output diff --git a/commands/trade.js b/commands/trade.js index 74997ea557..242fa432c7 100644 --- a/commands/trade.js +++ b/commands/trade.js @@ -71,7 +71,7 @@ module.exports = function container (get, set, clear) { process.exit(1) } var engine = get('lib.engine')(s) - get('lib.output').initializeOutput(s) + const keyMap = new Map() keyMap.set('b', 'limit'.grey + ' BUY'.green) @@ -158,6 +158,16 @@ module.exports = function container (get, set, clear) { output_lines.push('buy hold: ' + buy_hold.format('0.00000000').yellow + ' (' + n(buy_hold_profit).format('0.00%') + ')') output_lines.push('vs. buy hold: ' + n(tmp_balance).subtract(buy_hold).divide(buy_hold).format('0.00%').yellow) output_lines.push(s.my_trades.length + ' trades over ' + s.day_count + ' days (avg ' + n(s.my_trades.length / s.day_count).format('0.00') + ' trades/day)') + // Build stats for UI + s.stats = { + profit: profit.format('0.00%'), + tmp_balance: n(tmp_balance).format('0.00000000'), + buy_hold: buy_hold.format('0.00000000'), + buy_hold_profit: n(buy_hold_profit).format('0.00%'), + day_count: s.day_count, + trade_per_day: n(s.my_trades.length / s.day_count).format('0.00') + } + var last_buy var losses = 0, sells = 0 s.my_trades.forEach(function (trade) { @@ -174,6 +184,11 @@ module.exports = function container (get, set, clear) { if (s.my_trades.length && sells > 0) { output_lines.push('win/loss: ' + (sells - losses) + '/' + losses) output_lines.push('error rate: ' + (sells ? n(losses).divide(sells).format('0.00%') : '0.00%').yellow) + + //for API + s.stats.win = (sells - losses) + s.stats.losses = losses + s.stats.error_rate = (sells ? n(losses).divide(sells).format('0.00%') : '0.00%') } output_lines.forEach(function (line) { console.log(line) @@ -250,6 +265,16 @@ module.exports = function container (get, set, clear) { output_lines.push('buy hold: ' + buy_hold.format('0.00000000').yellow + ' (' + n(buy_hold_profit).format('0.00%') + ')') output_lines.push('vs. buy hold: ' + n(tmp_balance).subtract(buy_hold).divide(buy_hold).format('0.00%').yellow) output_lines.push(s.my_trades.length + ' trades over ' + s.day_count + ' days (avg ' + n(s.my_trades.length / s.day_count).format('0.00') + ' trades/day)') + // Build stats for UI + s.stats = { + profit: profit.format('0.00%'), + tmp_balance: n(tmp_balance).format('0.00000000'), + buy_hold: buy_hold.format('0.00000000'), + buy_hold_profit: n(buy_hold_profit).format('0.00%'), + day_count: s.day_count, + trade_per_day: n(s.my_trades.length / s.day_count).format('0.00') + } + var last_buy var losses = 0, sells = 0 s.my_trades.forEach(function (trade) { @@ -266,6 +291,11 @@ module.exports = function container (get, set, clear) { if (s.my_trades.length && sells > 0) { output_lines.push('win/loss: ' + (sells - losses) + '/' + losses) output_lines.push('error rate: ' + (sells ? n(losses).divide(sells).format('0.00%') : '0.00%').yellow) + + //for API + s.stats.win = (sells - losses) + s.stats.losses = losses + s.stats.error_rate = (sells ? n(losses).divide(sells).format('0.00%') : '0.00%') } var html_output = output_lines.map(function (line) { @@ -356,6 +386,8 @@ module.exports = function container (get, set, clear) { get('db.trades').select(opts, function (err, trades) { if (err) throw err if (!trades.length) { + console.log('------------------------------------------ INITIALIZE OUTPUT ------------------------------------------') + get('lib.output').initializeOutput(s) console.log('---------------------------- STARTING ' + so.mode.toUpperCase() + ' TRADING ----------------------------') if (so.mode === 'paper') { console.log('!!! Paper mode enabled. No real trades are performed until you remove --paper from the startup command.') diff --git a/docker-compose.yml b/docker-compose.yml index 961891eadb..991ae22e23 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -1,40 +1,42 @@ -server: - build: . - volumes: - - ./conf.js:/app/conf.js - - ./extensions:/app/extensions - - ./simulations:/app/simulations - links: - - mongodb - command: [ "trade", "--paper" ] - restart: always - tty: true - environment: - - MONGODB_PORT_27017_TCP_ADDR=mongodb +version: '3.1' -mongodb: - image: mongo:latest - volumes_from: - - mongodb-data - command: mongod --smallfiles --bind_ip_all +services: -mongodb-data: - image: mongo:latest - volumes: - - ./data/db:/data/db - command: "true" + server: + build: . + volumes: + - ./conf.js:/app/conf.js + - ./extensions:/app/extensions + - ./simulations:/app/simulations + links: + - mongodb + command: [ "trade", "--paper" ] + restart: always + tty: true + depends_on: + - mongodb + environment: + - MONGODB_PORT_27017_TCP_ADDR=mongodb -# Remove below comments to use this container. "adminMongo is a Web based user interface (GUI) to handle all your MongoDB connections/databases needs." -# -#adminmongo: -# image: mrvautin/adminmongo -# links: -# - mongodb -# tty: true -# ports: -# - "1234:1234" -# environment: -# - CONN_NAME=zenbot_mongodb -# - DB_HOST=mongodb -# - DB_PORT=27017 -# command: "npm start" + mongodb: + image: mongo:latest + volumes: + - ./data/db:/data/db + command: mongod --smallfiles --logpath=/dev/null + ports: + - 27017:27017 + + # Remove below comments to use this container. "adminMongo is a Web based user interface (GUI) to handle all your MongoDB connections/databases needs." + # + #adminmongo: + # image: mrvautin/adminmongo + # links: + # - mongodb + # tty: true + # ports: + # - "1234:1234" + # environment: + # - CONN_NAME=zenbot_mongodb + # - DB_HOST=mongodb + # - DB_PORT=27017 + # command: "npm start" diff --git a/extensions/exchanges/cexio/exchange.js b/extensions/exchanges/cexio/exchange.js index 1ab7d3c8fa..43fc9c3363 100644 --- a/extensions/exchanges/cexio/exchange.js +++ b/extensions/exchanges/cexio/exchange.js @@ -42,6 +42,23 @@ module.exports = function container (get, set, clear) { }, 10000) } + function refreshFees(args) { + var skew = 5000 // in ms + var now = new Date(); + var nowUTC = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds()) + var midnightUTC = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds()).setHours(24,0,0,0) + var countdown = midnightUTC - nowUTC + skew + if (so.debug) { + var hours = parseInt((countdown/(1000*60*60))%24) + var minutes = parseInt((countdown/(1000*60))%60) + var seconds = parseInt((countdown/1000)%60) + console.log('\nRefreshing fees in ' + hours + ' hours ' + minutes + ' minutes ' + seconds + ' seconds') + } + setTimeout(function() { + exchange['setFees'].apply(exchange, args) + }, countdown) + } + var orders = {} var exchange = { name: 'cexio', @@ -49,6 +66,7 @@ module.exports = function container (get, set, clear) { backfillRateLimit: 0, makerFee: 0.16, takerFee: 0.25, + dynamicFees: true, getProducts: function () { return require('./products.json') @@ -182,6 +200,32 @@ module.exports = function container (get, set, clear) { }) }, + setFees: function(opts) { + var func_args = [].slice.call(arguments) + var client = authedClient() + client.get_my_fee(function (err, body) { + if (err || (typeof body === 'string' && body.match(/error/))) { + if (so.debug) { + console.log(('\nsetFees ' + body + ' - using fixed fees!').red) + } + return retry('setFees', func_args) + } else { + var pair = opts.asset + ':' + opts.currency + var makerFee = (parseFloat(body[pair].buyMaker) + parseFloat(body[pair].sellMaker)) / 2 + var takerFee = (parseFloat(body[pair].buy) + parseFloat(body[pair].sell)) / 2 + if (exchange.makerFee != makerFee) { + if (so.debug) console.log('\nMaker fee changed: ' + exchange.makerFee + '% -> ' + makerFee + '%') + exchange.makerFee = makerFee + } + if (exchange.takerFee != takerFee) { + if (so.debug) console.log('\nTaker fee changed: ' + exchange.takerFee + '% -> ' + takerFee + '%') + exchange.takerFee = takerFee + } + } + return refreshFees(func_args) + }) + }, + // return the property used for range querying. getCursor: function (trade) { return trade.trade_id diff --git a/extensions/exchanges/poloniex/products.json b/extensions/exchanges/poloniex/products.json index df4ad83f58..47c6e15610 100644 --- a/extensions/exchanges/poloniex/products.json +++ b/extensions/exchanges/poloniex/products.json @@ -34,7 +34,7 @@ { "asset": "BCH", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Bitcoin Cash/Tether USD" @@ -90,7 +90,7 @@ { "asset": "BTC", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Bitcoin/Tether USD" @@ -170,7 +170,7 @@ { "asset": "DASH", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Dash/Tether USD" @@ -234,7 +234,7 @@ { "asset": "ETC", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Ethereum Classic/Tether USD" @@ -250,7 +250,7 @@ { "asset": "ETH", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Ethereum/Tether USD" @@ -394,7 +394,7 @@ { "asset": "LTC", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Litecoin/Tether USD" @@ -466,7 +466,7 @@ { "asset": "NXT", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "NXT/Tether USD" @@ -562,7 +562,7 @@ { "asset": "REP", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Augur/Tether USD" @@ -626,7 +626,7 @@ { "asset": "STR", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Stellar/Tether USD" @@ -706,7 +706,7 @@ { "asset": "XMR", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Monero/Tether USD" @@ -730,7 +730,7 @@ { "asset": "XRP", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Ripple/Tether USD" @@ -762,7 +762,7 @@ { "asset": "ZEC", "currency": "USDT", - "min_total": "0.0001", + "min_total": "1", "max_size": null, "increment": "0.00000001", "label": "Zcash/Tether USD" diff --git a/extensions/exchanges/poloniex/update-products.sh b/extensions/exchanges/poloniex/update-products.sh index 5e4ca650a5..06c372c82d 100755 --- a/extensions/exchanges/poloniex/update-products.sh +++ b/extensions/exchanges/poloniex/update-products.sh @@ -21,10 +21,15 @@ request('https://poloniex.com/public?command=returnTicker', {headers: {'User-Age var products = [] Object.keys(ticker).forEach(function (pair) { var asset = pair.split('_')[1], currency = pair.split('_')[0] + if(currency === "USDT"){ + min_total = '1' + }else { + min_total = '0.0001' + } products.push({ asset: asset, currency: currency, - min_total: '0.0001', + min_total: min_total, max_size: null, increment: '0.00000001', label: currencies[asset].name + '/' + currencies[currency].name @@ -42,4 +47,4 @@ request('https://poloniex.com/public?command=returnTicker', {headers: {'User-Age console.log('wrote', target) process.exit() }) -}) \ No newline at end of file +}) diff --git a/extensions/output/api.js b/extensions/output/api.js index 2a6c83201e..a95542632c 100644 --- a/extensions/output/api.js +++ b/extensions/output/api.js @@ -5,6 +5,7 @@ module.exports = function container (get) { let express = require('express') let app = express() let random_port = require('random-port') + let path = require('path') let run = function(reporter, tradeObject) { if (!reporter.port || reporter.port === 0) { @@ -16,16 +17,38 @@ module.exports = function container (get) { } } + let objectWithoutKey = (object, key) => { + const {[key]: deletedKey, ...otherKeys} = object; + return otherKeys; + }; + let startServer = function(port, tradeObject) { tradeObject.port = port + app.set('views', path.join(__dirname+'../../../templates')); + app.set('view engine', 'ejs'); + + app.use('/assets', express.static(__dirname+'../../../templates/dashboard_assets')); + app.use('/assets-wp', express.static(__dirname+'../../../dist/')); + app.use('/assets-zenbot', express.static(__dirname+'../../../assets')); + + app.get('/', function (req, res) { + let datas = objectWithoutKey(tradeObject, 'options'); + datas = objectWithoutKey(tradeObject, 'lookback'); + res.render('dashboard', datas); + }); + app.get('/trades', function (req, res) { - res.send(tradeObject) - }) + res.send(objectWithoutKey(tradeObject, 'options')); + }); + + app.get('/stats', function (req, res) { + res.sendFile(path.join(__dirname+'../../../stats/index.html')); + }); app.listen(port) - tradeObject.url = require('ip').address() + ':' + port + '/trades' - console.log('api running on ' + tradeObject.url) + tradeObject.url = require('ip').address() + ':' + port + '/' + console.log('Web GUI running on http://' + tradeObject.url) } return { diff --git a/extensions/strategies/dema-lessnoise/_codemap.js b/extensions/strategies/dema-lessnoise/_codemap.js new file mode 100644 index 0000000000..d86fae3d5f --- /dev/null +++ b/extensions/strategies/dema-lessnoise/_codemap.js @@ -0,0 +1,6 @@ +module.exports = { + _ns: 'zenbot', + + 'strategies.dema-lessnoise': require('./strategy'), + 'strategies.list[]': '#strategies.dema-lessnoise' +} diff --git a/extensions/strategies/dema-lessnoise/strategy.js b/extensions/strategies/dema-lessnoise/strategy.js new file mode 100644 index 0000000000..d4dc26a23c --- /dev/null +++ b/extensions/strategies/dema-lessnoise/strategy.js @@ -0,0 +1,83 @@ +var z = require('zero-fill') + , n = require('numbro') + +module.exports = function container (get, set, clear) { + return { + name: 'dema', + description: 'Buy when (short ema > long ema) and sell when (short ema < long ema).', + + getOptions: function () { + this.option('period', 'period length', String, '1h') + this.option('min_periods', 'min. number of history periods', Number, 21) + this.option('ema_short_period', 'number of periods for the shorter EMA', Number, 10) + this.option('ema_long_period', 'number of periods for the longer EMA', Number, 21) + this.option('up_trend_threshold', 'threshold to trigger a buy signal', Number, 0) + this.option('down_trend_threshold', 'threshold to trigger a sold signal', Number, 0) + this.option('overbought_rsi_periods', 'number of periods for overbought RSI', Number, 9) + this.option('overbought_rsi', 'sold when RSI exceeds this value', Number, 80) + this.option('noise_level_pct', 'do not trade when short ema is with this % of last short ema', Number, 2) + }, + + calculate: function (s) { + if (s.options.overbought_rsi) { + // sync RSI display with overbought RSI periods + s.options.rsi_periods = s.options.overbought_rsi_periods + get('lib.rsi')(s, 'overbought_rsi', s.options.overbought_rsi_periods) + if (!s.in_preroll && s.period.overbought_rsi >= s.options.overbought_rsi && !s.overbought) { + s.overbought = true + if (s.options.mode === 'sim' && s.options.verbose) console.log(('\noverbought at ' + s.period.overbought_rsi + ' RSI, preparing to sold\n').cyan) + } + } + + // compture DEMA + get('lib.ema')(s, 'ema_short', s.options.ema_short_period) + get('lib.ema')(s, 'ema_long', s.options.ema_long_period) + if (s.period.ema_short && s.period.ema_long) { + s.period.dema_histogram = (s.period.ema_short - s.period.ema_long) + } + }, + + onPeriod: function (s, cb) { + if (!s.in_preroll && typeof s.period.overbought_rsi === 'number') { + if (s.overbought) { + s.overbought = false + s.trend = 'overbought' + s.signal = 'sold' + return cb() + } + } + + if (typeof s.period.dema_histogram === 'number' && typeof s.lookback[0].dema_histogram === 'number') { + if (s.period.ema_short / s.lookback[0].ema_short * 100 < s.options.noise_level_pct) { + s.signal = 'null'; + } else if ((s.period.dema_histogram + s.options.down_trend_threshold) < 0 && (s.lookback[0].dema_histogram + s.options.down_trend_threshold) >= 0) { + s.signal = 'sell'; + } else if ((s.period.dema_histogram - s.options.up_trend_threshold) > 0 && (s.lookback[0].dema_histogram - s.options.up_trend_threshold) <= 0) { + s.signal = 'buy'; + } else { + s.signal = null; // hold + } + } + cb() + }, + + onReport: function (s) { + var cols = [] + if (typeof s.period.dema_histogram === 'number') { + var color = 'grey' + if (s.period.dema_histogram > 0) { + color = 'green' + } + else if (s.period.dema_histogram < 0) { + color = 'red' + } + cols.push(z(8, n(s.period.dema_histogram).format('+00.0000'), ' ')[color]) + cols.push(z(8, n(s.period.overbought_rsi).format('00'), ' ').cyan) + } + else { + cols.push(' ') + } + return cols + } + } +} diff --git a/extensions/strategies/dema/_codemap.js b/extensions/strategies/dema/_codemap.js new file mode 100644 index 0000000000..16ce5b8fd1 --- /dev/null +++ b/extensions/strategies/dema/_codemap.js @@ -0,0 +1,6 @@ +module.exports = { + _ns: 'zenbot', + + 'strategies.dema': require('./strategy'), + 'strategies.list[]': '#strategies.dema' +} diff --git a/extensions/strategies/dema/strategy.js b/extensions/strategies/dema/strategy.js new file mode 100644 index 0000000000..c506b7bd77 --- /dev/null +++ b/extensions/strategies/dema/strategy.js @@ -0,0 +1,80 @@ +var z = require('zero-fill') + , n = require('numbro') + +module.exports = function container (get, set, clear) { + return { + name: 'dema', + description: 'Buy when (short ema > long ema) and sell when (short ema < long ema).', + + getOptions: function () { + this.option('period', 'period length', String, '1h') + this.option('min_periods', 'min. number of history periods', Number, 21) + this.option('ema_short_period', 'number of periods for the shorter EMA', Number, 10) + this.option('ema_long_period', 'number of periods for the longer EMA', Number, 21) + this.option('up_trend_threshold', 'threshold to trigger a buy signal', Number, 0) + this.option('down_trend_threshold', 'threshold to trigger a sold signal', Number, 0) + this.option('overbought_rsi_periods', 'number of periods for overbought RSI', Number, 9) + this.option('overbought_rsi', 'sold when RSI exceeds this value', Number, 80) + }, + + calculate: function (s) { + if (s.options.overbought_rsi) { + // sync RSI display with overbought RSI periods + s.options.rsi_periods = s.options.overbought_rsi_periods + get('lib.rsi')(s, 'overbought_rsi', s.options.overbought_rsi_periods) + if (!s.in_preroll && s.period.overbought_rsi >= s.options.overbought_rsi && !s.overbought) { + s.overbought = true + if (s.options.mode === 'sim' && s.options.verbose) console.log(('\noverbought at ' + s.period.overbought_rsi + ' RSI, preparing to sold\n').cyan) + } + } + + // compture DEMA + get('lib.ema')(s, 'ema_short', s.options.ema_short_period) + get('lib.ema')(s, 'ema_long', s.options.ema_long_period) + if (s.period.ema_short && s.period.ema_long) { + s.period.dema_histogram = (s.period.ema_short - s.period.ema_long) + } + }, + + onPeriod: function (s, cb) { + if (!s.in_preroll && typeof s.period.overbought_rsi === 'number') { + if (s.overbought) { + s.overbought = false + s.trend = 'overbought' + s.signal = 'sold' + return cb() + } + } + + if (typeof s.period.dema_histogram === 'number' && typeof s.lookback[0].dema_histogram === 'number') { + if ((s.period.dema_histogram - s.options.up_trend_threshold) > 0 && (s.lookback[0].dema_histogram - s.options.up_trend_threshold) <= 0) { + s.signal = 'buy'; + } else if ((s.period.dema_histogram + s.options.down_trend_threshold) < 0 && (s.lookback[0].dema_histogram + s.options.down_trend_threshold) >= 0) { + s.signal = 'sell'; + } else { + s.signal = null; // hold + } + } + cb() + }, + + onReport: function (s) { + var cols = [] + if (typeof s.period.dema_histogram === 'number') { + var color = 'grey' + if (s.period.dema_histogram > 0) { + color = 'green' + } + else if (s.period.dema_histogram < 0) { + color = 'red' + } + cols.push(z(8, n(s.period.dema_histogram).format('+00.0000'), ' ')[color]) + cols.push(z(8, n(s.period.overbought_rsi).format('00'), ' ').cyan) + } + else { + cols.push(' ') + } + return cols + } + } +} diff --git a/lib/engine.js b/lib/engine.js index 6ded4cd1a4..e11f254a02 100644 --- a/lib/engine.js +++ b/lib/engine.js @@ -34,6 +34,9 @@ module.exports = function container (get, set, clear) { console.error('error: could not find product "' + s.product_id + '"') process.exit(1) } + if ((so.mode === 'live' || so.mode === 'paper') && s.exchange.dynamicFees) { + s.exchange.setFees({asset: s.asset, currency: s.currency}) + } if (so.mode === 'sim' || so.mode === 'paper') { s.balance = {asset: so.asset_capital, currency: so.currency_capital} } diff --git a/package.json b/package.json index 95835abe65..a97332bb7b 100644 --- a/package.json +++ b/package.json @@ -14,30 +14,43 @@ }, "scripts": { "test": "jasmine test/**/**.test.js", - "postinstall": "rm -rf node_modules/forex.analytics/.git" + "postinstall": "rm -rf node_modules/forex.analytics/.git && webpack -p" }, "dependencies": { "@slack/client": "^3.14.0", "async": "^2.5.0", + "babel-core": "^6.26.0", + "babel-loader": "^7.1.2", + "babel-preset-es2015": "^6.24.1", "bitfinex-api-node": "^1.2.0", "bitstamp": "^1.0.4", "bl": "^1.2.1", + "bootstrap": "^4.0.0-beta.2", "ccxt": "^1.10.171", "cexio-api-node": "^1.0.8", "cliff": "^0.1.10", + "css-loader": "^0.28.7", "codemap": "^1.3.1", "colors": "^1.1.2", "commander": "^2.9.0", "convnetjs": "0.3.0", + "counterup": "^1.0.2", + "css-loader": "^0.28.7", + "ejs": "^2.5.7", "express": "^4.16.2", + "exports-loader": "^0.6.4", + "expose-loader": "^0.7.4", + "file-loader": "^1.1.6", "forex.analytics": "mkmarek/forex.analytics#7bc278987700d4204e959af17de61495941d1a14", "gdax": "coinbase/gdax-node#v0.5.0", "gemini-api": "^2.0.4", "glob": "^7.1.1", "har-validator": "^5.0.3", "idgen": "^2.0.2", + "imports-loader": "^0.7.1", "ip": "~1.1.5", "jasmine": "^2.8.0", + "jquery": "^3.2.1", "kraken-api": "^0.1.7", "mathjs": "^3.17.0", "micro-request": "^666.0.10", @@ -46,27 +59,37 @@ "moment": "^2.18.1", "mongodb": "^2.2.31", "node-prowl": "^0.1.7", + "node-sass": "^4.7.2", "node-telegram-bot-api": "^0.29.0", "node-uuid": "^1.4.8", "node.bittrex.api": "^0.2.5", "number-abbreviate": "^2.0.0", "numbro": "highvelocityspace/numbro", + "path": "^0.12.7", "poloniex.js": "0.0.7", + "popper.js": "^1.12.9", + "postcss-loader": "^2.0.9", "progress": "^2.0.0", "pushbullet": "2.0.0", "pusher-js": "^4.1.0", "quadrigacx": "0.0.7", "random-port": "^0.1.0", - "regression": "^2.0.0", + "resolve-url-loader": "^2.2.1", "run-parallel": "^1.1.6", "run-series": "^1.1.4", + "regression": "^2.0.0", + "sass-loader": "^6.0.6", "semver": "^5.4.1", "simple-xmpp": "^1.3.0", "sosa_mongo": "^1.0.3", "stats-lite": "2.1.0", + "style-loader": "^0.19.1", "talib": "^1.0.3", "timebucket": "^0.4.0", "trend": "0.3.0", + "url-loader": "^0.6.2", + "waypoints": "^4.0.1", + "webpack": "^3.10.0", "wexnz": "^0.1.3", "ws": "^3.2.0", "zero-fill": "^2.2.3" diff --git a/scripts/genetic_backtester/darwin.js b/scripts/genetic_backtester/darwin.js index 49a9fd9a25..c795a1947f 100755 --- a/scripts/genetic_backtester/darwin.js +++ b/scripts/genetic_backtester/darwin.js @@ -4,7 +4,7 @@ * Clifford Roche * 07/01/2017 * - * Example: ./darwin.js --selector="bitfinex.ETH-USD" --days=10 --currency_capital=5000 --use_strategies=(all|macd,trend_ema) + * Example: ./darwin.js --selector="bitfinex.ETH-USD" --days="10" --currency_capital="5000" --use_strategies="all | macd,trend_ema,etc" --population="101" --population_data="simulations/generation_data_NUMBERS_gen_X.json" */ let shell = require('shelljs'); @@ -119,6 +119,8 @@ let processOutput = output => { let losses = wlMatch !== null ? parseInt(wlMatch[2]) : 0; let errorRate = errMatch !== null ? parseInt(errMatch[1]) : 0; let days = parseInt(params.days); + let start = parseInt(params.start); + let end = parseInt(params.end); let roi = roundp( ((endBalance - params.currency_capital) / params.currency_capital) * 100, @@ -136,10 +138,21 @@ let processOutput = output => { delete r.population_data; delete r.sell_pct; delete r.start; + delete r.end; delete r.stats; delete r.use_strategies; delete r.verbose; + if (start) { + r.start = moment(start).format("YYYYMMDDhhmm"); + } + if (end) { + r.end = moment(end).format("YYYYMMDDhhmm"); + } + if (!start && !end && params.days) { + r.days = params.days; + } + return { params: 'module.exports = ' + JSON.stringify(r), endBalance: parseFloat(endBalance), @@ -561,10 +574,10 @@ var generateCommandParams = input => { if(key == "selector"){ result = input[key].normalized + result; } - + else result += " --"+key+"="+input[key]; } - + } return result; } @@ -580,16 +593,16 @@ var saveGenerationData = function(csvFileName, jsonFileName, dataCSV, dataJSON, callback(2); }); } -let generationCount = 1; +let generationCount = 0; let simulateGeneration = () => { - console.log(`\n\n=== Simulating generation ${generationCount++} ===\n`); + console.log(`\n\n=== Simulating generation ${++generationCount} ===\n`); let days = argv.days; if (!days) { if (argv.start) { var start = moment(argv.start, "YYYYMMDDhhmm"); - days = moment().diff(start, 'days'); + days = Math.max(1, moment().diff(start, 'days')); } else { var end = moment(argv.end, "YYYYMMDDhhmm"); @@ -624,7 +637,7 @@ let simulateGeneration = () => { let fileDate = Math.round(+new Date() / 1000); let csvFileName = `simulations/backtesting_${fileDate}.csv`; - + let poolData = {}; selectedStrategies.forEach(function(v) { poolData[v] = pools[v]['pool'].population(); @@ -635,13 +648,13 @@ let simulateGeneration = () => { var filesSaved = 0; saveGenerationData(csvFileName, jsonFileName, dataCSV, dataJSON, (id)=>{ filesSaved++; - if(filesSaved == 2){ + if(filesSaved == 2){ console.log(`\n\nGeneration's Best Results`); selectedStrategies.forEach((v)=> { - let best = pools[v]['pool'].best(); + let best = pools[v]['pool'].best(); if(best.sim){ console.log(`\t(${v}) Sim Fitness ${best.sim.fitness}, VS Buy and Hold: ${best.sim.vsBuyHold} End Balance: ${best.sim.endBalance}, Wins/Losses ${best.sim.wins}/${best.sim.losses}.`); - + } else { console.log(`\t(${v}) Result Fitness ${results[0].fitness}, VS Buy and Hold: ${results[0].vsBuyHold}, End Balance: ${results[0].endBalance}, Wins/Losses ${results[0].wins}/${results[0].losses}.`); } @@ -649,19 +662,19 @@ let simulateGeneration = () => { // prepare command snippet from top result for this strat let prefix = './zenbot.sh sim '; let bestCommand = generateCommandParams(results[0]); - + bestCommand = prefix + bestCommand; - bestCommand = bestCommand + ' --days=' + argv.days + ' --asset_capital=' + argv.asset_capital + ' --currency_capital=' + argv.currency_capital; - + bestCommand = bestCommand + ' --asset_capital=' + argv.asset_capital + ' --currency_capital=' + argv.currency_capital; + console.log(bestCommand + '\n'); - + let nextGen = pools[v]['pool'].evolve(); }); - + simulateGeneration(); } }); - + }); }; diff --git a/scripts/genetic_backtester/phenotype.js b/scripts/genetic_backtester/phenotype.js index 71cfd72592..2a663aaa4a 100644 --- a/scripts/genetic_backtester/phenotype.js +++ b/scripts/genetic_backtester/phenotype.js @@ -68,7 +68,8 @@ module.exports = { if (typeof phenotype.sim === 'undefined') return 0; var vsBuyHoldRate = (phenotype.sim.vsBuyHold / 50); - var wlRatioRate = 1.0 / (1.0 + Math.pow(2.71828, -(phenotype.sim.wins - phenotype.sim.losses))); + var wlRatio = phenotype.sim.wins - phenotype.sim.losses + var wlRatioRate = 1.0 / (1.0 + Math.pow(2.71828, wlRatio < 0 ? wlRatio:-(wlRatio))); var rate = vsBuyHoldRate * (wlRatioRate); return rate; }, diff --git a/stats/index.html b/stats/index.html new file mode 100644 index 0000000000..6c3c1e0e20 --- /dev/null +++ b/stats/index.html @@ -0,0 +1,522 @@ + + + + + cexio.ETH-USD - zenbot 4.0.5 trade result + + + +
+ + + + + +
last balance: 358.45244248 (-0.58%)
+buy hold: 358.42887441 (-0.59%)
+vs. buy hold: 0.01%
+0 trades over 1 days (avg 0.00 trades/day)
+ + diff --git a/stats/readme.md b/stats/readme.md new file mode 100644 index 0000000000..121aff8e5f --- /dev/null +++ b/stats/readme.md @@ -0,0 +1,3 @@ +## Stats + +HTML Outputs from trades will be placed here! diff --git a/templates/dashboard.ejs b/templates/dashboard.ejs new file mode 100644 index 0000000000..34301cd84f --- /dev/null +++ b/templates/dashboard.ejs @@ -0,0 +1,320 @@ + + + + + + + + + + + + + + + + + + + + + + + <%= asset.toUpperCase() %>/<%= currency.toUpperCase() %> on <%= exchange.name.toUpperCase() %> - Dashboard + + + + + + + + + + + +
+ + + +
+ + + +
+ + + +
+
+
+
+

Dashboard

+
+
+
    +
  1. Running since <%= day_count %> days
    2. +
+
+ +
+ + + + + +
+
+
+

Current Market

+ +
+ +
+
    +
  • Price
    • +
  • <%= period.close %> <%= asset.toUpperCase() %>
    • +
+
+ <% if (typeof quote != "undefined") { %> +
+
    +
  • ASK
    • +
  • <%= quote.ask %> <%= asset.toUpperCase() %>
    • +
+
+ +
+
    +
  • BID
    • +
  • <%= quote.bid %> <%= asset.toUpperCase() %>
    • +
+
+ <% } %> + +
+
+
+
+ + +
+ <% if (typeof stats != "undefined") { %> +
+
+

Last balance ( <%= new Intl.NumberFormat("en-US", {style: "percent", minimumSignificantDigits:2}).format( (parseFloat(stats.profit)/100)-(parseFloat(stats.buy_hold_profit)/100) ) %> vs buy hold)

+
    +
  • <%= stats.tmp_balance %> <%= currency.toUpperCase() %>
    • +
  • <%= stats.profit %> of profit
    • +
+
+
+
+
+

Buy hold

+
    +
  • <%= stats.buy_hold %> <%= currency.toUpperCase() %>
    • +
  • <%= stats.buy_hold_profit %> of profit
    • +
+
+
+
+
+

Trades per day

+
    +
  • <%= stats.trade_per_day %>
    • +
  • <%= my_trades.length %> trades over <%= day_count %> days
    • +
+
+
+ <% } %> +
+
+

Asset / Currency

+
    +
  • <%= balance.asset %> <%= asset.toUpperCase() %>
    • +
  • <%= balance.currency %> <%= currency.toUpperCase() %>
    • +
+
+
+
+ + + + +
+
+
+

<%= exchange.name.toUpperCase() %> <%= asset.toUpperCase() %>/<%= currency.toUpperCase() %> Live chart

+
+ + + +
+ +
+
+
+ + + +
+
+
+

My trades

+
+ + + + + + + + + + + + <% if (typeof buy_order != "undefined") { %> + + + + + + + + <% } %> + <% if (typeof sell_order != "undefined") { %> + + + + + + + + <% } %> + <% if (my_trades) { %> + <% my_trades.reverse().forEach(function(trade){ %> + + + + + + + + <% }); %> + <% } %> + + <% if (!(typeof buy_order != "undefined" || typeof sell_order != "undefined") && !my_trades) { %> + + <% } %> + +
TYPEAMOUNTPRICEDATEEXECUTED DATE
BUY<%= buy_order.size %> <%= asset.toUpperCase() %><%= buy_order.price %> <%= currency.toUpperCase() %><%= new Date(buy_order.time).toLocaleString("en-US", { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }) %>Waiting
SELL<%= sell_order.size %> <%= asset.toUpperCase() %><%= sell_order.price %> <%= currency.toUpperCase() %><%= new Date(sell_order.time).toLocaleString("en-US", { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }) %>Waiting
<%= trade.type.toUpperCase() %><%= trade.size %> <%= asset.toUpperCase() %><%= trade.price %> <%= currency.toUpperCase() %><%= new Date(trade.time).toLocaleString("en-US", { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }) %><%= new Date(trade.time + trade.execution_time).toLocaleString("en-US", { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }) %>
There is no trades at the moment
+
+
+
+
+ + + + + +
+
+
+

CoinMarketCap Data

+
+ + + + + + + + + + + + + + + + + +
RANKNAMEPRICE (USD)CHANGE 1HCHANGE 24HCHANGE 7D
+
+
+
+
+
+ +
<%= (new Date()).getFullYear() %> © zenbot
+
+ + + +
+ + + + + + + + + + + + + + diff --git a/templates/dashboard_assets/css/animate.css b/templates/dashboard_assets/css/animate.css new file mode 100644 index 0000000000..a645227592 --- /dev/null +++ b/templates/dashboard_assets/css/animate.css @@ -0,0 +1,7 @@ +@charset "UTF-8";/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} diff --git a/templates/dashboard_assets/css/colors/default.css b/templates/dashboard_assets/css/colors/default.css new file mode 100644 index 0000000000..8b6324703c --- /dev/null +++ b/templates/dashboard_assets/css/colors/default.css @@ -0,0 +1,163 @@ +@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900); +/*Theme Colors*/ +/*bootstrap Color*/ +/*Normal Color*/ +/*Border radius*/ +/*Preloader*/ +.preloader { + width: 100%; + height: 100%; + top: 0px; + position: fixed; + z-index: 99999; + background: #fff; +} +.preloader .cssload-speeding-wheel { + position: absolute; + top: calc(50% - 3.5px); + left: calc(50% - 3.5px); +} +/*Just change your choise color here its theme Colors*/ +body { + background: #fff; +} +.top-left-part { + background: #fff; +} +.top-left-part .dark-logo { + display: none; +} +.top-left-part .light-logo { + display: inline-block; +} +/*Top Header Part*/ +.logo i { + color: #ffffff; +} +.navbar-header { + background: #2f323e; +} +.navbar-top-links > li > a { + color: #ffffff; +} +.sidebar .sidebar-head { + background: #ffffff; +} +.sidebar .sidebar-head h3 { + color: #686868; +} +/*Right panel*/ +.right-sidebar .rpanel-title { + background: #41b3f9; +} +/*Bread Crumb*/ +.bg-title .breadcrumb .active { + color: #41b3f9; +} +/*Sidebar*/ +.sidebar { + background: #fff; + box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); +} +.sidebar .label-custom { + background: #01c0c8; +} +#side-menu li a { + color: #54667a; +} +#side-menu li a { + color: #54667a; + border-left: 0px solid #fff; +} +#side-menu > li > a { + border-left: 3px solid transperant; +} +#side-menu > li > a:hover, +#side-menu > li > a:focus { + background: rgba(0, 0, 0, 0.07); +} +#side-menu > li > a.active { + background: transperant; + color: #54667a; + border-left: 3px solid #41b3f9; + font-weight: 500; +} +#side-menu ul > li > a:hover { + color: #41b3f9; +} +#side-menu ul > li > a.active { + color: #54667a; + font-weight: 500; +} +.user-profile .user-pro-body .u-dropdown { + color: #54667a; +} +/*themecolor*/ +.bg-theme { + background-color: #707cd2 !important; +} +.bg-theme-dark { + background-color: #41b3f9 !important; +} +/*Button*/ +.btn-custom { + background: #41b3f9; + border: 1px solid #41b3f9; + color: #ffffff; +} +.btn-custom:hover { + background: #41b3f9; + opacity: 0.8; + color: #ffffff; + border: 1px solid #41b3f9; +} +/*Custom tab*/ +.customtab li.active a, +.customtab li.active a:hover, +.customtab li.active a:focus { + border-bottom: 2px solid #41b3f9; + color: #41b3f9; +} +.tabs-vertical li.active a, +.tabs-vertical li.active a:hover, +.tabs-vertical li.active a:focus { + background: #41b3f9; + border-right: 2px solid #41b3f9; +} +/*Nav-pills*/ +.nav-pills > li.active > a, +.nav-pills > li.active > a:focus, +.nav-pills > li.active > a:hover { + background: #41b3f9; + color: #ffffff; +} +/*Extra css*/ +.bg-theme { + background-color: #41b3f9 !important; +} +.panel-themecolor, +.panel-theme { + border-color: #41b3f9; +} +.panel-themecolor .panel-heading, +.panel-theme .panel-heading { + border-color: #41b3f9; + color: white; + background-color: #41b3f9; +} +.panel-themecolor .panel-heading a, +.panel-theme .panel-heading a { + color: #ffffff; +} +.panel-themecolor .panel-heading a:hover, +.panel-theme .panel-heading a:hover { + color: rgba(255, 255, 255, 0.5); +} +.panel-themecolor a, +.panel-theme a { + color: #41b3f9; +} +.panel-themecolor a:hover, +.panel-theme a:hover { + color: #0791e6; +} diff --git a/templates/dashboard_assets/css/spinners.css b/templates/dashboard_assets/css/spinners.css new file mode 100644 index 0000000000..b717d73a12 --- /dev/null +++ b/templates/dashboard_assets/css/spinners.css @@ -0,0 +1,67 @@ + + +.preloader{ + position: relative; + margin: 0 auto; + width: 100px; +} +.preloader:before{ + content: ''; + display: block; + padding-top: 100%; +} +.circular { + animation: rotate 2s linear infinite; + height: 50px; + transform-origin: center center; + width: 50px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; +} +.path { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; + stroke-linecap: round; +} +@keyframes rotate { + 100% { + transform: rotate(360deg); + } +} + +@keyframes dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -124px; + } +} + +@keyframes color { + 100%, + 0% { + stroke: #d62d20; + } + 40% { + stroke: #0057e7; + } + 66% { + stroke: #008744; + } + 80%, + 90% { + stroke: #ffa700; + } +} diff --git a/templates/dashboard_assets/css/style.css b/templates/dashboard_assets/css/style.css new file mode 100644 index 0000000000..5d310154dd --- /dev/null +++ b/templates/dashboard_assets/css/style.css @@ -0,0 +1,10330 @@ +@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900); +@import url(https://coinmarketcap.com/static/sprites/all_views_market-cap-by-circulating-supply_0.css?3177814135); + +@import "spinners.css"; +.preloader { + width: 100%; + height: 100%; + top: 0; + position: fixed; + z-index: 99999; + background: #fff +} +.preloader .cssload-speeding-wheel { + position: absolute; + top: calc(50% - 3.5px); + left: calc(50% - 3.5px) +} +* { + outline: 0!important +} +body { + background: #2f323e; + font-family: Rubik, sans-serif; + margin: 0; + overflow-x: hidden; + color: #313131; + font-weight: 300 +} +html { + position: relative; + min-height: 100%; + background: #fff +} +h1, +h2, +h3, +h4, +h5, +h6 { + color: #313131; + font-family: Rubik, sans-serif; + margin: 10px 0; + font-weight: 300 +} +h1 { + line-height: 48px; + font-size: 36px +} +h2 { + line-height: 36px; + font-size: 24px +} +h3 { + line-height: 30px; + font-size: 21px +} +h4 { + line-height: 22px; + font-size: 18px +} +h5 { + font-size: 16px; + font-size: 14px +} +.dn { + display: none +} +.db { + display: block +} +.light_op_text { + color: rgba(255, 255, 255, .5) +} +blockquote { + border-left: 5px solid #2cabe3!important; + border: 1px solid rgba(120, 130, 140, .13) +} +p { + line-height: 1.6 +} +b { + font-weight: 500 +} +a:active, +a:focus, +a:hover { + outline: 0; + text-decoration: none +} +.clear { + clear: both +} +.font-12 { + font-size: 12px +} +hr { + border-color: rgba(120, 130, 140, .13) +} +.b-t { + border-top: 1px solid rgba(120, 130, 140, .13) +} +.b-b { + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.b-l { + border-left: 1px solid rgba(120, 130, 140, .13) +} +.b-r { + border-right: 1px solid rgba(120, 130, 140, .13) +} +.b-all { + border: 1px solid rgba(120, 130, 140, .13) +} +.b-none { + border: 0!important +} +.max-height { + height: 310px; + overflow: auto +} +.p-0 { + padding: 0!important +} +.p-10 { + padding: 10px!important +} +.p-20 { + padding: 20px!important +} +.p-30 { + padding: 30px!important +} +.p-l-0 { + padding-left: 0!important +} +.p-l-10 { + padding-left: 10px!important +} +.p-l-20 { + padding-left: 20px!important +} +.p-l-30 { + padding-left: 30px!important +} +.p-r-0 { + padding-right: 0!important +} +.p-r-10 { + padding-right: 10px!important +} +.p-r-20 { + padding-right: 20px!important +} +.p-r-30 { + padding-right: 30px!important +} +.p-r-40 { + padding-right: 40px!important +} +.p-t-0 { + padding-top: 0!important +} +.p-t-10 { + padding-top: 10px!important +} +.p-t-20 { + padding-top: 20px!important +} +.p-t-30 { + padding-top: 30px!important +} +.p-b-0 { + padding-bottom: 0!important +} +.p-b-10 { + padding-bottom: 10px!important +} +.p-b-20 { + padding-bottom: 20px!important +} +.p-b-30 { + padding-bottom: 30px!important +} +.p-b-40 { + padding-bottom: 40px!important +} +.m-0 { + margin: 0!important +} +.m-l-5 { + margin-left: 5px!important +} +.m-l-10 { + margin-left: 10px!important +} +.m-l-15 { + margin-left: 15px!important +} +.m-l-20 { + margin-left: 20px!important +} +.m-l-30 { + margin-left: 30px!important +} +.m-l-40 { + margin-left: 40px!important +} +.m-r-5 { + margin-right: 5px!important +} +.m-r-10 { + margin-right: 10px!important +} +.m-r-15 { + margin-right: 15px!important +} +.m-r-20 { + margin-right: 20px!important +} +.m-r-30 { + margin-right: 30px!important +} +.m-r-40 { + margin-right: 40px!important +} +.m-t-5 { + margin-top: 5px!important +} +.m-t-0 { + margin-top: 0!important +} +.m-t-10 { + margin-top: 10px!important +} +.m-t-15 { + margin-top: 15px!important +} +.m-t-20 { + margin-top: 20px!important +} +.m-t-30 { + margin-top: 30px!important +} +.m-t-40 { + margin-top: 40px!important +} +.m-b-0 { + margin-bottom: 0!important +} +.m-b-5 { + margin-bottom: 5px!important +} +.m-b-10 { + margin-bottom: 10px!important +} +.m-b-15 { + margin-bottom: 15px!important +} +.m-b-20 { + margin-bottom: 20px!important +} +.m-b-30 { + margin-bottom: 30px!important +} +.m-b-40 { + margin-bottom: 40px!important +} +.vt { + vertical-align: top +} +.vb { + vertical-align: bottom +} +.font-bold { + font-weight: 700 +} +.font-medium { + font-weight: 500 +} +.font-normal { + font-weight: 400 +} +.font-light { + font-weight: 300 +} +.pull-in { + margin-left: -15px; + margin-right: -15px +} +.b-0 { + border: none!important +} +.vertical-middle, +.vm { + vertical-align: middle +} +.mdi { + font-size: 17px +} +.bx-shadow { + -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); + -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) +} +.mx-box { + max-height: 380px; + min-height: 380px +} +.thumb-sm { + height: 32px; + width: 32px +} +.thumb-md { + height: 48px; + width: 48px +} +.thumb-lg { + height: 88px; + width: 88px +} +.txt-oflo { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap +} +.di { + display: inline-block +} +.get-code { + color: #263238; + cursor: pointer; + border-radius: 100%; + background: #fff; + padding: 4px 5px; + font-size: 10px; + margin: 0 5px; + vertical-align: middle +} +.badge { + text-transform: uppercase; + font-weight: 600; + padding: 3px 5px; + font-size: 12px; + margin-top: 1px; + background-color: #fb4 +} +.badge-xs { + font-size: 9px +} +.badge-sm, +.badge-xs { + -webkit-transform: translate(0, -2px); + -ms-transform: translate(0, -2px); + -o-transform: translate(0, -2px); + transform: translate(0, -2px) +} +.badge-success { + background-color: #7ace4c +} +.badge-info { + background-color: #41b3f9 +} +.badge-warning { + background-color: #fb4 +} +.badge-danger { + background-color: #f33155 +} +.badge-purple { + background-color: #707cd2 +} +.badge-red { + background-color: #f33155 +} +.badge-inverse { + background-color: #4c5667 +} +.notify { + position: relative; + margin-top: -30px +} +.notify .heartbit { + position: absolute; + top: -20px; + right: -16px; + height: 25px; + width: 25px; + z-index: 10; + border: 5px solid #f33155; + border-radius: 70px; + -moz-animation: heartbit 1s ease-out; + -moz-animation-iteration-count: infinite; + -o-animation: heartbit 1s ease-out; + -o-animation-iteration-count: infinite; + -webkit-animation: heartbit 1s ease-out; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite +} +.notify .point { + width: 6px; + height: 6px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; + background-color: #f33155; + position: absolute; + right: -6px; + top: -10px +} +@-moz-keyframes heartbit { + 0% { + -moz-transform: scale(0); + opacity: 0 + } + 25% { + -moz-transform: scale(.1); + opacity: .1 + } + 50% { + -moz-transform: scale(.5); + opacity: .3 + } + 75% { + -moz-transform: scale(.8); + opacity: .5 + } + 100% { + -moz-transform: scale(1); + opacity: 0 + } +} +@-webkit-keyframes heartbit { + 0% { + -webkit-transform: scale(0); + opacity: 0 + } + 25% { + -webkit-transform: scale(.1); + opacity: .1 + } + 50% { + -webkit-transform: scale(.5); + opacity: .3 + } + 75% { + -webkit-transform: scale(.8); + opacity: .5 + } + 100% { + -webkit-transform: scale(1); + opacity: 0 + } +} +.text-white { + color: #fff +} +.text-danger { + color: #f33155 +} +.text-muted { + color: #8d9ea7 +} +.text-warning { + color: #fb4 +} +.text-success { + color: #7ace4c +} +.text-info { + color: #41b3f9 +} +.text-inverse { + color: #4c5667 +} +.text-blue { + color: #02bec9 +} +.text-purple { + color: #707cd2 +} +.text-primary { + color: #7460ee +} +.text-megna { + color: #01c0c8 +} +.text-dark { + color: #313131!important +} +.fw-500 { + font-weight: 500 +} +.bg-primary { + background-color: #7460ee!important +} +.bg-success { + background-color: #7ace4c!important +} +.bg-info { + background-color: #41b3f9!important +} +.bg-warning { + background-color: #fb4!important +} +.bg-danger, +.bg-theme-alt { + background-color: #f33155!important +} +.bg-theme { + background-color: #2cabe3!important +} +.bg-theme-dark { + background-color: #4f5467!important +} +.bg-inverse { + background-color: #4c5667!important +} +.bg-purple { + background-color: #707cd2!important +} +.bg-white { + background-color: #fff!important +} +.bg-light { + background-color: #e4e7ea!important +} +.bg-extralight { + background-color: #f7fafc!important +} +.label { + letter-spacing: .05em; + border-radius: 60px; + padding: 4px 12px 3px; + font-weight: 500 +} +.label-rouded, +.label-rounded { + border-radius: 60px; + padding: 4px 12px 3px; + font-weight: 500 +} +.label-custom { + background-color: #01c0c8 +} +.label-success { + background-color: #7ace4c +} +.label-info { + background-color: #41b3f9 +} +.label-warning { + background-color: #fb4 +} +.label-danger { + background-color: #f33155 +} +.label-megna { + background-color: #01c0c8 +} +.label-primary { + background-color: #7460ee +} +.label-purple { + background-color: #707cd2 +} +.label-red { + background-color: #f33155 +} +.label-inverse { + background-color: #4c5667 +} +.label-white { + background-color: #fff +} +.label-default { + background-color: #e4e7ea +} +.dropdown-menu { + border: 1px solid rgba(120, 130, 140, .13); + border-radius: 0; + box-shadow: 0 3px 12px rgba(0, 0, 0, .05)!important; + -webkit-box-shadow: 0!important; + -moz-box-shadow: 0!important; + padding-bottom: 8px; + margin-top: 0 +} +.dropdown-menu>li>a { + padding: 9px 20px +} +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover { + background: #f7fafc +} +.navbar-top-links .progress { + margin-bottom: 6px +} +label { + font-weight: 500 +} +.btn { + border-radius: 3px +} +.form-control { + background-color: #fff; + border: 1px solid #e4e7ea; + border-radius: 0; + box-shadow: 4px; + color: #565656; + height: 38px; + max-width: 100%; + padding: 7px 12px; + transition: all 300ms linear 0s +} +.form-control:focus { + box-shadow: none; + border-color: #263238 +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5 +} +.input-lg { + height: 44px; + padding: 5px 10px; + font-size: 18px +} +.bootstrap-tagsinput { + border: 1px solid #e4e7ea; + border-radius: 0; + box-shadow: none; + display: block; + padding: 7px 12px +} +.bootstrap-touchspin .input-group-btn-vertical>.btn { + padding: 9px 10px +} +.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down, +.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { + border-radius: 0 +} +.input-group-btn .btn { + padding: 8px 12px +} +.form-group, +.form-horizontal .form-group { + margin-bottom: 25px +} +.list-group-item, +.list-group-item:first-child, +.list-group-item:last-child { + border-radius: 0; + border-color: rgba(120, 130, 140, .13) +} +.list-group-item.active, +.list-group-item.active:focus, +.list-group-item.active:hover { + background: #41b3f9; + border-color: #41b3f9 +} +.list-task .list-group-item, +.list-task .list-group-item:first-child { + border-radius: 0; + border: 0 +} +.list-task .list-group-item:last-child { + border-radius: 0; + border: 0 +} +.media { + border: 1px solid rgba(120, 130, 140, .13); + margin-bottom: 10px; + padding: 15px +} +.media .media-heading { + font-weight: 500 +} +.well, +pre { + background: #fff; + border-radius: 0 +} +.nav-tabs>li>a { + border-radius: 0; + color: #263238 +} +.nav-tabs>li>a:focus, +.nav-tabs>li>a:hover { + background: #fff +} +.modal-content { + border-radius: 0; + box-shadow: 0 5px 15px rgba(0, 0, 0, .1) +} +.alert { + border-radius: 0 +} +.carousel-control { + width: 8% +} +.carousel-control span { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + font-size: 30px +} +.popover { + border-radius: 0; + z-index: 100 +} +.popover-title { + padding: 5px 14px +} +.container-fluid { + padding-left: 25px; + padding-right: 25px; + padding-bottom: 15px +} +.btn-group-vertical>.btn:first-child:not(:last-child), +.btn-group-vertical>.btn:last-child:not(:first-child) { + border-radius: 0 +} +.table-responsive { + overflow-y: hidden +} +.pagination>li:first-child>a, +.pagination>li:first-child>span { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} +.pagination>li:last-child>a, +.pagination>li:last-child>span { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} +.pagination>li>a, +.pagination>li>span { + color: #263238 +} +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover { + background-color: #e4e7ea +} +.pagination-split li { + margin-left: 5px; + display: inline-block; + float: left +} +.pagination-split li:first-child { + margin-left: 0 +} +.pagination-split li a { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0 +} +.pagination>.active>a, +.pagination>.active>a:focus, +.pagination>.active>a:hover, +.pagination>.active>span, +.pagination>.active>span:focus, +.pagination>.active>span:hover { + background-color: #2cabe3; + border-color: #2cabe3 +} +.pager li>a, +.pager li>span { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + color: #263238 +} +.table-box { + display: table; + width: 100% +} +.cell { + display: table-cell; + vertical-align: middle +} +.jqstooltip { + width: auto!important; + height: auto!important +} +#wrapper { + width: 100% +} +#page-wrapper { + padding: 0 0 60px; + min-height: 568px; + background: #edf1f5 +} +.footer { + bottom: 0; + color: #58666e; + left: 240px; + padding: 20px 30px; + position: absolute; + right: 0; + background: #fff +} +.bg-title { + background: #fff; + overflow: hidden; + padding: 15px 10px 9px; + margin-bottom: 25px; + margin-left: -25.5px; + margin-right: -25.5px +} +.bg-title h4 { + text-transform: uppercase; + font-size: 14px; + font-weight: 500; + margin-top: 6px +} +.bg-title .breadcrumb { + background: 0 0; + margin-bottom: 0; + float: right; + padding: 0; + margin-top: 8px +} +.bg-title .breadcrumb a { + color: rgba(0, 0, 0, .5) +} +.bg-title .breadcrumb a:hover { + color: #000 +} +.bg-title .breadcrumb .active { + color: #2cabe3 +} +.logo b { + height: 60px; + float: left; + padding-left: 10px; + width: auto; + line-height: 59px; + text-align: center +} +.logo i { + color: #fff +} +.top-left-part { + width: 240px; + float: left; + border-right: 1px solid rgba(0, 0, 0, .08) +} +.top-left-part a { + color: #fff; + line-height: 59px; + font-size: 18px; + padding-left: 10px; + text-transform: uppercase +} +.top-left-part .light-logo { + display: none +} +.navbar-header { + width: 100%; + background: #3c4451; + border: 0 +} +.navbar-default { + border: 0 +} +.navbar-top-links { + margin-right: 0 +} +.navbar-top-links .badge { + position: absolute; + right: 6px; + top: 15px +} +.navbar-top-links>li { + float: left +} +.navbar-top-links>li>a { + color: #fff; + padding: 0 14px; + line-height: 60px; + min-height: 60px +} +.navbar-top-links>li>a:hover { + background: rgba(0, 0, 0, .1) +} +.navbar-top-links>li>a:focus { + background: rgba(0, 0, 0, 0) +} +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + background: rgba(255, 255, 255, .2) +} +.navbar-top-links .dropdown-menu li { + display: block +} +.navbar-top-links .dropdown-menu li:last-child { + margin-right: 0 +} +.navbar-top-links .dropdown-menu li a div { + white-space: normal +} +.navbar-top-links .dropdown-alerts, +.navbar-top-links .dropdown-messages, +.navbar-top-links .dropdown-tasks { + width: 310px; + min-width: 0 +} +.navbar-top-links .dropdown-user { + right: 0; + left: auto; + width: 280px +} +.navbar-top-links .dropdown-user .dw-user-box { + padding: 15px +} +.navbar-top-links .dropdown-user .dw-user-box .u-img { + width: 80px; + display: inline-block; + vertical-align: top +} +.navbar-top-links .dropdown-user .dw-user-box .u-img img { + width: 100%; + border-radius: 5px +} +.navbar-top-links .dropdown-user .dw-user-box .u-text { + display: inline-block; + padding-left: 10px +} +.navbar-top-links .dropdown-user .dw-user-box .u-text h4 { + margin: 0 +} +.navbar-top-links .dropdown-user .dw-user-box .u-text p { + margin-bottom: 3px +} +.navbar-header .navbar-toggle { + float: none; + padding: 0 15px; + line-height: 60px; + border: 0; + color: rgba(255, 255, 255, .5); + margin: 0; + display: inline-block; + border-radius: 0 +} +.navbar-header .navbar-toggle:focus, +.navbar-header .navbar-toggle:hover { + background: rgba(0, 0, 0, .3); + color: #fff +} +.app-search { + position: relative; + margin: 0 +} +.app-search a { + position: absolute; + top: 20px; + right: 10px; + color: #4c5667 +} +.app-search .form-control, +.app-search .form-control:focus { + border: none; + font-size: 13px; + color: #4c5667; + padding-left: 20px; + padding-right: 40px; + background: rgba(255, 255, 255, .9); + box-shadow: none; + height: 30px; + font-weight: 600; + width: 180px; + display: inline-block; + line-height: 30px; + margin-top: 15px; + border-radius: 40px; + transition: .5s ease-out +} +.app-search .form-control::-moz-placeholder { + color: #4c5667; + opacity: .5 +} +.app-search .form-control::-webkit-input-placeholder { + color: #4c5667; + opacity: .5 +} +.app-search .form-control::-ms-placeholder { + color: #4c5667; + opacity: .5 +} +.nav-small-cap { + color: #a6afbb; + cursor: default; + font-weight: 500; + text-transform: uppercase; + font-size: 13px; + letter-spacing: .035em; + padding: 12px 15px!important; + pointer-events: none; + margin: 20px 0 0 -15px +} +.profile-pic { + padding: 0 20px; + line-height: 50px +} +.profile-pic img { + margin-right: 10px +} +.drop-title { + border-bottom: 1px solid rgba(0, 0, 0, .1); + color: #263238; + font-size: 15px; + font-weight: 600; + padding: 11px 20px 15px +} +.btn-outline { + color: inherit; + background-color: transparent; + transition: all .5s +} +.btn-rounded { + border-radius: 60px +} +.btn-custom, +.btn-custom.disabled { + background: #2cabe3; + border: 1px solid #2cabe3; + color: #fff +} +.btn-custom.disabled.focus, +.btn-custom.disabled:focus, +.btn-custom.disabled:hover, +.btn-custom.focus, +.btn-custom:focus, +.btn-custom:hover { + background: #2cabe3; + opacity: .8; + color: #fff; + border: 1px solid #2cabe3 +} +.btn-primary, +.btn-primary.disabled { + background: #7460ee; + border: 1px solid #7460ee +} +.btn-primary.disabled.focus, +.btn-primary.disabled:focus, +.btn-primary.disabled:hover, +.btn-primary.focus, +.btn-primary:focus, +.btn-primary:hover { + background: #7460ee; + opacity: .8; + border: 1px solid #7460ee +} +.btn-success, +.btn-success.disabled { + background: #7ace4c; + border: 1px solid #7ace4c +} +.btn-success.disabled.focus, +.btn-success.disabled:focus, +.btn-success.disabled:hover, +.btn-success.focus, +.btn-success:focus, +.btn-success:hover { + background: #7ace4c; + opacity: .8; + border: 1px solid #7ace4c +} +.btn-info, +.btn-info.disabled { + background: #41b3f9; + border: 1px solid #41b3f9 +} +.btn-info.disabled.focus, +.btn-info.disabled:focus, +.btn-info.disabled:hover, +.btn-info.focus, +.btn-info:focus, +.btn-info:hover { + background: #41b3f9; + opacity: .8; + border: 1px solid #41b3f9 +} +.btn-warning, +.btn-warning.disabled { + background: #fb4; + border: 1px solid #fb4 +} +.btn-warning.disabled.focus, +.btn-warning.disabled:focus, +.btn-warning.disabled:hover, +.btn-warning.focus, +.btn-warning:focus, +.btn-warning:hover { + background: #fb4; + opacity: .8; + border: 1px solid #fb4 +} +.btn-danger, +.btn-danger.disabled { + background: #f33155; + border: 1px solid #f33155 +} +.btn-danger.disabled.focus, +.btn-danger.disabled:focus, +.btn-danger.disabled:hover, +.btn-danger.focus, +.btn-danger:focus, +.btn-danger:hover { + background: #f33155; + opacity: .8; + border: 1px solid #f33155 +} +.btn-default, +.btn-default.disabled { + background: #e4e7ea; + border: 1px solid #e4e7ea +} +.btn-default.disabled.focus, +.btn-default.disabled:focus, +.btn-default.disabled:hover, +.btn-default.focus, +.btn-default:focus, +.btn-default:hover { + opacity: .8; + border: 1px solid #e4e7ea; + background: #e4e7ea +} +.btn-default.btn-outline { + background-color: #fff +} +.btn-default.btn-outline.focus, +.btn-default.btn-outline:focus, +.btn-default.btn-outline:hover { + background: #e4e7ea +} +.btn-primary.btn-outline { + color: #7460ee; + background-color: #fff +} +.btn-primary.btn-outline.focus, +.btn-primary.btn-outline:focus, +.btn-primary.btn-outline:hover { + background: #7460ee; + color: #fff +} +.btn-success.btn-outline { + color: #7ace4c; + background-color: transparent +} +.btn-success.btn-outline.focus, +.btn-success.btn-outline:focus, +.btn-success.btn-outline:hover { + background: #7ace4c; + color: #fff +} +.btn-info.btn-outline { + color: #41b3f9; + background-color: transparent +} +.btn-info.btn-outline.focus, +.btn-info.btn-outline:focus, +.btn-info.btn-outline:hover { + background: #41b3f9; + color: #fff +} +.btn-warning.btn-outline { + color: #fb4; + background-color: transparent +} +.btn-warning.btn-outline.focus, +.btn-warning.btn-outline:focus, +.btn-warning.btn-outline:hover { + background: #fb4; + color: #fff +} +.btn-danger.btn-outline { + color: #f33155; + background-color: transparent +} +.btn-danger.btn-outline.focus, +.btn-danger.btn-outline:focus, +.btn-danger.btn-outline:hover { + background: #f33155; + color: #fff +} +.button-box .btn { + margin: 0 8px 8px 0 +} +.btn-danger.btn-outline:hover, +.btn-info.btn-outline:hover, +.btn-primary.btn-outline:hover, +.btn-success.btn-outline:hover, +.btn-warning.btn-outline:hover { + color: #fff +} +.btn-label { + background: rgba(0, 0, 0, .05); + display: inline-block; + margin: -6px 12px -6px -14px; + padding: 7px 15px +} +.btn-facebook { + color: #fff!important; + background-color: #3b5998!important +} +.btn-twitter { + color: #fff!important; + background-color: #55acee!important +} +.btn-linkedin { + color: #fff!important; + background-color: #007bb6!important +} +.btn-dribbble { + color: #fff!important; + background-color: #ea4c89!important +} +.btn-googleplus { + color: #fff!important; + background-color: #dd4b39!important +} +.btn-instagram { + color: #fff!important; + background-color: #3f729b!important +} +.btn-pinterest { + color: #fff!important; + background-color: #cb2027!important +} +.btn-dropbox { + color: #fff!important; + background-color: #007ee5!important +} +.btn-flickr { + color: #fff!important; + background-color: #ff0084!important +} +.btn-tumblr { + color: #fff!important; + background-color: #32506d!important +} +.btn-skype { + color: #fff!important; + background-color: #00aff0!important +} +.btn-youtube { + color: #fff!important; + background-color: #b00!important +} +.btn-github { + color: #fff!important; + background-color: #171515!important +} +.btn-primary.active.focus, +.btn-primary.active:focus, +.btn-primary.active:hover, +.btn-primary.focus, +.btn-primary.focus:active, +.btn-primary:active:focus, +.btn-primary:active:hover, +.btn-primary:focus, +.open>.dropdown-toggle.btn-primary.focus, +.open>.dropdown-toggle.btn-primary:focus, +.open>.dropdown-toggle.btn-primary:hover { + background-color: #7460ee; + border: 1px solid #7460ee +} +.btn-success.active.focus, +.btn-success.active:focus, +.btn-success.active:hover, +.btn-success.focus, +.btn-success.focus:active, +.btn-success:active:focus, +.btn-success:active:hover, +.btn-success:focus, +.open>.dropdown-toggle.btn-success.focus, +.open>.dropdown-toggle.btn-success:focus, +.open>.dropdown-toggle.btn-success:hover { + background-color: #7ace4c; + border: 1px solid #7ace4c +} +.btn-info.active.focus, +.btn-info.active:focus, +.btn-info.active:hover, +.btn-info.focus, +.btn-info.focus:active, +.btn-info:active:focus, +.btn-info:active:hover, +.btn-info:focus, +.open>.dropdown-toggle.btn-info.focus, +.open>.dropdown-toggle.btn-info:focus, +.open>.dropdown-toggle.btn-info:hover { + background-color: #41b3f9; + border: 1px solid #41b3f9 +} +.btn-warning.active.focus, +.btn-warning.active:focus, +.btn-warning.active:hover, +.btn-warning.focus, +.btn-warning.focus:active, +.btn-warning:active:focus, +.btn-warning:active:hover, +.btn-warning:focus, +.open>.dropdown-toggle.btn-warning.focus, +.open>.dropdown-toggle.btn-warning:focus, +.open>.dropdown-toggle.btn-warning:hover { + background-color: #fb4; + border: 1px solid #fb4 +} +.btn-danger.active.focus, +.btn-danger.active:focus, +.btn-danger.active:hover, +.btn-danger.focus, +.btn-danger.focus:active, +.btn-danger:active:focus, +.btn-danger:active:hover, +.btn-danger:focus, +.open>.dropdown-toggle.btn-danger.focus, +.open>.dropdown-toggle.btn-danger:focus, +.open>.dropdown-toggle.btn-danger:hover { + background-color: #f33155; + border: 1px solid #f33155 +} +.btn-inverse, +.btn-inverse.active, +.btn-inverse.focus, +.btn-inverse:active, +.btn-inverse:focus, +.btn-inverse:hover, +.open>.dropdown-toggle.btn-inverse { + background-color: #4c5667; + border: 1px solid #4c5667; + color: #fff +} +.chat { + margin: 0; + padding: 0; + list-style: none +} +.chat li { + margin-bottom: 10px; + padding-bottom: 5px; + border-bottom: 1px dotted rgba(120, 130, 140, .13) +} +.chat li.left .chat-body { + margin-left: 60px +} +.chat li.right .chat-body { + margin-right: 60px +} +.chat li .chat-body p { + margin: 0 +} +.chat .glyphicon, +.panel .slidedown .glyphicon { + margin-right: 5px +} +.chat-panel .panel-body { + height: 350px; + overflow-y: scroll +} +.login-panel { + margin-top: 25% +} +.flot-chart { + display: block; + height: 400px +} +.flot-chart-content { + width: 100%; + height: 100% +} +table.dataTable thead .sorting, +table.dataTable thead .sorting_asc, +table.dataTable thead .sorting_asc_disabled, +table.dataTable thead .sorting_desc, +table.dataTable thead .sorting_desc_disabled { + background: 0 0 +} +table.dataTable thead .sorting_asc:after { + content: "\f0de"; + float: right; + font-family: fontawesome +} +table.dataTable thead .sorting_desc:after { + content: "\f0dd"; + float: right; + font-family: fontawesome +} +table.dataTable thead .sorting:after { + content: "\f0dc"; + float: right; + font-family: fontawesome; + color: rgba(50, 50, 50, .5) +} +.btn-circle { + width: 30px; + height: 30px; + padding: 6px 0; + border-radius: 15px; + text-align: center; + font-size: 12px; + line-height: 1.428571429 +} +.btn-circle.btn-lg { + width: 50px; + height: 50px; + padding: 10px 16px; + border-radius: 25px; + font-size: 18px; + line-height: 1.33 +} +.btn-circle.btn-xl { + width: 70px; + height: 70px; + padding: 10px 16px; + border-radius: 35px; + font-size: 24px; + line-height: 1.33 +} +.show-grid [class^=col-] { + padding-top: 10px; + padding-bottom: 10px; + border: 1px solid rgba(120, 130, 140, .13); + background-color: #f7fafc +} +.show-grid { + margin: 15px 0 +} +.huge { + font-size: 40px +} +.white-box { + background: #fff; + padding: 25px; + margin-bottom: 30px +} +.white-box .box-title { + margin: 0 0 12px; + font-weight: 500; + text-transform: uppercase; + font-size: 16px +} +.panel { + border-radius: 0; + margin-bottom: 30px; + border: 0; + box-shadow: none +} +.panel .panel-heading { + border-radius: 0; + font-weight: 500; + font-size: 16px; + padding: 20px 25px +} +.panel .panel-heading .panel-title { + font-size: 16px; + color: #263238 +} +.panel .panel-heading a i { + font-size: 12px; + margin-left: 8px +} +.panel .panel-action { + float: right +} +.panel .panel-action a { + opacity: .5 +} +.panel .panel-action a:hover { + opacity: 1 +} +.panel .panel-body { + padding: 25px +} +.panel .panel-body:first-child h3 { + margin-top: 0; + font-weight: 500; + font-family: Rubik, sans-serif; + font-size: 14px; + text-transform: uppercase +} +.panel .panel-footer { + background: #fff; + border-radius: 0; + padding: 20px 25px +} +.panel-green, +.panel-success { + border-color: #7ace4c +} +.panel-green .panel-heading, +.panel-success .panel-heading { + border-color: #7ace4c; + color: #fff; + background-color: #7ace4c +} +.panel-green .panel-heading a, +.panel-success .panel-heading a { + color: #fff +} +.panel-green .panel-heading a:hover, +.panel-success .panel-heading a:hover { + color: rgba(255, 255, 255, .5) +} +.panel-green a, +.panel-success a { + color: #7ace4c +} +.panel-green a:hover, +.panel-success a:hover { + color: #56a12c +} +.panel-black, +.panel-inverse { + border-color: #4c5667 +} +.panel-black .panel-heading, +.panel-inverse .panel-heading { + border-color: #4c5667; + color: #fff; + background-color: #4c5667 +} +.panel-black .panel-heading a, +.panel-inverse .panel-heading a { + color: #fff +} +.panel-black .panel-heading a:hover, +.panel-inverse .panel-heading a:hover { + color: rgba(255, 255, 255, .5) +} +.panel-black a, +.panel-inverse a { + color: #4c5667 +} +.panel-black a:hover, +.panel-inverse a:hover { + color: #2c313b +} +.panel-darkblue, +.panel-primary { + border-color: #7460ee +} +.panel-darkblue .panel-heading, +.panel-primary .panel-heading { + border-color: #7460ee; + color: #fff; + background-color: #7460ee +} +.panel-darkblue .panel-heading a, +.panel-primary .panel-heading a { + color: #fff +} +.panel-darkblue .panel-heading a:hover, +.panel-primary .panel-heading a:hover { + color: rgba(255, 255, 255, .5) +} +.panel-darkblue a, +.panel-primary a { + color: #7460ee +} +.panel-darkblue a:hover, +.panel-primary a:hover { + color: #381be7 +} +.panel-blue, +.panel-info { + border-color: #41b3f9 +} +.panel-blue .panel-heading, +.panel-info .panel-heading { + border-color: #41b3f9; + color: #fff; + background-color: #41b3f9 +} +.panel-blue .panel-heading a, +.panel-info .panel-heading a { + color: #fff +} +.panel-blue .panel-heading a:hover, +.panel-info .panel-heading a:hover { + color: rgba(255, 255, 255, .5) +} +.panel-blue a, +.panel-info a { + color: #41b3f9 +} +.panel-blue a:hover, +.panel-info a:hover { + color: #0791e6 +} +.panel-danger, +.panel-red { + border-color: #f33155 +} +.panel-danger .panel-heading, +.panel-red .panel-heading { + border-color: #f33155; + color: #fff; + background-color: #f33155 +} +.panel-danger .panel-heading a, +.panel-red .panel-heading a { + color: #fff +} +.panel-danger .panel-heading a:hover, +.panel-red .panel-heading a:hover { + color: rgba(255, 255, 255, .5) +} +.panel-danger a, +.panel-red a { + color: #f33155 +} +.panel-danger a:hover, +.panel-red a:hover { + color: #cc0c2f +} +.panel-warning, +.panel-yellow { + border-color: #fb4 +} +.panel-warning .panel-heading, +.panel-yellow .panel-heading { + border-color: #fb4; + color: #fff; + background-color: #fb4 +} +.panel-warning .panel-heading a, +.panel-yellow .panel-heading a { + color: #fff +} +.panel-warning .panel-heading a:hover, +.panel-yellow .panel-heading a:hover { + color: rgba(255, 255, 255, .5) +} +.panel-warning a, +.panel-yellow a { + color: #fb4 +} +.panel-warning a:hover, +.panel-yellow a:hover { + color: #f69d00 +} +.panel-theme, +.panel-themecolor { + border-color: #2cabe3 +} +.panel-theme .panel-heading, +.panel-themecolor .panel-heading { + border-color: #2cabe3; + color: #fff; + background-color: #2cabe3 +} +.panel-theme .panel-heading a, +.panel-themecolor .panel-heading a { + color: #fff +} +.panel-theme .panel-heading a:hover, +.panel-themecolor .panel-heading a:hover { + color: rgba(255, 255, 255, .5) +} +.panel-theme a, +.panel-themecolor a { + color: #2cabe3 +} +.panel-theme a:hover, +.panel-themecolor a:hover { + color: #177eac +} +.panel-default, +.panel-white { + border-color: rgba(120, 130, 140, .13) +} +.panel-default .panel-heading, +.panel-white .panel-heading { + color: #263238; + background-color: #fff; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.panel-default .panel-body, +.panel-white .panel-body { + color: #263238 +} +.panel-default .panel-action a, +.panel-white .panel-action a { + color: #263238; + opacity: .5 +} +.panel-default .panel-action a:hover, +.panel-white .panel-action a:hover { + opacity: 1; + color: #263238 +} +.panel-default .panel-footer, +.panel-white .panel-footer { + background: #fff; + color: #263238; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-info { + border-color: #41b3f9 +} +.full-panel-info .panel-heading { + border-color: #41b3f9; + color: #fff; + background-color: #41b3f9; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-info .panel-body { + background: #41b3f9; + color: #fff +} +.full-panel-info .panel-footer { + background: #41b3f9; + color: #fff; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-info a { + color: #41b3f9 +} +.full-panel-info a:hover { + color: #0791e6 +} +.full-panel-warning { + border-color: #fb4 +} +.full-panel-warning .panel-heading { + border-color: #fb4; + color: #fff; + background-color: #fb4; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-warning .panel-body { + background: #fb4; + color: #fff +} +.full-panel-warning .panel-footer { + background: #fb4; + color: #fff; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-warning a { + color: #fb4 +} +.full-panel-warning a:hover { + color: #f69d00 +} +.full-panel-success { + border-color: #7ace4c +} +.full-panel-success .panel-heading { + border-color: #7ace4c; + color: #fff; + background-color: #7ace4c; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-success .panel-body { + background: #7ace4c; + color: #fff +} +.full-panel-success .panel-footer { + background: #7ace4c; + color: #fff; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-success a { + color: #7ace4c +} +.full-panel-success a:hover { + color: #56a12c +} +.full-panel-purple { + border-color: #707cd2 +} +.full-panel-purple .panel-heading { + color: #fff; + background-color: #707cd2; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-purple .panel-body { + background: #707cd2; + color: #fff +} +.full-panel-purple .panel-footer { + background: #707cd2; + color: #fff; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-purple a { + color: #707cd2 +} +.full-panel-purple a:hover { + color: #3b4abb +} +.full-panel-danger { + border-color: #f33155 +} +.full-panel-danger .panel-heading { + border-color: #f33155; + color: #fff; + background-color: #f33155; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-danger .panel-body { + background: #f33155; + color: #fff +} +.full-panel-danger .panel-footer { + background: #f33155; + color: #fff; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-danger a { + color: #f33155 +} +.full-panel-danger a:hover { + color: #cc0c2f +} +.full-panel-inverse { + border-color: #4c5667 +} +.full-panel-inverse .panel-heading { + border-color: #4c5667; + color: #fff; + background-color: #4c5667; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-inverse .panel-body { + background: #4c5667; + color: #fff +} +.full-panel-inverse .panel-footer { + background: #4c5667; + color: #fff; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-inverse a { + color: #4c5667 +} +.full-panel-inverse a:hover { + color: #2c313b +} +.full-panel-default { + border-color: rgba(120, 130, 140, .13) +} +.full-panel-default .panel-heading { + color: #263238; + background-color: #fff; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-default .panel-body { + color: #263238 +} +.full-panel-default .panel-footer { + background: #fff; + color: #263238; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.full-panel-default a { + color: #263238 +} +.full-panel-default a:hover { + color: #2c313b +} +.panel-opcl { + float: right +} +.panel-opcl i { + margin-left: 8px; + font-size: 10px; + cursor: pointer +} +.fa-fw { + width: 20px!important; + display: inline-block!important; + text-align: left!important +} +.waves-effect { + position: relative; + cursor: pointer; + display: inline-block; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent +} +.waves-effect .waves-ripple { + position: absolute; + border-radius: 50%; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + opacity: 0; + background: rgba(0, 0, 0, .08); + -webkit-transition: all .5s ease-out; + -moz-transition: all .5s ease-out; + -o-transition: all .5s ease-out; + transition: all .5s ease-out; + -webkit-transition-property: -webkit-transform, opacity; + -moz-transition-property: -moz-transform, opacity; + -o-transition-property: -o-transform, opacity; + transition-property: transform, opacity; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + pointer-events: none +} +.waves-effect.waves-light .waves-ripple { + background: rgba(255, 255, 255, .4); + background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%); + background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%); + background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%) +} +.waves-effect.waves-classic .waves-ripple { + background: rgba(0, 0, 0, .2) +} +.waves-effect.waves-classic.waves-light .waves-ripple { + background: rgba(255, 255, 255, .4) +} +.waves-notransition { + -webkit-transition: none!important; + -moz-transition: none!important; + -o-transition: none!important; + transition: none!important +} +.waves-button, +.waves-circle { + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%) +} +.waves-button, +.waves-button-input, +.waves-button:hover, +.waves-button:visited { + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + border: none; + outline: 0; + color: inherit; + background-color: rgba(0, 0, 0, 0); + font-size: 1em; + line-height: 1em; + text-align: center; + text-decoration: none; + z-index: 1 +} +.waves-button { + padding: .85em 1.1em; + border-radius: .2em +} +.waves-button-input { + margin: 0; + padding: .85em 1.1em +} +.waves-input-wrapper { + border-radius: .2em; + vertical-align: bottom +} +.waves-input-wrapper.waves-button { + padding: 0 +} +.waves-input-wrapper .waves-button-input { + position: relative; + top: 0; + left: 0; + z-index: 1 +} +.waves-circle { + text-align: center; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; + border-radius: 50% +} +.waves-float { + -webkit-mask-image: none; + -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12); + box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12); + -webkit-transition: all 300ms; + -moz-transition: all 300ms; + -o-transition: all 300ms; + transition: all 300ms +} +.waves-float:active { + -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3); + box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3) +} +.waves-block { + display: block +} +.common-list { + margin: 0; + padding: 0 +} +.common-list li { + list-style: none; + display: block +} +.common-list li a { + padding: 12px 0; + color: #313131; + display: block +} +.common-list li a:hover { + color: #2cabe3 +} +.checkbox { + padding-left: 20px +} +.checkbox label { + display: inline-block; + padding-left: 5px; + position: relative +} +.checkbox label::before { + -o-transition: .3s ease-in-out; + -webkit-transition: .3s ease-in-out; + background-color: #fff; + border-radius: 1px; + border: 1px solid rgba(120, 130, 140, .13); + content: ""; + display: inline-block; + height: 17px; + left: 0; + margin-left: -20px; + position: absolute; + transition: .3s ease-in-out; + width: 17px; + outline: 0!important +} +.checkbox label::after { + color: #263238; + display: inline-block; + font-size: 11px; + height: 16px; + left: 0; + margin-left: -20px; + padding-left: 3px; + padding-top: 1px; + position: absolute; + top: 0; + width: 16px +} +.checkbox input[type=checkbox] { + cursor: pointer; + opacity: 0; + z-index: 1; + outline: 0!important +} +.checkbox input[type=checkbox]:disabled+label { + opacity: .65 +} +.checkbox input[type=checkbox]:focus+label::before { + outline-offset: -2px; + outline: 0; + outline: dotted thin +} +.checkbox input[type=checkbox]:checked+label::after { + content: "\f00c"; + font-family: FontAwesome +} +.checkbox input[type=checkbox]:disabled+label::before { + background-color: #e4e7ea; + cursor: not-allowed +} +.checkbox.checkbox-circle label::before { + border-radius: 50% +} +.checkbox.checkbox-inline { + margin-top: 0 +} +.checkbox.checkbox-single label { + height: 17px +} +.checkbox-primary input[type=checkbox]:checked+label::before { + background-color: #7460ee; + border-color: #7460ee +} +.checkbox-primary input[type=checkbox]:checked+label::after { + color: #fff +} +.checkbox-danger input[type=checkbox]:checked+label::before { + background-color: #f33155; + border-color: #f33155 +} +.checkbox-danger input[type=checkbox]:checked+label::after { + color: #fff +} +.checkbox-info input[type=checkbox]:checked+label::before { + background-color: #41b3f9; + border-color: #41b3f9 +} +.checkbox-info input[type=checkbox]:checked+label::after { + color: #fff +} +.checkbox-warning input[type=checkbox]:checked+label::before { + background-color: #fb4; + border-color: #fb4 +} +.checkbox-warning input[type=checkbox]:checked+label::after { + color: #fff +} +.checkbox-success input[type=checkbox]:checked+label::before { + background-color: #7ace4c; + border-color: #7ace4c +} +.checkbox-success input[type=checkbox]:checked+label::after { + color: #fff +} +.checkbox-purple input[type=checkbox]:checked+label::before { + background-color: #707cd2; + border-color: #707cd2 +} +.checkbox-purple input[type=checkbox]:checked+label::after { + color: #fff +} +.checkbox-red input[type=checkbox]:checked+label::before { + background-color: #f33155; + border-color: #f33155 +} +.checkbox-red input[type=checkbox]:checked+label::after { + color: #fff +} +.checkbox-inverse input[type=checkbox]:checked+label::before { + background-color: #4c5667; + border-color: #4c5667 +} +.checkbox-inverse input[type=checkbox]:checked+label::after { + color: #fff +} +.radio { + padding-left: 20px +} +.radio label { + display: inline-block; + padding-left: 5px; + position: relative +} +.radio label::before { + -o-transition: border .5s ease-in-out; + -webkit-transition: border .5s ease-in-out; + background-color: #fff; + border-radius: 50%; + border: 1px solid rgba(120, 130, 140, .13); + content: ""; + display: inline-block; + height: 17px; + left: 0; + margin-left: -20px; + position: absolute; + transition: border .5s ease-in-out; + width: 17px; + outline: 0!important +} +.radio label::after { + -moz-transition: -moz-transform .3s cubic-bezier(.8, -.33, .2, 1.33); + -ms-transform: scale(0, 0); + -o-transform: scale(0, 0); + -o-transition: -o-transform .3s cubic-bezier(.8, -.33, .2, 1.33); + -webkit-transform: scale(0, 0); + -webkit-transition: -webkit-transform .3s cubic-bezier(.8, -.33, .2, 1.33); + background-color: #263238; + border-radius: 50%; + content: " "; + display: inline-block; + height: 7px; + left: 5px; + margin-left: -20px; + position: absolute; + top: 5px; + transform: scale(0, 0); + transition: transform .3s cubic-bezier(.8, -.33, .2, 1.33); + width: 7px +} +.radio input[type=radio] { + cursor: pointer; + opacity: 0; + z-index: 1; + outline: 0!important +} +.radio input[type=radio]:disabled+label { + opacity: .65 +} +.radio input[type=radio]:focus+label::before { + outline-offset: -2px; + outline: -webkit-focus-ring-color auto 5px; + outline: dotted thin +} +.radio input[type=radio]:checked+label::after { + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + -webkit-transform: scale(1, 1); + transform: scale(1, 1) +} +.radio input[type=radio]:disabled+label::before { + cursor: not-allowed +} +.radio.radio-inline { + margin-top: 0 +} +.radio.radio-single label { + height: 17px +} +.radio-primary input[type=radio]+label::after { + background-color: #7460ee +} +.radio-primary input[type=radio]:checked+label::before { + border-color: #7460ee +} +.radio-primary input[type=radio]:checked+label::after { + background-color: #7460ee +} +.radio-danger input[type=radio]+label::after { + background-color: #f33155 +} +.radio-danger input[type=radio]:checked+label::before { + border-color: #f33155 +} +.radio-danger input[type=radio]:checked+label::after { + background-color: #f33155 +} +.radio-info input[type=radio]+label::after { + background-color: #41b3f9 +} +.radio-info input[type=radio]:checked+label::before { + border-color: #41b3f9 +} +.radio-info input[type=radio]:checked+label::after { + background-color: #41b3f9 +} +.radio-warning input[type=radio]+label::after { + background-color: #fb4 +} +.radio-warning input[type=radio]:checked+label::before { + border-color: #fb4 +} +.radio-warning input[type=radio]:checked+label::after { + background-color: #fb4 +} +.radio-success input[type=radio]+label::after { + background-color: #7ace4c +} +.radio-success input[type=radio]:checked+label::before { + border-color: #7ace4c +} +.radio-success input[type=radio]:checked+label::after { + background-color: #7ace4c +} +.radio-purple input[type=radio]+label::after { + background-color: #707cd2 +} +.radio-purple input[type=radio]:checked+label::before { + border-color: #707cd2 +} +.radio-purple input[type=radio]:checked+label::after { + background-color: #707cd2 +} +.radio-red input[type=radio]+label::after { + background-color: #f33155 +} +.radio-red input[type=radio]:checked+label::before { + border-color: #f33155 +} +.radio-red input[type=radio]:checked+label::after { + background-color: #f33155 +} +.fileupload { + overflow: hidden; + position: relative +} +.fileupload input.upload { + cursor: pointer; + filter: alpha(opacity=0); + font-size: 20px; + margin: 0; + opacity: 0; + padding: 0; + position: absolute; + right: 0; + top: 0 +} +.model_img { + cursor: pointer +} +.myadmin-dd .dd-list .dd-item .dd-handle { + background: #fff; + border: 1px solid rgba(120, 130, 140, .13); + padding: 8px 16px; + height: auto; + font-weight: 600; + border-radius: 0 +} +.myadmin-dd .dd-list .dd-item .dd-handle:hover { + color: #41b3f9 +} +.myadmin-dd .dd-list .dd-item button { + height: auto; + font-size: 17px; + margin: 8px auto; + color: #263238; + width: 30px +} +.myadmin-dd-empty .dd-list .dd3-handle { + border: 1px solid rgba(120, 130, 140, .13); + border-bottom: 0; + background: #fff; + height: 36px; + width: 36px +} +.myadmin-dd-empty .dd-list .dd3-handle:before { + color: inherit; + top: 7px +} +.myadmin-dd-empty .dd-list .dd3-handle:hover { + color: #41b3f9 +} +.myadmin-dd-empty .dd-list .dd3-content { + height: auto; + border: 1px solid rgba(120, 130, 140, .13); + padding: 8px 16px 8px 46px; + background: #fff; + font-weight: 600 +} +.myadmin-dd-empty .dd-list .dd3-content:hover { + color: #41b3f9 +} +.myadmin-dd-empty .dd-list button { + width: 26px; + height: 26px; + font-size: 16px; + font-weight: 600 +} +.settings_box { + position: absolute; + top: 75px; + right: 0; + z-index: 100 +} +.settings_box a { + background: #fff; + padding: 15px; + display: inline-block; + vertical-align: top +} +.settings_box a i { + display: block; + -webkit-animation-name: rotate; + -webkit-animation-duration: 2s; + -moz-animation-name: rotate; + -moz-animation-duration: 2s; + -moz-animation-iteration-count: infinite; + -moz-animation-timing-function: linear; + animation-name: rotate; + font-size: 16px; + animation-duration: 1s; + animation-iteration-count: infinite; + animation-timing-function: linear +} +@-webkit-keyframes rotate { + from { + -webkit-transform: rotate(0deg) + } + to { + -webkit-transform: rotate(360deg) + } +} +@-moz-keyframes rotate { + from { + -moz-transform: rotate(0deg) + } + to { + -moz-transform: rotate(360deg) + } +} +@keyframes rotate { + from { + transform: rotate(0deg) + } + to { + transform: rotate(360deg) + } +} +.theme_color { + margin: 0; + padding: 0; + display: inline-block; + overflow: hidden; + width: 0; + transition: .5s ease-out; + background: #fff +} +.theme_color li { + list-style: none; + width: 30%; + float: left; + margin: 0 1.5% +} +.theme_color li a { + padding: 5px; + height: 50px; + display: block +} +.theme_color li a.theme-green { + background: #7ace4c +} +.theme_color li a.theme-red { + background: #f33155 +} +.theme_color li a.theme-dark { + background: #4c5667 +} +.theme_block { + width: 200px; + padding: 30px +} +ul.common li { + display: inline-block; + line-height: 40px; + list-style: none none; + width: 48% +} +ul.common li a { + color: #313131 +} +ul.common li a:hover { + color: #41b3f9 +} +.circle { + border-radius: 100%; + text-align: center; + color: #fff +} +.circle-sm { + width: 40px; + padding-top: 12px; + height: 40px; + font-size: 14px!important +} +.circle-md { + width: 60px; + padding-top: 15px; + height: 60px; + font-size: 24px!important +} +.circle-lg { + width: 80px; + padding-top: 20px; + height: 80px; + font-size: 30px!important +} +.row-in i { + font-size: 24px +} +.megamenu { + left: 0; + right: 0; + width: 100% +} +.mega-dropdown { + position: static!important +} +.mega-dropdown-menu { + padding: 20px 20px 20px 80px; + width: 100%; + -webkit-box-shadow: none; + border: 0; + box-shadow: 0 2px 10px rgba(0, 0, 0, .1)!important +} +.mega-dropdown-menu>li>ul { + padding: 0; + margin: 0 +} +.mega-dropdown-menu>li>ul>li { + list-style: none +} +.mega-dropdown-menu>li>ul>li>a { + display: block; + padding: 8px 0; + clear: both; + line-height: 1.428571429; + color: #313131; + white-space: normal +} +.mega-dropdown-menu>li>ul>li>a:focus, +.mega-dropdown-menu>li>ul>li>a:hover { + text-decoration: none; + color: #2cabe3 +} +.mega-dropdown-menu .dropdown-header { + font-size: 16px; + font-weight: 500; + padding: 8px 0; + margin-top: 12px +} +.mega-dropdown-menu li.demo-box a { + color: #fff; + display: block +} +.mega-dropdown-menu li.demo-box a:hover { + opacity: .8 +} +.mailbox { + width: 280px; + overflow: auto; + padding-bottom: 0 +} +.message-center a { + border-bottom: 1px solid rgba(120, 130, 140, .13); + display: block; + padding: 9px 15px +} +.message-center a:hover { + background: #f7fafc +} +.message-center .user-img { + width: 40px; + float: left; + position: relative; + margin: 0 10px 15px 0 +} +.message-center .user-img img { + width: 100% +} +.message-center .user-img .profile-status { + border: 2px solid #fff; + border-radius: 50%; + display: inline-block; + height: 10px; + left: 30px; + position: absolute; + top: 1px; + width: 10px +} +.message-center .user-img .online { + background: #7ace4c +} +.message-center .user-img .busy { + background: #f33155 +} +.message-center .user-img .away, +.message-center .user-img .offline { + background: #fb4 +} +.message-center .mail-contnet h5 { + margin: 0; + font-weight: 400; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap +} +.message-center .mail-contnet .mail-desc { + font-size: 12px; + display: block; + margin: 5px 0; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + color: #263238 +} +.message-center .mail-contnet .time { + display: block; + font-size: 10px; + color: #263238 +} +.mail-contnet a.action { + margin-left: 10px; + font-size: 12px; + visibility: hidden +} +.mail-contnet:hover a.action { + visibility: visible +} +.inbox-center td { + white-space: nowrap +} +.inbox-center .unread td { + font-weight: 400 +} +.inbox-center a { + color: #313131; + padding: 2px 0 3px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block +} +.comment-center { + margin: 0 -25px +} +.comment-center .comment-body { + border-bottom: 1px solid rgba(120, 130, 140, .13); + display: table; + width: 100%; + padding: 20px 25px +} +.comment-center .comment-body:hover { + background: #f7fafc +} +.comment-center .user-img { + width: 40px; + display: table-cell; + position: relative; + margin: 0 10px 0 0 +} +.comment-center .user-img img { + width: 100% +} +.comment-center .mail-contnet { + display: table-cell; + padding-left: 15px; + vertical-align: top +} +.comment-center .mail-contnet h5 { + margin-top: 0; + font-weight: 400; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap +} +.comment-center .mail-contnet .mail-desc { + font-size: 14px; + display: block; + margin: 15px 0; + line-height: 25px; + color: #848a96; + overflow: hidden; + max-height: 52px; + text-overflow: ellipsis +} +.comment-center .mail-contnet .time { + display: inline-block; + font-size: 12px; + color: #98a6ad +} +.sales-report { + background: #f7fafc; + margin: 12px -25px; + padding: 15px +} +.dropdown-alerts, +.dropdown-tasks { + padding: 0 +} +.dropdown-alerts li a, +.dropdown-tasks li a, +.mailbox li>a { + padding: 15px 20px +} +.dropdown-alerts li.divider, +.dropdown-tasks li.divider { + margin: 0 +} +.row-in-br { + border-right: 1px solid rgba(120, 130, 140, .13) +} +.col-in { + list-style: none; + padding: 0; + margin: 0 +} +.col-in li { + display: inline-block; + vertical-align: middle; + padding: 0 10px +} +.col-in li .circle { + display: inline-block +} +.col-in li.col-middle { + width: 40% +} +.col-in li.col-last { + float: right +} +.col-in h3 { + font-size: 36px; + font-weight: 100 +} +.basic-list { + padding: 0 +} +.basic-list li { + display: block; + padding: 15px 0; + border-bottom: 1px solid rgba(120, 130, 140, .13); + line-height: 27px +} +.basic-list li:last-child { + border-bottom: 0 +} +.steamline { + position: relative; + border-left: 1px solid rgba(120, 130, 140, .13); + margin-left: 20px +} +.steamline .sl-left { + float: left; + margin-left: -20px; + z-index: 1; + width: 40px; + line-height: 40px; + text-align: center; + height: 40px; + border-radius: 100%; + color: #fff; + background: #263238; + margin-right: 15px +} +.steamline .sl-left img { + max-width: 40px +} +.steamline .sl-right { + padding-left: 50px +} +.steamline .sl-right .desc, +.steamline .sl-right .inline-photos { + margin-bottom: 30px +} +.steamline .sl-right div>a { + color: #263238; + font-weight: 400 +} +.steamline .sl-item { + border-bottom: 1px solid rgba(120, 130, 140, .13); + margin: 20px 0 +} +.sl-date { + font-size: 10px; + color: #98a6ad +} +.time-item { + /*border-color: $border;*/ + padding-bottom: 1px; + position: relative +} +.time-item:before { + content: " "; + display: table +} +.time-item:after { + background-color: #fff; + border-color: rgba(120, 130, 140, .13); + border-radius: 10px; + border-style: solid; + border-width: 2px; + bottom: 0; + content: ''; + height: 14px; + left: 0; + margin-left: -8px; + position: absolute; + top: 5px; + width: 14px +} +.time-item-item:after { + content: " "; + display: table +} +.item-info { + margin-bottom: 15px; + margin-left: 15px +} +.item-info p { + margin-bottom: 10px!important +} +.user-bg { + margin: -25px; + height: 230px; + overflow: hidden; + position: relative +} +.user-bg .overlay-box { + background: #707cd2; + opacity: .9; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 100%; + text-align: center +} +.user-bg .overlay-box .user-content { + padding: 15px; + margin-top: 30px +} +.user-btm-box { + padding: 40px 0 10px; + clear: both; + overflow: hidden +} +.vertical .carousel-inner { + height: 100%; + position: relative +} +.carousel.vertical .item { + -webkit-transition: .6s ease-in-out top; + -moz-transition: .6s ease-in-out top; + -ms-transition: .6s ease-in-out top; + -o-transition: .6s ease-in-out top; + transition: .6s ease-in-out top +} +.carousel.vertical .active { + top: 0 +} +.carousel.vertical .next { + top: 400px +} +.carousel.vertical .prev { + top: -400px +} +.carousel.vertical .next.left, +.carousel.vertical .prev.right { + top: 0 +} +.carousel.vertical .active.left { + top: -400px +} +.carousel.vertical .active.right { + top: 400px +} +.carousel.vertical .item { + left: 0 +} +.twi-user img { + margin-right: 20px; + width: 50px +} +.twi-user { + margin: 18px 0 +} +.carousel-inner h3 { + overflow: hidden +} +.carousel-inner>.item>img { + width: 100% +} +.chart-box { + margin: 25px -15px -17px -17px +} +.chat-list { + list-style: none; + padding: 0 20px +} +.chat-list li { + margin-bottom: 24px; + overflow: auto +} +.chat-list .chat-image { + display: inline-block; + float: left; + text-align: center; + width: 50px +} +.chat-list .chat-image img { + border-radius: 100%; + width: 100% +} +.chat-list .chat-text { + background: #e5f7ff; + border-radius: 0 8px 8px; + display: inline-block; + padding: 15px; + font-size: 14px; + position: relative +} +.chat-list .chat-text h4 { + color: #1a2942; + display: block; + font-size: 14px; + font-style: normal; + font-weight: 500; + margin: 0; + line-height: 15px; + position: relative +} +.chat-list .chat-text p { + margin: 0; + padding-top: 3px +} +.chat-list .chat-text b { + font-size: 10px; + opacity: .8 +} +.chat-list .chat-body { + display: inline-block; + float: left; + font-size: 12px; + margin-left: 12px; + width: 65% +} +.chat-list .odd .chat-image { + float: right!important +} +.chat-list .odd .chat-body { + float: right!important; + margin-right: 12px; + text-align: right +} +.chat-list .odd .chat-text { + background: #f7f7f7; + border-radius: 8px 0 8px 8px +} +.chat-send { + padding-left: 0; + padding-right: 30px +} +.chat-send button { + width: 100% +} +.weather-box .weather-top { + overflow: hidden; + padding: 10px 25px; + margin: 0 -25px; + background: #f7fafc +} +.weather-box .weather-top h2 { + line-height: 24px +} +.weather-box .weather-top h2 small { + font-size: 13px +} +.weather-box .weather-top .today_crnt { + font-size: 45px; + font-weight: 100 +} +.weather-box .weather-top .today_crnt canvas { + display: inline-block; + margin-right: 10px; + vertical-align: middle +} +.weather-box .weather-info { + padding: 10px 0 +} +.weather-box .weather-time { + overflow: hidden; + text-align: center; + padding-top: 15px +} +.weather-box .weather-time li span { + display: block +} +.weather-box .weather-time li canvas { + font-size: 20px; + margin: 10px 0 +} +.demo-container { + width: 100%; + height: 350px +} +.demo-placeholder { + width: 100%; + height: 100%; + font-size: 14px; + line-height: 1.2em +} +.myadmin-alert { + border-radius: 0; + color: #fff; + padding: 12px 30px 12px 12px; + position: relative; + text-align: left +} +.myadmin-alert a { + color: inherit; + font-weight: 600; + text-decoration: underline +} +.myadmin-alert h4 { + color: inherit; + font-size: 14px; + font-weight: 600; + line-height: normal; + margin: 0 +} +.myadmin-alert .img { + border-radius: 3px; + height: 40px; + left: 12px; + position: absolute; + top: 12px; + width: 40px +} +.myadmin-alert-img { + min-height: 64px; + padding-left: 65px +} +.myadmin-alert-icon { + padding-left: 20px +} +.myadmin-alert-icon i { + padding-right: 10px +} +.myadmin-alert .closed { + color: rgba(255, 255, 255, .5); + font-size: 20px; + font-weight: 500; + padding: 4px; + position: absolute; + right: 3px; + text-decoration: none; + top: 0 +} +.myadmin-alert .closed:hover { + color: #fff +} +.myadmin-alert-click { + cursor: pointer; + padding-right: 12px +} +.myadmin-alert .primary { + background: rgba(0, 0, 0, .4); + border: none; + border-radius: 3px; + color: inherit; + outline: 0; + padding: 4px 10px +} +.myadmin-alert .cancel { + background: rgba(255, 255, 255, .4); + border: none; + border-radius: 3px; + color: rgba(0, 0, 0, .8); + outline: 0; + padding: 4px 10px +} +.myadmin-alert .cancel:hover, +.myadmin-alert .primary:hover { + opacity: .9 +} +.myadmin-alert-bottom, +.myadmin-alert-bottom-left, +.myadmin-alert-bottom-right, +.myadmin-alert-fullscreen, +.myadmin-alert-top, +.myadmin-alert-top-left, +.myadmin-alert-top-right { + box-shadow: 2px 2px 2px rgba(0, 0, 0, .1); + display: none; + position: fixed; + z-index: 1000 +} +.myadmin-alert-top { + left: 0; + right: 0; + top: 0 +} +.myadmin-alert-bottom { + bottom: 0; + left: 0; + right: 0 +} +.myadmin-alert-top-left { + left: 20px; + top: 80px +} +.myadmin-alert-top-right { + right: 20px; + top: 80px +} +.myadmin-alert-bottom-left { + bottom: 20px; + left: 20px +} +.myadmin-alert-bottom-right { + bottom: 20px; + right: 20px +} +.myadmin-alert-fullsize { + left: 50%; + margin: -20px; + top: 50% +} +.alert-custom { + background: #2cabe3; + color: #fff; + border-color: #2cabe3 +} +.alert-inverse { + background: #4c5667; + color: #fff; + border-color: #4c5667 +} +.alert-success { + background: #7ace4c; + color: #fff; + border-color: #7ace4c +} +.alert-dark { + background: #313131; + color: #fff; + border-color: #313131 +} +.alert-warning { + background: #fb4; + color: #fff; + border-color: #fb4 +} +.alert-danger { + background: #f33155; + color: #fff; + border-color: #f33155 +} +.alert-primary { + background: #707cd2; + color: #fff; + border-color: #707cd2 +} +.alert-info { + background: #41b3f9; + color: #fff; + border-color: #41b3f9 +} +.alert-info .closed, +.alert-info a.closed:hover { + color: inherit +} +.tab-content { + margin-top: 30px +} +.customtab { + border-bottom: 2px solid #f7fafc +} +.customtab li.active a, +.customtab li.active a:focus, +.customtab li.active a:hover { + background: #fff; + border: 0; + border-bottom: 2px solid #2cabe3; + margin-bottom: -1px; + color: #2cabe3 +} +.customtab li a, +.customtab li a:focus, +.customtab li a:hover { + border: 0 +} +.customtab2 { + border-bottom: 1px solid #f7fafc; + border-top: 1px solid #f7fafc; + padding: 10px 0 +} +.customtab2 li.active a, +.customtab2 li.active a:focus, +.customtab2 li.active a:hover { + background: #2cabe3; + border: 1px solid #2cabe3; + color: #fff +} +.customtab2 li a, +.customtab2 li a:focus, +.customtab2 li a:hover { + border: 0 +} +.vtabs { + display: table +} +.vtabs .tabs-vertical { + width: 150px; + border-right: 1px solid rgba(120, 130, 140, .13); + display: table-cell; + vertical-align: top +} +.vtabs .tabs-vertical li a { + color: #263238; + margin-bottom: 10px +} +.vtabs .tab-content { + display: table-cell; + padding: 20px; + vertical-align: top +} +.tabs-vertical li.active a, +.tabs-vertical li.active a:focus, +.tabs-vertical li.active a:hover { + background: #2cabe3; + border: 0; + border-right: 2px solid #2cabe3; + margin-right: -1px; + color: #fff +} +.customvtab .tabs-vertical li.active a, +.customvtab .tabs-vertical li.active a:focus, +.customvtab .tabs-vertical li.active a:hover { + background: #fff; + border: 0; + border-right: 2px solid #2cabe3; + margin-right: -1px; + color: #263238 +} +.nav-pills>li.active>a, +.nav-pills>li.active>a:focus, +.nav-pills>li.active>a:hover { + background: #2cabe3; + color: #fff +} +.nav-pills>li>a { + color: #263238; + border-radius: 0 +} +.panel-group .panel .panel-heading .accordion-toggle.collapsed:before, +.panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before { + content: '\e64b' +} +.panel-group .panel .panel-heading a[data-toggle=collapse] { + display: block +} +.panel-group .panel .panel-heading a[data-toggle=collapse]:before { + content: '\e648'; + display: block; + float: right; + font-family: themify; + font-size: 14px; + text-align: right; + width: 25px +} +.panel-group .panel .panel-heading .accordion-toggle { + display: block +} +.panel-group .panel .panel-heading .accordion-toggle:before { + content: '\e648'; + display: block; + float: right; + font-family: themify; + font-size: 14px; + text-align: right; + width: 25px +} +.panel-group .panel .panel-heading+.panel-collapse .panel-body { + border-top: none +} +.panel-group .panel-heading { + padding: 12px 20px +} +.progress { + -webkit-box-shadow: none!important; + background-color: rgba(120, 130, 140, .13); + box-shadow: none!important; + height: 4px; + border-radius: 0; + margin-bottom: 18px; + overflow: hidden +} +.progress-bar { + box-shadow: none; + font-size: 8px; + font-weight: 600; + line-height: 12px +} +.progress.progress-sm { + height: 8px!important +} +.progress.progress-sm .progress-bar { + font-size: 8px; + line-height: 5px +} +.progress.progress-md { + height: 15px!important +} +.progress.progress-md .progress-bar { + font-size: 10.8px; + line-height: 14.4px +} +.progress.progress-lg { + height: 20px!important +} +.progress.progress-lg .progress-bar { + font-size: 12px; + line-height: 20px +} +.progress-bar-primary { + background-color: #7460ee +} +.progress-bar-success { + background-color: #7ace4c +} +.progress-bar-info { + background-color: #41b3f9 +} +.progress-bar-megna { + background-color: #01c0c8 +} +.progress-bar-warning { + background-color: #fb4 +} +.progress-bar-danger { + background-color: #f33155 +} +.progress-bar-inverse { + background-color: #4c5667 +} +.progress-bar-purple { + background-color: #707cd2 +} +.progress-bar-custom { + background-color: #41b3f9 +} +.progress-animated { + -webkit-animation-duration: 5s; + -webkit-animation-name: myanimation; + -webkit-transition: 5s all; + animation-duration: 5s; + animation-name: myanimation; + transition: 5s all +} +@-webkit-keyframes myanimation { + from { + width: 0 + } +} +@keyframes myanimation { + from { + width: 0 + } +} +.progress-vertical { + min-height: 250px; + height: 250px; + width: 4px; + position: relative; + display: inline-block; + margin-bottom: 0; + margin-right: 20px +} +.progress-vertical .progress-bar { + width: 100% +} +.progress-vertical-bottom { + min-height: 250px; + height: 250px; + position: relative; + width: 4px; + display: inline-block; + margin-bottom: 0; + margin-right: 20px +} +.progress-vertical-bottom .progress-bar { + width: 100%; + position: absolute; + bottom: 0 +} +.progress-vertical-bottom.progress-sm, +.progress-vertical.progress-sm { + width: 8px!important +} +.progress-vertical-bottom.progress-sm .progress-bar, +.progress-vertical.progress-sm .progress-bar { + font-size: 8px; + line-height: 5px +} +.progress-vertical-bottom.progress-md, +.progress-vertical.progress-md { + width: 15px!important +} +.progress-vertical-bottom.progress-md .progress-bar, +.progress-vertical.progress-md .progress-bar { + font-size: 10.8px; + line-height: 14.4px +} +.progress-vertical-bottom.progress-lg, +.progress-vertical.progress-lg { + width: 20px!important +} +.progress-vertical-bottom.progress-lg .progress-bar, +.progress-vertical.progress-lg .progress-bar { + font-size: 12px; + line-height: 20px +} +.timeline { + position: relative; + padding: 20px 0; + list-style: none; + max-width: 1200px; + margin: 0 auto +} +.timeline:before { + content: " "; + position: absolute; + top: 0; + bottom: 0; + left: 50%; + width: 3px; + margin-left: -1.5px; + background-color: #eee +} +.timeline>li { + position: relative; + margin-bottom: 20px +} +.timeline>li:after, +.timeline>li:before { + content: " "; + display: table +} +.timeline>li:after { + clear: both +} +.timeline>li>.timeline-panel { + float: left; + position: relative; + width: 46%; + padding: 20px; + border: 1px solid rgba(120, 130, 140, .13); + border-radius: 0; + -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05); + box-shadow: 0 1px 6px rgba(0, 0, 0, .05) +} +.timeline>li>.timeline-panel:before { + content: " "; + display: inline-block; + position: absolute; + top: 26px; + right: -8px; + border-top: 8px solid transparent; + border-right: 0 solid rgba(120, 130, 140, .13); + border-bottom: 8px solid transparent; + border-left: 8px solid rgba(120, 130, 140, .13) +} +.timeline>li>.timeline-panel:after { + content: " "; + display: inline-block; + position: absolute; + top: 27px; + right: -7px; + border-top: 7px solid transparent; + border-right: 0 solid #fff; + border-bottom: 7px solid transparent; + border-left: 7px solid #fff +} +.timeline>li>.timeline-badge { + z-index: 100; + position: absolute; + top: 16px; + left: 50%; + width: 50px; + height: 50px; + margin-left: -25px; + border-radius: 50%; + text-align: center; + font-size: 1.4em; + line-height: 50px; + color: #fff; + overflow: hidden; + background-color: #4c5667 +} +.timeline>li.timeline-inverted>.timeline-panel { + float: right +} +.timeline>li.timeline-inverted>.timeline-panel:before { + right: auto; + left: -8px; + border-right-width: 8px; + border-left-width: 0 +} +.timeline>li.timeline-inverted>.timeline-panel:after { + right: auto; + left: -7px; + border-right-width: 7px; + border-left-width: 0 +} +.timeline-badge.primary { + background-color: #7460ee!important +} +.timeline-badge.success { + background-color: #7ace4c!important +} +.timeline-badge.warning { + background-color: #fb4!important +} +.timeline-badge.danger { + background-color: #f33155!important +} +.timeline-badge.info { + background-color: #41b3f9!important +} +.timeline-title { + margin-top: 0; + color: inherit; + font-weight: 400 +} +.timeline-body>p, +.timeline-body>ul { + margin-bottom: 0 +} +.timeline-body>p+p { + margin-top: 5px +} +.chart { + position: relative; + display: inline-block; + width: 100px; + height: 100px; + margin-top: 20px; + margin-bottom: 20px; + text-align: center +} +.chart canvas { + position: absolute; + top: 0; + left: 0 +} +.chart.chart-widget-pie { + margin-top: 5px; + margin-bottom: 5px +} +.pie-chart>span { + left: 0; + margin-top: -2px; + position: absolute; + right: 0; + text-align: center; + top: 50%; + transform: translateY(-50%) +} +.chart>span>img { + left: 0; + position: absolute; + right: 0; + text-align: center; + top: 50%; + width: 60%; + height: 60%; + transform: translateY(-50%); + margin: 0 auto +} +.percent { + display: inline-block; + line-height: 100px; + z-index: 2; + font-weight: 600; + font-size: 18px; + color: #263238 +} +.percent:after { + content: '%'; + margin-left: .1em; + font-size: .8em +} +.table { + margin-bottom: 10px +} +.table-hover>tbody>tr:hover, +.table-striped>tbody>tr:nth-of-type(odd), +.table>tbody>tr.active>td, +.table>tbody>tr.active>th, +.table>tbody>tr>td.active, +.table>tbody>tr>th.active, +.table>tfoot>tr.active>td, +.table>tfoot>tr.active>th, +.table>tfoot>tr>td.active, +.table>tfoot>tr>th.active, +.table>thead>tr.active>td, +.table>thead>tr.active>th, +.table>thead>tr>td.active, +.table>thead>tr>th.active { + background-color: #f7fafc!important +} +.table-bordered, +.table>tbody>tr>td, +.table>tbody>tr>th, +.table>tfoot>tr>td, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>thead>tr>th { + border-top: 1px solid #e4e7ea +} +.table>tbody>tr>td, +.table>tbody>tr>th, +.table>tfoot>tr>td, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>thead>tr>th { + padding: 15px 8px +} +.table-bordered>tbody>tr>td, +.table-bordered>tbody>tr>th, +.table-bordered>tfoot>tr>td, +.table-bordered>tfoot>tr>th, +.table-bordered>thead>tr>td, +.table-bordered>thead>tr>th { + border: 1px solid #e4e7ea +} +.table>thead>tr>th { + vertical-align: bottom; + border-bottom: 1px solid #e4e7ea +} +tbody { + color: #797979 +} +th { + color: #666; + font-weight: 500 +} +.table-bordered { + border: 1px solid #e4e7ea +} +table.focus-on tbody tr.focused td, +table.focus-on tbody tr.focused th { + background-color: #2cabe3; + color: #fff +} +.table-rep-plugin .table-responsive { + border: none!important +} +.table-rep-plugin tbody th { + font-size: 14px; + font-weight: 400 +} +.jsgrid .jsgrid-table { + margin-bottom: 0 +} +.jsgrid-selected-row>td { + background: #f7fafc; + border-color: #f7fafc +} +.jsgrid-header-row>th { + background: #fff +} +.footable-odd { + background-color: #f7fafc +} +.form-control-line { + border-left: 0 none; + border-radius: 0; + border-right: 0 none; + border-top: 0 none; + box-shadow: none; + padding-left: 0 +} +.has-success .form-control { + border-color: #7ace4c; + box-shadow: none!important +} +.has-warning .form-control { + border-color: #fb4; + box-shadow: none!important +} +.has-error .form-control { + border-color: #f33155; + box-shadow: none!important +} +.input-group-addon { + border-radius: 2px; + border: 1px solid rgba(120, 130, 140, .13) +} +.input-daterange input:first-child, +.input-daterange input:last-child { + border-radius: 0 +} +.form-material .form-group { + overflow: hidden +} +.form-material .form-control { + background-color: rgba(0, 0, 0, 0); + background-position: center bottom, center calc(99%); + background-repeat: no-repeat; + background-size: 0 2px, 100% 1px; + padding: 0; + transition: background 0s ease-out 0s +} +.form-material .form-control, +.form-material .form-control.focus, +.form-material .form-control:focus { + background-image: linear-gradient(#707cd2, #707cd2), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13)); + border: 0; + border-radius: 0; + box-shadow: none; + float: none +} +.form-material .form-control.focus, +.form-material .form-control:focus { + background-size: 100% 2px, 100% 1px; + outline: 0; + transition-duration: .3s +} +.form-bordered .form-group { + border-bottom: 1px solid rgba(120, 130, 140, .13); + padding-bottom: 20px +} +.select2-container .select2-choice { + background-image: none!important; + border: none!important; + height: auto!important; + padding: 0!important; + line-height: 22px!important; + background-color: transparent!important; + box-shadow: none!important +} +.select2-container .select2-choice .select2-arrow { + background-image: none!important; + background: 0 0; + border: none; + width: 14px; + top: -2px +} +.select2-container .select2-container-multi.form-control { + height: auto +} +.select2-results .select2-highlighted { + color: #fff; + background-color: #41b3f9 +} +.select2-drop-active { + border: 1px solid #e3e3e3!important; + padding-top: 5px +} +.select2-search input { + border: 1px solid rgba(120, 130, 140, .13) +} +.select2-container-multi { + width: 100% +} +.select2-container-multi .select2-choices { + border: 1px solid #border!important; + box-shadow: none!important; + background-image: none!important; + border-radius: 0!important; + min-height: 38px +} +.select2-container-multi .select2-choices .select2-search-choice { + padding: 4px 7px 4px 18px; + margin: 5px 0 3px 5px; + color: #555; + background: #f5f5f5; + border-color: rgba(120, 130, 140, .13); + -webkit-box-shadow: none; + box-shadow: none +} +.select2-container-multi .select2-choices .select2-search-field input { + padding: 7px 7px 7px 10px; + font-family: inherit +} +.icon-list-demo div { + cursor: pointer; + line-height: 60px; + white-space: nowrap; + color: #313131 +} +.icon-list-demo div:hover { + color: #263238 +} +.icon-list-demo div p { + margin: 10px 0; + padding: 5px 0 +} +.icon-list-demo i { + -webkit-transition: all .2s; + -webkit-transition: font-size .2s; + display: inline-block; + font-size: 18px; + margin: 0 15px 0 10px; + text-align: left; + vertical-align: middle; + width: auto; + transition: all .3s ease 0s +} +.icon-list-demo .col-md-4 { + border-radius: 0 +} +.icon-list-demo .col-md-4:hover { + background-color: #f7fafc +} +.icon-list-demo .col-md-4:hover i { + font-size: 2em +} +.gmaps, +.gmaps-panaroma { + height: 300px; + background: #e4e7ea; + border-radius: 3px +} +.gmaps-overlay { + display: block; + text-align: center; + color: #fff; + font-size: 16px; + line-height: 40px; + background: #7460ee; + border-radius: 4px; + padding: 10px 20px +} +.gmaps-overlay_arrow { + left: 50%; + margin-left: -16px; + width: 0; + height: 0; + position: absolute +} +.gmaps-overlay_arrow.above { + bottom: -15px; + border-left: 16px solid transparent; + border-right: 16px solid transparent; + border-top: 16px solid #7460ee +} +.gmaps-overlay_arrow.below { + top: -15px; + border-left: 16px solid transparent; + border-right: 16px solid transparent; + border-bottom: 16px solid #7460ee +} +.jvectormap-zoomin, +.jvectormap-zoomout { + width: 10px; + height: 10px; + line-height: 10px +} +.jvectormap-zoomout { + top: 40px +} +.error-box { + height: 100%; + position: fixed; + top: 20%; + width: 100% +} +.error-box .footer { + width: 100%; + left: 0; + right: 0 +} +.error-body { + padding-top: 5% +} +.error-body h1 { + font-size: 210px; + font-weight: 900; + line-height: 210px +} +.login-register { + /*background: url(../../plugins/images/login-register.jpg) center center/cover no-repeat!important;*/ + height: 100%; + position: fixed +} +.login-box { + background: #fff; + width: 400px; + margin: 10% auto 0 +} +.login-box .footer { + width: 100%; + left: 0; + right: 0 +} +.login-box .social { + display: block; + margin-bottom: 30px +} +#recoverform { + display: none +} +.new-login-register { + position: fixed; + height: 100% +} +.new-login-register .lg-info-panel { + /*background: url(../../plugins/images/login-register.jpg) center center/cover no-repeat!important;*/ + width: 500px; + height: 100%; + position: fixed +} +.new-login-register .lg-info-panel .inner-panel { + position: absolute; + height: 100%; + width: 100%; + background: rgba(0, 0, 0, .5) +} +.new-login-register .lg-info-panel .lg-content { + margin-top: 50%; + text-align: center; + padding: 0 50px +} +.new-login-register .lg-info-panel .lg-content h2 { + color: #fff +} +.new-login-register .lg-info-panel .lg-content p { + padding: 20px 0; + color: rgba(255, 255, 255, .7); + font-style: italic +} +.new-login-register .new-login-box { + margin-left: 50%; + margin-top: 10%; + width: 400px +} +.new-login-register .new-login-box .new-lg-form { + padding-top: 20px +} +.new-login-register .new-login-box .new-lg-form label { + text-transform: uppercase; + font-size: 12px +} +.new-login-register .new-login-box .social { + display: block; + margin-bottom: 30px +} +.pricing-box { + position: relative; + text-align: center; + margin-top: 30px +} +.featured-plan { + margin-top: 0 +} +.featured-plan .pricing-body { + padding: 60px 0; + background: #f7fafc; + border: 1px solid #ddd +} +.featured-plan .price-table-content .price-row { + border-top: 1px solid rgba(120, 130, 140, .13) +} +.pricing-body { + border-radius: 0; + border-top: 1px solid rgba(120, 130, 140, .13); + border-bottom: 5px solid rgba(120, 130, 140, .13); + vertical-align: middle; + padding: 30px 0; + position: relative +} +.pricing-body h2 { + position: relative; + font-size: 56px; + margin: 20px 0 10px; + font-weight: 500 +} +.pricing-body h2 span { + position: absolute; + font-size: 15px; + top: -10px; + margin-left: -10px +} +.price-table-content .price-row { + padding: 20px 0; + border-top: 1px solid rgba(120, 130, 140, .13) +} +.pricing-plan { + padding: 0 15px +} +.pricing-plan .no-padding { + padding: 0 +} +.price-lable { + position: absolute; + top: -10px; + padding: 5px 10px; + margin: 0 auto; + display: inline-block; + width: 100px; + left: 0; + right: 0 +} +.mails a { + color: #263238 +} +.mails td { + vertical-align: middle!important; + position: relative +} +.mails td:last-of-type { + width: 100px; + padding-right: 20px +} +.mails tr:hover .text-white { + display: none +} +.mails .mail-select { + padding: 12px 20px; + min-width: 134px +} +.mails .checkbox { + margin-bottom: 0; + margin-top: 0; + vertical-align: middle; + display: inline-block; + height: 17px +} +.mails .checkbox label { + min-height: 16px +} +.mail-list .list-group-item { + background-color: transparent; + border: 0; + border-left: 3px solid #fff; + border-radius: 0 +} +.mail-list .list-group-item:hover { + background: #f7fafc; + border-left: 3px solid #f7fafc +} +.mail-list .list-group-item:focus { + border-left: 3px solid #f7fafc +} +.mail-list .list-group-item.active:focus { + background: #f7fafc; + border-left: 3px solid #f33155 +} +.mail-list .list-group-item.active { + border-left: 3px solid #f33155; + border-radius: 0; + color: #263238!important +} +.mail_listing { + min-height: 500px +} +.inbox_listing .inbox-item:hover { + background: #f7fafc +} +.inbox_listing .inbox-item { + padding-left: 20px +} +.inbox-widget.inbox_listing .inbox-item .inbox-item-text { + height: 19px; + overflow: hidden +} +.message-center .unread .mail-contnet .mail-desc, +.message-center .unread .mail-contnet h5 { + font-weight: 600; + color: #263238!important +} +.calendar { + float: left; + margin-bottom: 0 +} +.fc-view { + margin-top: 30px +} +.none-border .modal-footer { + border-top: none +} +.fc-toolbar h2 { + font-size: 18px; + font-weight: 600; + line-height: 30px; + text-transform: uppercase +} +.fc-day { + background: #fff +} +.fc-toolbar .fc-state-active, +.fc-toolbar .ui-state-active, +.fc-toolbar .ui-state-hover, +.fc-toolbar button:focus, +.fc-toolbar button:hover { + z-index: 0 +} +.fc-widget-header { + border: 0!important +} +.fc-widget-content { + border-color: rgba(120, 130, 140, .13)!important +} +.fc th.fc-widget-header { + color: #fff; + font-size: 14px; + line-height: 20px; + padding: 7px 0; + text-transform: uppercase +} +.fc th.fc-sat, +.fc th.fc-sun, +.fc th.fc-thu, +.fc th.fc-tue { + background: #34b6ef +} +.fc th.fc-fri, +.fc th.fc-mon, +.fc th.fc-wed { + background: #3bbcf5 +} +.fc-view { + margin-top: 0 +} +.fc-toolbar { + background: #41b3f9; + margin: 0; + padding: 24px 20px +} +.fc-toolbar h2 { + color: #fff +} +.fc-button { + background: #3bbcf5; + border: 1px solid #41b3f9; + color: #fff; + text-transform: capitalize +} +.fc-button:hover { + background: #3bbcf5; + opacity: .8 +} +.fc-text-arrow { + font-family: inherit; + font-size: 16px +} +.fc-state-hover { + background: #F5F5F5 +} +.fc-unthemed .fc-today { + border: 1px solid #f33155; + background: #f7fafc!important +} +.fc-cell-overlay, +.fc-state-highlight { + background: #f0f0f0 +} +.fc-event { + border-radius: 0; + border: none; + cursor: move; + font-size: 13px; + margin: 1px -1px 0; + padding: 5px; + text-align: center; + background: #41b3f9 +} +.calendar-event { + cursor: move; + margin: 10px 5px 0 0; + padding: 6px 10px; + display: inline-block; + color: #fff; + min-width: 140px; + text-align: center; + background: #41b3f9 +} +.calendar-event a { + float: right; + opacity: .6; + font-size: 10px; + margin: 4px 0 0 10px; + color: #fff +} +.fc-basic-view td.fc-week-number span { + padding-right: 5px +} +.fc-basic-view .fc-day-number { + padding: 10px 15px; + display: inline-block +} +.weather h1 { + color: #fff; + font-size: 50px; + font-weight: 100 +} +.weather i { + color: #fff; + font-size: 40px +} +.weather .w-title-sub { + color: rgba(255, 255, 255, .6) +} +@-webkit-keyframes rotate { + from { + -webkit-transform: rotate(0deg) + } + to { + -webkit-transform: rotate(360deg) + } +} +@-moz-keyframes rotate { + from { + -moz-transform: rotate(0deg) + } + to { + -moz-transform: rotate(360deg) + } +} +@keyframes rotate { + from { + transform: rotate(0deg) + } + to { + transform: rotate(360deg) + } +} +.right-side-toggle { + position: relative +} +.right-side-toggle i { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: 1s; + -moz-transition-property: -moz-transform; + -moz-transition-duration: 1s; + transition-property: transform; + transition-duration: 1s; + -webkit-animation-name: rotate; + -webkit-animation-duration: 2s; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-name: rotate; + -moz-animation-duration: 2s; + -moz-animation-iteration-count: infinite; + -moz-animation-timing-function: linear; + animation-name: rotate; + animation-duration: 2s; + animation-iteration-count: infinite; + animation-timing-function: linear; + position: absolute; + top: 7px; + left: 8px +} +.right-sidebar { + position: fixed; + right: -240px; + width: 240px; + display: none; + z-index: 1200; + background: #fff; + top: 0; + height: 100%; + box-shadow: 5px 1px 40px rgba(0, 0, 0, .1); + transition: all .3s ease +} +.right-sidebar .rpanel-title { + display: block; + padding: 21px; + color: #fff; + text-transform: uppercase; + font-size: 13px; + background: #2cabe3 +} +.right-sidebar .rpanel-title span { + float: right; + cursor: pointer; + font-size: 11px +} +.right-sidebar .rpanel-title span:hover { + color: #263238 +} +.right-sidebar .r-panel-body { + padding: 20px +} +.right-sidebar .r-panel-body ul { + margin: 0; + padding: 0 +} +.right-sidebar .r-panel-body ul li { + list-style: none; + padding: 5px 0 +} +.shw-rside { + right: 0; + width: 240px; + display: block +} +.chatonline img { + margin-right: 10px; + float: left; + width: 30px +} +.chatonline li a { + padding: 13px 0; + float: left; + width: 100% +} +.chatonline li a span { + color: #313131 +} +.chatonline li a span small { + display: block; + font-size: 10px +} +ul#themecolors { + display: block +} +ul#themecolors li { + display: inline-block +} +ul#themecolors li:first-child { + display: block +} +#themecolors li a { + width: 50px; + height: 50px; + display: inline-block; + margin: 5px; + color: transparent; + position: relative +} +#themecolors li a.working:before { + content: "\f00c"; + font-family: FontAwesome; + font-size: 18px; + line-height: 50px; + width: 50px; + height: 50px; + position: absolute; + top: 0; + left: 0; + color: #fff; + text-align: center +} +.default-theme { + background: #4c5667 +} +.green-theme { + background: #7ace4c +} +.yellow-theme { + background: #a0aec4 +} +.blue-theme { + background: #41b3f9 +} +.purple-theme { + background: #707cd2 +} +.megna-theme { + background: #e4e7ea +} +.default-dark-theme { + background: #4f5467; + background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #f33155 23%, #f33155 99%); + background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #f33155 23%, #f33155 99%); + background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #f33155 23%, #f33155 99%) +} +.green-dark-theme { + background: #4f5467; + background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #00c292 23%, #00c292 99%); + background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #00c292 23%, #00c292 99%); + background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #00c292 23%, #00c292 99%) +} +.yellow-dark-theme { + background: #4f5467; + background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #a0aec4 23%, #a0aec4 99%); + background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #a0aec4 23%, #a0aec4 99%); + background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #a0aec4 23%, #a0aec4 99%) +} +.blue-dark-theme { + background: #4f5467; + background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #41b3f9 23%, #41b3f9 99%); + background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #41b3f9 23%, #41b3f9 99%); + background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #41b3f9 23%, #41b3f9 99%) +} +.purple-dark-theme { + background: #4f5467; + background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #707cd2 23%, #707cd2 99%); + background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #707cd2 23%, #707cd2 99%); + background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #707cd2 23%, #707cd2 99%) +} +.megna-dark-theme { + background: #4f5467; + background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #e4e7ea 23%, #e4e7ea 99%); + background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #e4e7ea 23%, #e4e7ea 99%); + background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #e4e7ea 23%, #e4e7ea 99%) +} +.red-dark-theme { + background: #e20b0b; + background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #e20b0b 23%, #e20b0b 99%); + background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #e20b0b 23%, #e20b0b 99%); + background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #e20b0b 23%, #e20b0b 99%) +} +.visited li a { + color: #313131 +} +.visited li.active a { + color: #2cabe3 +} +.stats-row { + margin-bottom: 20px +} +.stat-item { + display: inline-block; + padding-right: 15px +} +.stat-item+.stat-item { + padding-left: 15px; + border-left: 1px solid #eee +} +.country-state { + list-style: none; + margin: 0; + padding: 0 0 0 10px +} +.country-state h2 { + margin: 0 +} +.country-state .progress { + margin-top: 8px +} +.two-part li { + width: 48.8% +} +.two-part li i { + font-size: 50px +} +.two-part li span { + font-size: 50px; + font-weight: 100; + font-family: Rubik, sans-serif +} +.news-slide { + position: relative +} +.news-slide .overlaybg { + height: 370px; + overflow: hidden +} +.news-slide .overlaybg img { + width: 100%; + height: 100% +} +.news-slide .news-content { + position: absolute; + height: 370px; + background: rgba(0, 0, 0, .5); + z-index: 10; + width: 100%; + top: 0; + padding: 30px +} +.news-slide .news-content h2 { + height: 240px; + overflow: hidden; + color: #fff +} +.news-slide .news-content a { + color: #fff; + opacity: .6; + text-transform: uppercase +} +.news-slide .news-content a:hover { + opacity: 1 +} +.dashboard-slide .news-content, +.dashboard-slide .overlaybg { + height: 435px +} +.dashboard-slide .news-content h2 { + height: 320px +} +.nav-pills-rounded li { + display: inline-block; + float: none +} +.nav-pills-rounded li a { + border-radius: 60px; + -moz-border-radius: 60px; + -webkit-border-radius: 60px; + color: #313131; + padding: 10px 25px +} +.nav-pills-rounded li.active a, +.nav-pills-rounded li.active a:focus, +.nav-pills-rounded li.active a:hover { + background: #2cabe3; + color: #fff +} +.analytics-info .list-inline { + margin-bottom: 0 +} +.analytics-info .list-inline li { + vertical-align: middle; + display: block; + margin-right: 0; +} +.analytics-info .list-inline li span { + font-size: 24px +} +.analytics-info .list-inline li i { + font-size: 20px +} +.feeds { + margin: 0; + padding: 0 +} +.feeds li { + list-style: none; + padding: 10px; + display: block +} +.feeds li:hover { + background: #f7fafc +} +.feeds li>div { + width: 40px; + height: 40px; + margin-right: 5px; + display: inline-block; + text-align: center; + vertical-align: middle; + border-radius: 100% +} +.feeds li>div i { + line-height: 40px +} +.feeds li span { + float: right; + width: auto; + font-size: 12px +} +.jq-icon-info { + background-color: #41b3f9; + color: #fff +} +.jq-icon-success { + background-color: #7ace4c; + color: #fff +} +.jq-icon-error { + background-color: #f33155; + color: #fff +} +.jq-icon-warning { + background-color: #fb4; + color: #fff +} +.dropzone { + border-style: dashed; + border-width: 1px +} +.weather h1 sup { + font-size: 20px; + top: -1.2em +} +.fcbtn { + position: relative; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; + padding: 8px 20px +} +.fcbtn:after { + content: ''; + position: absolute; + z-index: -1; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s +} +.btn-1b:after { + width: 100%; + height: 0; + top: 0; + left: 0 +} +.btn-1b:active, +.btn-1b:hover { + color: #fff +} +.btn-1b:active:after, +.btn-1b:hover:after { + height: 100% +} +.btn-1b.btn-info:after, +.btn-1c.btn-info:after, +.btn-1d.btn-info:after, +.btn-1e.btn-info:after, +.btn-1f.btn-info:after { + background: #41b3f9 +} +.btn-1b.btn-warning:after, +.btn-1c.btn-warning:after, +.btn-1d.btn-warning:after, +.btn-1e.btn-warning:after, +.btn-1f.btn-warning:after { + background: #fb4 +} +.btn-1b.btn-danger:after, +.btn-1c.btn-danger:after, +.btn-1d.btn-danger:after, +.btn-1e.btn-danger:after, +.btn-1f.btn-danger:after { + background: #f33155 +} +.btn-1b.btn-primary:after, +.btn-1c.btn-primary:after, +.btn-1d.btn-primary:after, +.btn-1e.btn-primary:after, +.btn-1f.btn-primary:after { + background: #707cd2 +} +.btn-1b.btn-success:after, +.btn-1c.btn-success:after, +.btn-1d.btn-success:after, +.btn-1e.btn-success:after, +.btn-1f.btn-success:after { + background: #7ace4c +} +.btn-1b.btn-inverse:after, +.btn-1c.btn-inverse:after, +.btn-1d.btn-inverse:after, +.btn-1e.btn-inverse:after, +.btn-1f.btn-inverse:after { + background: #4c5667 +} +.btn-1c:after { + width: 0; + height: 100%; + top: 0; + left: 0 +} +.btn-1c:active, +.btn-1c:hover { + color: #000 +} +.btn-1c:active:after, +.btn-1c:hover:after { + width: 100% +} +.btn-1d { + overflow: hidden +} +.btn-1d:after { + width: 0; + height: 103%; + top: 50%; + left: 50%; + opacity: 0; + -webkit-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%) +} +.btn-1d:hover:after { + width: 100%; + opacity: 1 +} +.btn-1e { + overflow: hidden +} +.btn-1e:after { + width: 100%; + height: 0; + top: 50%; + left: 50%; + background: #fff; + opacity: 0; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); + -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg) +} +.btn-1e:hover:after { + height: 260%; + opacity: 1 +} +.btn-1e:active:after { + height: 400%; + opacity: 1 +} +.btn-1f { + overflow: hidden +} +.btn-1f:after { + width: 101%; + height: 0; + top: 50%; + left: 50%; + background: #fff; + opacity: 0; + -webkit-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%) +} +.btn-1f:hover:after { + height: 100%; + opacity: 1 +} +.btn-1f:active:after { + height: 130%; + opacity: 1 +} +.sweet-alert { + padding: 25px +} +.sweet-alert h2 { + margin-top: 0 +} +.sweet-alert p { + line-height: 30px +} +ul.list-icons { + margin: 0; + padding: 0 +} +ul.list-icons li { + list-style: none; + line-height: 40px +} +ul.list-icons li i { + font-size: 12px; + margin-right: 5px +} +.demo-popover .popover, +.demo-tooltip .tooltip { + position: relative; + margin-right: 25px; + opacity: 1; + display: inline-block +} +.tooltip-inner { + border-radius: 3px; + padding: 5px 10px +} +.tooltip.in { + opacity: 1 +} +.tooltip-primary+.tooltip .tooltip-inner, +.tooltip-primary.tooltip .tooltip-inner { + color: #fff; + background-color: #7460ee +} +.tooltip-primary+.tooltip.top .tooltip-arrow, +.tooltip-primary.tooltip.top .tooltip-arrow { + border-top-color: #7460ee +} +.tooltip-primary+.tooltip.right .tooltip-arrow, +.tooltip-primary.tooltip.right .tooltip-arrow { + border-right-color: #7460ee +} +.tooltip-primary+.tooltip.bottom .tooltip-arrow, +.tooltip-primary.tooltip.bottom .tooltip-arrow { + border-bottom-color: #7460ee +} +.tooltip-primary+.tooltip.left .tooltip-arrow, +.tooltip-primary.tooltip.left .tooltip-arrow { + border-left-color: #7460ee +} +.tooltip-success+.tooltip .tooltip-inner, +.tooltip-success.tooltip .tooltip-inner { + color: #fff; + background-color: #7ace4c +} +.tooltip-success+.tooltip.top .tooltip-arrow, +.tooltip-success.tooltip.top .tooltip-arrow { + border-top-color: #7ace4c +} +.tooltip-success+.tooltip.right .tooltip-arrow, +.tooltip-success.tooltip.right .tooltip-arrow { + border-right-color: #7ace4c +} +.tooltip-success+.tooltip.bottom .tooltip-arrow, +.tooltip-success.tooltip.bottom .tooltip-arrow { + border-bottom-color: #7ace4c +} +.tooltip-success+.tooltip.left .tooltip-arrow, +.tooltip-success.tooltip.left .tooltip-arrow { + border-left-color: #7ace4c +} +.tooltip-warning+.tooltip .tooltip-inner, +.tooltip-warning.tooltip .tooltip-inner { + color: #fff; + background-color: #fb4 +} +.tooltip-warning+.tooltip.top .tooltip-arrow, +.tooltip-warning.tooltip.top .tooltip-arrow { + border-top-color: #fb4 +} +.tooltip-warning+.tooltip.right .tooltip-arrow, +.tooltip-warning.tooltip.right .tooltip-arrow { + border-right-color: #fb4 +} +.tooltip-warning+.tooltip.bottom .tooltip-arrow, +.tooltip-warning.tooltip.bottom .tooltip-arrow { + border-bottom-color: #fb4 +} +.tooltip-warning+.tooltip.left .tooltip-arrow, +.tooltip-warning.tooltip.left .tooltip-arrow { + border-left-color: #fb4 +} +.tooltip-info+.tooltip .tooltip-inner, +.tooltip-info.tooltip .tooltip-inner { + color: #fff; + background-color: #41b3f9 +} +.tooltip-info+.tooltip.top .tooltip-arrow, +.tooltip-info.tooltip.top .tooltip-arrow { + border-top-color: #41b3f9 +} +.tooltip-info+.tooltip.right .tooltip-arrow, +.tooltip-info.tooltip.right .tooltip-arrow { + border-right-color: #41b3f9 +} +.tooltip-info+tooltip.bottom .tooltip-arrow, +.tooltip-info.tooltip.bottom .tooltip-arrow { + border-bottom-color: #41b3f9 +} +.tooltip-info+.tooltip.left .tooltip-arrow, +.tooltip-info.tooltip.left .tooltip-arrow { + border-left-color: #41b3f9 +} +.tooltip-danger+.tooltip .tooltip-inner, +.tooltip-danger.tooltip .tooltip-inner { + color: #fff; + background-color: #f33155 +} +.tooltip-danger+.tooltip.top .tooltip-arrow, +.tooltip-danger.tooltip.top .tooltip-arrow { + border-top-color: #f33155 +} +.tooltip-danger+.tooltip.right .tooltip-arrow, +.tooltip-danger.tooltip.right .tooltip-arrow { + border-right-color: #f33155 +} +.tooltip-danger+.tooltip.bottom .tooltip-arrow, +.tooltip-danger.tooltip.bottom .tooltip-arrow { + border-bottom-color: #f33155 +} +.tooltip-danger+.tooltip.left .tooltip-arrow, +.tooltip-danger.tooltip.left .tooltip-arrow { + border-left-color: #f33155 +} +.flotTip { + padding: 8px 12px; + background-color: #263238; + z-index: 100; + color: #fff; + opacity: .9; + font-size: 13px +} +.popover { + -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05); + box-shadow: 0 2px 6px rgba(0, 0, 0, .05) +} +.popover .popover-title { + border-radius: 0 +} +.popover-primary+.popover .popover-title { + color: #fff; + background-color: #7460ee; + border-color: #7460ee +} +.popover-primary+.popover.bottom .arrow, +.popover-primary+.popover.bottom .arrow:after { + border-bottom-color: #7460ee +} +.popover-success+.popover .popover-title { + color: #fff; + background-color: #7ace4c; + border-color: #7ace4c +} +.popover-success+.popover.bottom .arrow, +.popover-success+.popover.bottom .arrow:after { + border-bottom-color: #7ace4c +} +.popover-info+.popover .popover-title { + color: #fff; + background-color: #41b3f9; + border-color: #41b3f9 +} +.popover-info+.popover.bottom .arrow, +.popover-info+.popover.bottom .arrow:after { + border-bottom-color: #41b3f9 +} +.popover-warning+.popover .popover-title { + color: #fff; + background-color: #fb4; + border-color: #fb4 +} +.popover-warning+.popover.bottom .arrow, +.popover-warning+.popover.bottom .arrow:after { + border-bottom-color: #fb4 +} +.popover-danger+.popover .popover-title { + color: #fff; + background-color: #f33155; + border-color: #f33155 +} +.popover-danger+.popover.bottom .arrow, +.popover-danger+.popover.bottom .arrow:after { + border-bottom-color: #f33155 +} +.btn-file { + overflow: hidden; + position: relative; + vertical-align: middle +} +.btn-file>input { + position: absolute; + top: 0; + right: 0; + margin: 0; + opacity: 0; + filter: alpha(opacity=0); + font-size: 23px; + height: 100%; + width: 100%; + direction: ltr; + cursor: pointer; + border-radius: 0 +} +.fileinput { + margin-bottom: 9px; + display: inline-block +} +.fileinput .form-control { + padding-top: 7px; + padding-bottom: 5px; + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + cursor: text +} +.fileinput .thumbnail { + overflow: hidden; + display: inline-block; + margin-bottom: 5px; + vertical-align: middle; + text-align: center +} +.fileinput .thumbnail>img { + max-height: 100% +} +.fileinput .btn { + vertical-align: middle +} +.fileinput-exists .fileinput-new, +.fileinput-new .fileinput-exists { + display: none +} +.fileinput-inline .fileinput-controls { + display: inline +} +.fileinput-filename { + vertical-align: middle; + display: inline-block; + overflow: hidden +} +.form-control .fileinput-filename { + vertical-align: bottom +} +.fileinput.input-group { + display: table +} +.fileinput.input-group>* { + position: relative; + z-index: 2 +} +.fileinput.input-group>.btn-file { + z-index: 1 +} +.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { + width: 100% +} +.ms-container .ms-list { + border-radius: 0; + box-shadow: none +} +.ms-container .ms-selectable li.ms-elem-selectable, +.ms-container .ms-selection li.ms-elem-selection { + padding: 6px 10px +} +.ms-container .ms-selectable li.ms-hover, +.ms-container .ms-selection li.ms-hover { + background: #41b3f9 +} +.dropzone .dz-message { + text-align: center; + margin: 10% 0 +} +.editable-input .form-control { + height: 30px +} +.asColorPicker-trigger { + position: absolute; + top: 0; + right: -35px; + height: 38px; + width: 37px; + border: 0 +} +.asColorPicker-dropdown { + max-width: 260px +} +.asColorPicker-clear { + top: 7px; + right: 16px +} +.datepicker table tr td.today, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover, +.datepicker table tr td.today:hover { + background: #2cabe3; + color: #fff +} +.datepicker table tr td.active, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active:hover { + background: #41b3f9; + color: #fff +} +.editable-table+input.error { + border: 1px solid #danger; + outline: 0; + outline-offset: 0 +} +#editable-datatable_wrapper+input:focus, +.editable-table+input, +.editable-table+input:focus { + border: 1px solid #41b3f9!important; + outline: 0!important; + outline-offset: 0!important +} +.editable-table td:focus { + outline: 0 +} +.user-profile { + padding: 70px 0 15px; + position: relative; + text-align: center +} +.user-profile .user-pro-body { + display: block +} +.user-profile .user-pro-body img { + width: 50px; + display: block; + margin: 0 auto 10px +} +.user-profile .user-pro-body .u-dropdown { + color: #97999f +} +.user-profile .user-pro-body .dropdown-menu { + right: 0; + width: 180px; + left: 0; + margin: 0 auto +} +.wizard-steps { + display: table; + width: 100% +} +.wizard-steps>li { + display: table-cell; + padding: 10px 20px; + background: #f7fafc +} +.wizard-steps>li span { + border-radius: 100%; + border: 1px solid rgba(120, 130, 140, .13); + width: 40px; + height: 40px; + display: inline-block; + vertical-align: middle; + padding-top: 9px; + margin-right: 8px; + text-align: center +} +.wizard-content { + padding: 25px; + border-color: rgba(120, 130, 140, .13); + margin-bottom: 30px +} +.wizard-steps>li.current, +.wizard-steps>li.done { + background: #41b3f9; + color: #fff +} +.wizard-steps>li.current span, +.wizard-steps>li.done span { + border-color: #fff; + color: #fff +} +.wizard-steps>li.current h4, +.wizard-steps>li.done h4 { + color: #fff +} +.wizard-steps>li.done { + background: #7ace4c +} +.wizard-steps>li.error { + background: #f33155 +} +.wiz-aco .pager { + margin: 0 +} +#morris-donut-chart svg text { + font-family: Rubik, sans-serif!important; + font-weight: 400!important +} +#diagram { + margin: 0 auto; + width: 250px; + padding-top: 30px; + height: 271px +} +#diagram circle { + fill: #fff +} +#diagram text { + fill: #313131 +} +.get { + display: none +} +ul.expense-box { + margin: 0; + padding: 0 +} +ul.expense-box li { + list-style: none; + display: inline-block; + padding: 8px 0 8px 20px +} +ul.expense-box li i { + width: 60px; + font-size: 30px; + vertical-align: middle; + display: inline-block +} +ul.expense-box li div, +ul.expense-box li span { + display: inline-block; + vertical-align: middle +} +ul.expense-box li div h2, +ul.expense-box li span h2 { + margin-bottom: 0; + font-weight: 400 +} +ul.expense-box li div h4, +ul.expense-box li span h4 { + margin-top: 0 +} +.minus-margin { + margin: 0 -25px +} +.manage-users { + margin-bottom: 30px +} +.manage-users .tabs-style-iconbox nav { + background: #41b3f9 +} +.manage-users .tabs-style-iconbox nav ul li a { + color: rgba(255, 255, 255, .6); + text-transform: uppercase +} +.manage-users .tabs-style-iconbox nav ul li a.sticon:before { + margin-bottom: 15px +} +.manage-users .tabs-style-iconbox nav ul li.tab-current a { + box-shadow: none +} +ul.side-icon-text { + margin: 0; + padding: 0 +} +ul.side-icon-text>li { + list-style: none; + display: inline-block; + margin-right: 10px +} +ul.side-icon-text>li a { + color: #313131; + font-weight: 400 +} +ul.side-icon-text>li a:hover { + color: #41b3f9 +} +ul.side-icon-text>li a span { + margin-right: 10px +} +.manage-table { + border-top: 1px solid rgba(120, 130, 140, .13); + margin: 10px -25px 0; + background: #f7fafc; + padding: 30px +} +.table tbody tr.advance-table-row { + border: 2px solid rgba(120, 130, 140, .13); + white-space: nowrap +} +.table tbody tr.advance-table-row .checkbox { + margin: 0 +} +.table tbody tr.advance-table-row.active { + border: 2px solid #2cabe3 +} +.table tbody tr.advance-table-row td { + vertical-align: middle!important; + border: 0!important; + font-size: 16px; + background: #fff +} +td.sm-pd { + padding: 5px 0!important +} +.demo-container .flot-text, +.demo-container .flot-x-axis, +.wallet-widgets #morris-area-chart2 text { + display: none +} +ul.wallet-list { + margin: 0; + padding: 0 +} +ul.wallet-list li { + list-style: none; + display: block; + font-size: 18px; + padding: 20px; + border-top: 1px solid rgba(120, 130, 140, .13) +} +ul.wallet-list li i { + font-size: 24px; + display: inline-block; + margin-right: 12px; + vertical-align: middle; + color: #41b3f9 +} +ul.wallet-list li a { + vertical-align: middle; + color: #313131 +} +ul.wallet-list li a:hover { + color: #2cabe3 +} +@keyframes dasharray-craziness { + 0% { + stroke-dasharray: 5px + } + 50% { + stroke-dasharray: 6px + } + 100% { + stroke-dasharray: 7px + } +} +#ct-bar-chart, +#ct-city-wth, +#ct-daily-sales, +#ct-extra, +#ct-main-bal, +#ct-polar-chart, +#ct-sales, +#ct-visits, +#ct-weather { + position: relative +} +#ct-extra .ct-series-a .ct-line, +#ct-extra .ct-series-a .ct-point, +#ct-sales .ct-series-a .ct-line, +#ct-sales .ct-series-a .ct-point, +#ct-weather .ct-series-a .ct-line, +#ct-weather .ct-series-a .ct-point { + stroke: #fff; + stroke-shadow: 3px 10px 10px #000 +} +#ct-extra .ct-series-a .ct-area, +#ct-sales .ct-series-a .ct-area, +#ct-weather .ct-series-a .ct-area { + fill: none +} +#ct-extra .ct-grid, +#ct-sales .ct-grid, +#ct-weather .ct-grid { + stroke: rgba(255, 255, 255, .2); + stroke-dasharray: 0 +} +#ct-weather .ct-series-a .ct-line { + animation: dasharray-craziness 2s infinite +} +.ct-label { + font-size: 1em +} +#ct-extra .ct-series-a .ct-line, +#ct-extra .ct-series-a .ct-point { + stroke: #41b3f9; + animation: dasharray-craziness .5s infinite +} +#ct-extra .ct-grid { + stroke: rgba(0, 0, 0, .2); + stroke-dasharray: 2px +} +#ct-bar-chart .ct-series-a .ct-bar { + stroke: #41b3f9; + stroke-width: 7px +} +#ct-main-bal .ct-series-a .ct-line, +#ct-main-bal .ct-series-a .ct-point { + stroke: none; + fill: #41b3f9; + fill-opacity: .5 +} +#ct-main-bal .ct-series-b .ct-line, +#ct-main-bal .ct-series-b .ct-point { + stroke: #41b3f9; + stroke-width: 1px; + animation: dasharray-craziness 2s infinite; + opacity: .8 +} +#ct-main-bal .ct-series-b .ct-area { + fill: #41b3f9; + fill-opacity: .2 +} +#ct-visits .ct-series-a .ct-line, +#ct-visits .ct-series-a .ct-point { + stroke: #98a6ad +} +#ct-visits .ct-series-b .ct-line, +#ct-visits .ct-series-b .ct-point { + stroke: #41b3f9 +} +#ct-visits .ct-series-a .ct-area { + fill: #98a6ad; + fill-opacity: .05 +} +#ct-visits .ct-series-b .ct-area { + fill: #41b3f9; + fill-opacity: .1 +} +#ct-visits .ct-line { + stroke-width: 2px +} +#ct-city-wth .ct-label { + color: #fff +} +#ct-city-wth .ct-series-a .ct-line, +#ct-city-wth .ct-series-a .ct-point { + stroke: #41b3f9 +} +#ct-city-wth .ct-series-a .ct-area { + fill: none +} +#ct-polar-chart .ct-series-a .ct-point, +#ct-polar-chart .ct-series-b .ct-point, +#ct-polar-chart .ct-series-c .ct-point, +#ct-polar-chart .ct-series-d .ct-point { + stroke-width: 3px +} +#ct-polar-chart .ct-series-a .ct-area { + fill: #41b3f9 +} +#ct-polar-chart .ct-series-b .ct-area { + fill: #7ace4c +} +#ct-polar-chart .ct-series-c .ct-area { + fill: #f33155 +} +#ct-polar-chart .ct-series-d .ct-area { + fill: #fb4 +} +#ct-daily-sales .ct-series-a .ct-bar { + stroke: rgba(255, 255, 255, .7); + stroke-width: 10px +} +.dp-table { + display: table; + width: 100%; + margin: 0; + padding: 0 +} +.dp-table li { + margin: 0; + padding: 0; + list-style: none; + display: table-cell; + text-align: center +} +.calendar-widget { + display: block; + background: #fff; + overflow: hidden +} +.calendar-widget .cal-left { + width: 30%; + float: left; + position: absolute; + padding: 5%; + height: 100% +} +.calendar-widget .cal-left .cal-btm-text { + position: absolute; + bottom: 40px; + font-weight: 400 +} +.calendar-widget .cal-left h1 { + font-size: 50px; + margin-bottom: 0; + font-weight: 400 +} +.calendar-widget .cal-left span { + width: 100px; + border-top: 2px solid #7ace4c; + height: 2px; + margin: 3px 0; + display: inline-block +} +.calendar-widget .cal-right { + width: 70%; + float: right; + min-height: 200px +} +.calendar-widget .cal-right .cal-table { + width: 100% +} +.calendar-widget .cal-right .cal-table td { + padding: 18px 15px; + text-align: center; + font-weight: 400 +} +.calendar-widget .cal-right .cal-table td h1 { + text-align: left; + font-weight: 400; + padding-left: 30px +} +.calendar-widget .cal-right .cal-table td .cal-add { + font-size: 24px +} +.calendar-widget .cal-right .cal-table td.cal-active { + border-radius: 60px; + background: rgba(0, 0, 0, .1) +} +.real-time-widgets { + text-align: center; + position: relative +} +.real-time-widgets .data-text { + width: 200px; + margin: 0 auto; + position: absolute; + left: 0; + z-index: 200; + right: 0; + top: 110px +} +.real-time-widgets .data-text h1 { + font-size: 50px +} +.real-time-widgets .data-text h5 { + width: 70px; + margin: 0 auto 10px; + padding-bottom: 8px; + border-bottom: 2px solid #7ace4c +} +.real-time-widgets .data-text span { + font-size: 18px; + font-weight: 400 +} +.profile-social-icons { + padding-bottom: 30px; + font-size: 20px +} +.profile-social-icons a { + color: #98a6ad +} +.mailbox-widget .customtab { + border-bottom: 0 +} +.mailbox-widget .customtab li a { + color: #fff +} +.mailbox-widget .customtab li a:hover { + background: 0 0; + opacity: .5 +} +.mailbox-widget .customtab li.active a, +.mailbox-widget .customtab li.active a:focus { + background: 0 0; + color: #fff; + border-color: #7ace4c +} +.sk-chat-widgets .chatonline { + padding: 0 +} +.sk-chat-widgets .chatonline li { + list-style: none; + padding: 5px 0; + position: relative +} +.sk-chat-widgets .chatonline li a { + float: none; + display: inline-block +} +.sk-chat-widgets .chatonline li a img { + width: 40px +} +.sk-chat-widgets .chatonline li .call-chat { + position: absolute; + right: 0; + display: none; + top: 20px +} +.sk-chat-widgets .chatonline li:hover .call-chat { + display: block +} +.chat-box-input { + border: 0; + width: 100%; + height: 60px; + resize: none; + line-height: 24px +} +.manage-u-table select { + max-width: 150px; + border-radius: 60px +} +.manage-u-table td { + white-space: nowrap +} +.city-weather-widget .side-icon-text i { + font-size: 50px; + margin-right: 15px +} +.city-weather-widget .side-icon-text h1 { + font-weight: 500 +} +.city-weather-days { + padding: 0 15px +} +.city-weather-days li { + text-align: center; + font-size: 16px; + padding: 18px 0; + border-left: 1px solid rgba(120, 130, 140, .13); + border-top: 1px solid rgba(120, 130, 140, .13) +} +.city-weather-days li span { + display: block; + text-transform: uppercase; + line-height: 24px; + padding: 7px 0 +} +.city-weather-days li i { + font-size: 30px; + color: #e8e8e8 +} +.city-weather-days li.active { + border-bottom: 2px solid #f33155 +} +.city-weather-days li.active i { + color: #f33155 +} +.weather-with-bg .wt-top .wt-img { + width: 100%; + height: 350px; + padding: 40px 60px; + background-size: cover; + background-position: center center; + overflow: hidden +} +.weather-with-bg .wt-top .wt-img h1, +.weather-with-bg .wt-top .wt-img h4, +.weather-with-bg .wt-top .wt-img i { + color: #fff +} +.weather-with-bg .wt-top .wt-img .side-icon-text li i { + font-size: 60px; + margin-right: 20px +} +.weather-with-bg .wt-top .wt-img .side-icon-text li h1 { + font-size: 60px +} +.weather-with-bg .wt-top .wt-img .wt-city-text { + padding-top: 50px +} +.weather-with-bg .wt-counter li { + display: inline-block; + padding: 10px 7.5px +} +.weather-with-bg .wt-counter li a { + min-width: 50px; + display: block; + padding: 13px; + height: 50px; + color: #313131; + font-size: 17px; + text-align: center; + border-radius: 100% +} +.weather-with-bg .wt-counter li.active a { + background: #2cabe3; + color: #fff +} +.mt-gauge { + background: #fff; + height: 314px +} +.calendar-events { + padding: 8px 10px; + border: 1px solid #fff; + cursor: move +} +.calendar-events:hover { + border: 1px dashed rgba(120, 130, 140, .13) +} +.calendar-events i { + margin-right: 8px +} +.earning-box { + padding: 0; + margin: 0 +} +.earning-box li { + display: box; + list-style: none; + padding: 20px 0 +} +.earning-box li .er-row { + overflow: hidden +} +.earning-box li .er-row .er-pic { + float: left; + margin-right: 20px +} +.earning-box li .er-row .er-pic img { + width: 60px +} +.earning-box li .er-row .er-text { + float: left; + width: 45% +} +.earning-box li .er-row .er-text h3 { + margin: 5px 0 0; + font-weight: 400; + font-size: 18px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden +} +.earning-box li .er-row .er-count { + float: right; + font-size: 30px; + padding-top: 5px; + color: #41b3f9; + font-weight: 400 +} +.todo-list li { + border: 0; + border-bottom: 1px solid rgba(120, 130, 140, .13); + margin-bottom: 0; + padding: 20px 15px 15px 0 +} +.todo-list li .checkbox label { + font-weight: 400 +} +.todo-list li:last-child { + border-bottom: 0 +} +.todo-list li .assignedto { + padding: 0 0 0 27px; + margin: 0 +} +.todo-list li .assignedto li { + list-style: none; + padding: 0; + display: inline-block; + border: 0; + margin-right: 2px +} +.todo-list li .assignedto li img { + width: 30px; + border-radius: 100% +} +.todo-list li .item-date { + padding-left: 25px; + font-size: 12px; + display: inline-block +} +.list-task .task-done span { + text-decoration: line-through +} +.no-bg-addon .input-group-addon { + background-color: #fff; + border: 1px solid rgba(120, 130, 140, .13); + left: -2px; + position: relative; + z-index: 10; + border-left: 0; + color: #e4e7ea; + border-radius: 0 3px 3px 0 +} +.no-bg-addon .form-control { + transition: 0s +} +.no-bg-addon .form-control:focus+.input-group-addon { + border-color: #313131; + color: #313131 +} +.select-mode .btn { + padding: 15px 0 +} +.select-mode .btn.btn-default:focus { + border-color: #41b3f9; + color: #fff; + background: #41b3f9 +} +ul.select-row-icon { + padding: 0; + margin: 0 +} +ul.select-row-icon li { + display: block; + list-style: none +} +ul.select-row-icon li a { + display: block; + color: #313131; + padding: 8px 15px; + position: relative; + border: 2px solid #fff +} +ul.select-row-icon li a i { + font-size: 24px; + vertical-align: middle; + padding-right: 10px +} +ul.select-row-icon li a i.whn-hov { + color: #41b3f9; + display: none; + float: right; + position: absolute; + right: 15px; + top: 10px +} +ul.select-row-icon li a.selected, +ul.select-row-icon li a:hover { + border: 2px solid rgba(120, 130, 140, .13) +} +ul.select-row-icon li a.selected i.whn-hov, +ul.select-row-icon li a:hover i.whn-hov { + display: inline-block +} +.sidebar { + overflow-y: auto +} +.sidebar .sidebar-nav.navbar-collapse { + padding-left: 0; + padding-right: 0 +} +.sidebar .fa-fw { + width: 20px; + text-align: center!important; + display: inline-block; + font-style: normal; + font-weight: 500; + margin-right: 7px; + font-size: 16px; + vertical-align: middle +} +.sidebar .mdi { + font-size: 21px +} +.sidebar .sidebar-head { + padding: 4px 20px; + width: 240px; + position: fixed; + z-index: 10; + left: 0; + top: 0 +} +.sidebar .sidebar-head h3 { + color: #fff; + font-weight: 400 +} +.sidebar .sidebar-head h3 i { + font-size: 20px +} +.sidebar:hover .sidebar-head { + width: 240px +} +.sidebar .label { + font-size: 10px; + border-radius: 60px; + padding: 6px 8px; + min-width: 30px; + height: 20px; + margin-top: 0 +} +.sidebar #side-menu .user-pro .img-circle { + width: 30px; + margin-right: 10px +} +.sidebar #side-menu .user-pro>a { + padding-left: 15px +} +.sidebar #side-menu .user-pro ul li a { + padding-left: 25px +} +.sidebar #side-menu .user-pro .nav-second-level li i { + margin-right: 10px +} +#side-menu { + overflow: hidden +} +.sidebar .sidebar-search { + padding: 15px +} +#side-menu li.active>a { + background: rgba(0, 0, 0, 0) +} +#side-menu li a { + color: #97999f; + width: 240px +} +#side-menu li a:focus { + background: rgba(0, 0, 0, 0) +} +#side-menu li.devider { + margin: 7px 0; + border-top: 1px solid rgba(120, 130, 140, .13) +} +#side-menu>li>a { + padding: 15px 35px 15px 20px; + display: block +} +#side-menu>li>a:focus, +#side-menu>li>a:hover { + background: rgba(0, 0, 0, .1) +} +#side-menu>li>a.active { + color: #2cabe3 +} +#side-menu ul>li>a:hover { + color: #2cabe3; + background: 0 0 +} +#side-menu ul>li>a.active { + color: #2cabe3 +} +.sidebar .arrow { + position: absolute; + right: 20px; + top: 17px +} +.sidebar .nav-second-level .arrow { + right: 20px; + top: 17px +} +.sidebar .fa.arrow:before { + content: "\f105" +} +.sidebar .active>a>span>.fa.arrow:before { + content: "\f107" +} +.sidebar .nav-second-level li, +.sidebar .nav-third-level li { + border-bottom: none!important +} +.sidebar .nav-second-level li a { + padding: 14px 10px 14px 40px +} +.sidebar .nav-third-level li a { + padding-left: 60px +} +.content-wrapper .nicescroll-rails { + display: none!important +} +/*! + * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ + +@font-face { + font-family: FontAwesome; + /*src: url(../less/icons/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0);*/ + /*src: url(../less/icons/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(../less/icons/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(../less/icons/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(../less/icons/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(../less/icons/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');*/ + font-weight: 400; + font-style: normal +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} +.fa-lg { + font-size: 1.33333333em; + line-height: .75em; + vertical-align: -15% +} +.fa-2x { + font-size: 2em +} +.fa-3x { + font-size: 3em +} +.fa-4x { + font-size: 4em +} +.fa-5x { + font-size: 5em +} +.fa-fw { + text-align: center +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none +} +.fa-ul>li { + position: relative +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: .14285714em; + text-align: center +} +.fa-li.fa-lg { + left: -1.85714286em +} +.fa-border { + padding: .2em .25em .15em; + border: .08em solid #eee; + border-radius: .1em +} +.fa-pull-left { + float: left +} +.fa-pull-right { + float: right +} +.fa.fa-pull-left { + margin-right: .3em +} +.fa.fa-pull-right { + margin-left: .3em +} +.pull-right { + float: right +} +.pull-left { + float: left +} +.fa.pull-left { + margin-right: .3em +} +.fa.pull-right { + margin-left: .3em +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8) +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg) + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg) + } +} +.fa-rotate-90 { + filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg) +} +.fa-rotate-180 { + filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg) +} +.fa-rotate-270 { + filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg) +} +.fa-flip-horizontal { + filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1) +} +.fa-flip-vertical { + filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1) +} +:root .fa-flip-horizontal, +:root .fa-flip-vertical, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-rotate-90 { + filter: none +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center +} +.fa-stack-1x { + line-height: inherit +} +.fa-stack-2x { + font-size: 2em +} +.fa-inverse { + color: #fff +} +.fa-glass:before { + content: "\f000" +} +.fa-music:before { + content: "\f001" +} +.fa-search:before { + content: "\f002" +} +.fa-envelope-o:before { + content: "\f003" +} +.fa-heart:before { + content: "\f004" +} +.fa-star:before { + content: "\f005" +} +.fa-star-o:before { + content: "\f006" +} +.fa-user:before { + content: "\f007" +} +.fa-film:before { + content: "\f008" +} +.fa-th-large:before { + content: "\f009" +} +.fa-th:before { + content: "\f00a" +} +.fa-th-list:before { + content: "\f00b" +} +.fa-check:before { + content: "\f00c" +} +.fa-close:before, +.fa-remove:before, +.fa-times:before { + content: "\f00d" +} +.fa-search-plus:before { + content: "\f00e" +} +.fa-search-minus:before { + content: "\f010" +} +.fa-power-off:before { + content: "\f011" +} +.fa-signal:before { + content: "\f012" +} +.fa-cog:before, +.fa-gear:before { + content: "\f013" +} +.fa-trash-o:before { + content: "\f014" +} +.fa-home:before { + content: "\f015" +} +.fa-file-o:before { + content: "\f016" +} +.fa-clock-o:before { + content: "\f017" +} +.fa-road:before { + content: "\f018" +} +.fa-download:before { + content: "\f019" +} +.fa-arrow-circle-o-down:before { + content: "\f01a" +} +.fa-arrow-circle-o-up:before { + content: "\f01b" +} +.fa-inbox:before { + content: "\f01c" +} +.fa-play-circle-o:before { + content: "\f01d" +} +.fa-repeat:before, +.fa-rotate-right:before { + content: "\f01e" +} +.fa-refresh:before { + content: "\f021" +} +.fa-list-alt:before { + content: "\f022" +} +.fa-lock:before { + content: "\f023" +} +.fa-flag:before { + content: "\f024" +} +.fa-headphones:before { + content: "\f025" +} +.fa-volume-off:before { + content: "\f026" +} +.fa-volume-down:before { + content: "\f027" +} +.fa-volume-up:before { + content: "\f028" +} +.fa-qrcode:before { + content: "\f029" +} +.fa-barcode:before { + content: "\f02a" +} +.fa-tag:before { + content: "\f02b" +} +.fa-tags:before { + content: "\f02c" +} +.fa-book:before { + content: "\f02d" +} +.fa-bookmark:before { + content: "\f02e" +} +.fa-print:before { + content: "\f02f" +} +.fa-camera:before { + content: "\f030" +} +.fa-font:before { + content: "\f031" +} +.fa-bold:before { + content: "\f032" +} +.fa-italic:before { + content: "\f033" +} +.fa-text-height:before { + content: "\f034" +} +.fa-text-width:before { + content: "\f035" +} +.fa-align-left:before { + content: "\f036" +} +.fa-align-center:before { + content: "\f037" +} +.fa-align-right:before { + content: "\f038" +} +.fa-align-justify:before { + content: "\f039" +} +.fa-list:before { + content: "\f03a" +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b" +} +.fa-indent:before { + content: "\f03c" +} +.fa-video-camera:before { + content: "\f03d" +} +.fa-image:before, +.fa-photo:before, +.fa-picture-o:before { + content: "\f03e" +} +.fa-pencil:before { + content: "\f040" +} +.fa-map-marker:before { + content: "\f041" +} +.fa-adjust:before { + content: "\f042" +} +.fa-tint:before { + content: "\f043" +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044" +} +.fa-share-square-o:before { + content: "\f045" +} +.fa-check-square-o:before { + content: "\f046" +} +.fa-arrows:before { + content: "\f047" +} +.fa-step-backward:before { + content: "\f048" +} +.fa-fast-backward:before { + content: "\f049" +} +.fa-backward:before { + content: "\f04a" +} +.fa-play:before { + content: "\f04b" +} +.fa-pause:before { + content: "\f04c" +} +.fa-stop:before { + content: "\f04d" +} +.fa-forward:before { + content: "\f04e" +} +.fa-fast-forward:before { + content: "\f050" +} +.fa-step-forward:before { + content: "\f051" +} +.fa-eject:before { + content: "\f052" +} +.fa-chevron-left:before { + content: "\f053" +} +.fa-chevron-right:before { + content: "\f054" +} +.fa-plus-circle:before { + content: "\f055" +} +.fa-minus-circle:before { + content: "\f056" +} +.fa-times-circle:before { + content: "\f057" +} +.fa-check-circle:before { + content: "\f058" +} +.fa-question-circle:before { + content: "\f059" +} +.fa-info-circle:before { + content: "\f05a" +} +.fa-crosshairs:before { + content: "\f05b" +} +.fa-times-circle-o:before { + content: "\f05c" +} +.fa-check-circle-o:before { + content: "\f05d" +} +.fa-ban:before { + content: "\f05e" +} +.fa-arrow-left:before { + content: "\f060" +} +.fa-arrow-right:before { + content: "\f061" +} +.fa-arrow-up:before { + content: "\f062" +} +.fa-arrow-down:before { + content: "\f063" +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064" +} +.fa-expand:before { + content: "\f065" +} +.fa-compress:before { + content: "\f066" +} +.fa-plus:before { + content: "\f067" +} +.fa-minus:before { + content: "\f068" +} +.fa-asterisk:before { + content: "\f069" +} +.fa-exclamation-circle:before { + content: "\f06a" +} +.fa-gift:before { + content: "\f06b" +} +.fa-leaf:before { + content: "\f06c" +} +.fa-fire:before { + content: "\f06d" +} +.fa-eye:before { + content: "\f06e" +} +.fa-eye-slash:before { + content: "\f070" +} +.fa-exclamation-triangle:before, +.fa-warning:before { + content: "\f071" +} +.fa-plane:before { + content: "\f072" +} +.fa-calendar:before { + content: "\f073" +} +.fa-random:before { + content: "\f074" +} +.fa-comment:before { + content: "\f075" +} +.fa-magnet:before { + content: "\f076" +} +.fa-chevron-up:before { + content: "\f077" +} +.fa-chevron-down:before { + content: "\f078" +} +.fa-retweet:before { + content: "\f079" +} +.fa-shopping-cart:before { + content: "\f07a" +} +.fa-folder:before { + content: "\f07b" +} +.fa-folder-open:before { + content: "\f07c" +} +.fa-arrows-v:before { + content: "\f07d" +} +.fa-arrows-h:before { + content: "\f07e" +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080" +} +.fa-twitter-square:before { + content: "\f081" +} +.fa-facebook-square:before { + content: "\f082" +} +.fa-camera-retro:before { + content: "\f083" +} +.fa-key:before { + content: "\f084" +} +.fa-cogs:before, +.fa-gears:before { + content: "\f085" +} +.fa-comments:before { + content: "\f086" +} +.fa-thumbs-o-up:before { + content: "\f087" +} +.fa-thumbs-o-down:before { + content: "\f088" +} +.fa-star-half:before { + content: "\f089" +} +.fa-heart-o:before { + content: "\f08a" +} +.fa-sign-out:before { + content: "\f08b" +} +.fa-linkedin-square:before { + content: "\f08c" +} +.fa-thumb-tack:before { + content: "\f08d" +} +.fa-external-link:before { + content: "\f08e" +} +.fa-sign-in:before { + content: "\f090" +} +.fa-trophy:before { + content: "\f091" +} +.fa-github-square:before { + content: "\f092" +} +.fa-upload:before { + content: "\f093" +} +.fa-lemon-o:before { + content: "\f094" +} +.fa-phone:before { + content: "\f095" +} +.fa-square-o:before { + content: "\f096" +} +.fa-bookmark-o:before { + content: "\f097" +} +.fa-phone-square:before { + content: "\f098" +} +.fa-twitter:before { + content: "\f099" +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a" +} +.fa-github:before { + content: "\f09b" +} +.fa-unlock:before { + content: "\f09c" +} +.fa-credit-card:before { + content: "\f09d" +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e" +} +.fa-hdd-o:before { + content: "\f0a0" +} +.fa-bullhorn:before { + content: "\f0a1" +} +.fa-bell:before { + content: "\f0f3" +} +.fa-certificate:before { + content: "\f0a3" +} +.fa-hand-o-right:before { + content: "\f0a4" +} +.fa-hand-o-left:before { + content: "\f0a5" +} +.fa-hand-o-up:before { + content: "\f0a6" +} +.fa-hand-o-down:before { + content: "\f0a7" +} +.fa-arrow-circle-left:before { + content: "\f0a8" +} +.fa-arrow-circle-right:before { + content: "\f0a9" +} +.fa-arrow-circle-up:before { + content: "\f0aa" +} +.fa-arrow-circle-down:before { + content: "\f0ab" +} +.fa-globe:before { + content: "\f0ac" +} +.fa-wrench:before { + content: "\f0ad" +} +.fa-tasks:before { + content: "\f0ae" +} +.fa-filter:before { + content: "\f0b0" +} +.fa-briefcase:before { + content: "\f0b1" +} +.fa-arrows-alt:before { + content: "\f0b2" +} +.fa-group:before, +.fa-users:before { + content: "\f0c0" +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1" +} +.fa-cloud:before { + content: "\f0c2" +} +.fa-flask:before { + content: "\f0c3" +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4" +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5" +} +.fa-paperclip:before { + content: "\f0c6" +} +.fa-floppy-o:before, +.fa-save:before { + content: "\f0c7" +} +.fa-square:before { + content: "\f0c8" +} +.fa-bars:before, +.fa-navicon:before, +.fa-reorder:before { + content: "\f0c9" +} +.fa-list-ul:before { + content: "\f0ca" +} +.fa-list-ol:before { + content: "\f0cb" +} +.fa-strikethrough:before { + content: "\f0cc" +} +.fa-underline:before { + content: "\f0cd" +} +.fa-table:before { + content: "\f0ce" +} +.fa-magic:before { + content: "\f0d0" +} +.fa-truck:before { + content: "\f0d1" +} +.fa-pinterest:before { + content: "\f0d2" +} +.fa-pinterest-square:before { + content: "\f0d3" +} +.fa-google-plus-square:before { + content: "\f0d4" +} +.fa-google-plus:before { + content: "\f0d5" +} +.fa-money:before { + content: "\f0d6" +} +.fa-caret-down:before { + content: "\f0d7" +} +.fa-caret-up:before { + content: "\f0d8" +} +.fa-caret-left:before { + content: "\f0d9" +} +.fa-caret-right:before { + content: "\f0da" +} +.fa-columns:before { + content: "\f0db" +} +.fa-sort:before, +.fa-unsorted:before { + content: "\f0dc" +} +.fa-sort-desc:before, +.fa-sort-down:before { + content: "\f0dd" +} +.fa-sort-asc:before, +.fa-sort-up:before { + content: "\f0de" +} +.fa-envelope:before { + content: "\f0e0" +} +.fa-linkedin:before { + content: "\f0e1" +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2" +} +.fa-gavel:before, +.fa-legal:before { + content: "\f0e3" +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4" +} +.fa-comment-o:before { + content: "\f0e5" +} +.fa-comments-o:before { + content: "\f0e6" +} +.fa-bolt:before, +.fa-flash:before { + content: "\f0e7" +} +.fa-sitemap:before { + content: "\f0e8" +} +.fa-umbrella:before { + content: "\f0e9" +} +.fa-clipboard:before, +.fa-paste:before { + content: "\f0ea" +} +.fa-lightbulb-o:before { + content: "\f0eb" +} +.fa-exchange:before { + content: "\f0ec" +} +.fa-cloud-download:before { + content: "\f0ed" +} +.fa-cloud-upload:before { + content: "\f0ee" +} +.fa-user-md:before { + content: "\f0f0" +} +.fa-stethoscope:before { + content: "\f0f1" +} +.fa-suitcase:before { + content: "\f0f2" +} +.fa-bell-o:before { + content: "\f0a2" +} +.fa-coffee:before { + content: "\f0f4" +} +.fa-cutlery:before { + content: "\f0f5" +} +.fa-file-text-o:before { + content: "\f0f6" +} +.fa-building-o:before { + content: "\f0f7" +} +.fa-hospital-o:before { + content: "\f0f8" +} +.fa-ambulance:before { + content: "\f0f9" +} +.fa-medkit:before { + content: "\f0fa" +} +.fa-fighter-jet:before { + content: "\f0fb" +} +.fa-beer:before { + content: "\f0fc" +} +.fa-h-square:before { + content: "\f0fd" +} +.fa-plus-square:before { + content: "\f0fe" +} +.fa-angle-double-left:before { + content: "\f100" +} +.fa-angle-double-right:before { + content: "\f101" +} +.fa-angle-double-up:before { + content: "\f102" +} +.fa-angle-double-down:before { + content: "\f103" +} +.fa-angle-left:before { + content: "\f104" +} +.fa-angle-right:before { + content: "\f105" +} +.fa-angle-up:before { + content: "\f106" +} +.fa-angle-down:before { + content: "\f107" +} +.fa-desktop:before { + content: "\f108" +} +.fa-laptop:before { + content: "\f109" +} +.fa-tablet:before { + content: "\f10a" +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b" +} +.fa-circle-o:before { + content: "\f10c" +} +.fa-quote-left:before { + content: "\f10d" +} +.fa-quote-right:before { + content: "\f10e" +} +.fa-spinner:before { + content: "\f110" +} +.fa-circle:before { + content: "\f111" +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112" +} +.fa-github-alt:before { + content: "\f113" +} +.fa-folder-o:before { + content: "\f114" +} +.fa-folder-open-o:before { + content: "\f115" +} +.fa-smile-o:before { + content: "\f118" +} +.fa-frown-o:before { + content: "\f119" +} +.fa-meh-o:before { + content: "\f11a" +} +.fa-gamepad:before { + content: "\f11b" +} +.fa-keyboard-o:before { + content: "\f11c" +} +.fa-flag-o:before { + content: "\f11d" +} +.fa-flag-checkered:before { + content: "\f11e" +} +.fa-terminal:before { + content: "\f120" +} +.fa-code:before { + content: "\f121" +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122" +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123" +} +.fa-location-arrow:before { + content: "\f124" +} +.fa-crop:before { + content: "\f125" +} +.fa-code-fork:before { + content: "\f126" +} +.fa-chain-broken:before, +.fa-unlink:before { + content: "\f127" +} +.fa-question:before { + content: "\f128" +} +.fa-info:before { + content: "\f129" +} +.fa-exclamation:before { + content: "\f12a" +} +.fa-superscript:before { + content: "\f12b" +} +.fa-subscript:before { + content: "\f12c" +} +.fa-eraser:before { + content: "\f12d" +} +.fa-puzzle-piece:before { + content: "\f12e" +} +.fa-microphone:before { + content: "\f130" +} +.fa-microphone-slash:before { + content: "\f131" +} +.fa-shield:before { + content: "\f132" +} +.fa-calendar-o:before { + content: "\f133" +} +.fa-fire-extinguisher:before { + content: "\f134" +} +.fa-rocket:before { + content: "\f135" +} +.fa-maxcdn:before { + content: "\f136" +} +.fa-chevron-circle-left:before { + content: "\f137" +} +.fa-chevron-circle-right:before { + content: "\f138" +} +.fa-chevron-circle-up:before { + content: "\f139" +} +.fa-chevron-circle-down:before { + content: "\f13a" +} +.fa-html5:before { + content: "\f13b" +} +.fa-css3:before { + content: "\f13c" +} +.fa-anchor:before { + content: "\f13d" +} +.fa-unlock-alt:before { + content: "\f13e" +} +.fa-bullseye:before { + content: "\f140" +} +.fa-ellipsis-h:before { + content: "\f141" +} +.fa-ellipsis-v:before { + content: "\f142" +} +.fa-rss-square:before { + content: "\f143" +} +.fa-play-circle:before { + content: "\f144" +} +.fa-ticket:before { + content: "\f145" +} +.fa-minus-square:before { + content: "\f146" +} +.fa-minus-square-o:before { + content: "\f147" +} +.fa-level-up:before { + content: "\f148" +} +.fa-level-down:before { + content: "\f149" +} +.fa-check-square:before { + content: "\f14a" +} +.fa-pencil-square:before { + content: "\f14b" +} +.fa-external-link-square:before { + content: "\f14c" +} +.fa-share-square:before { + content: "\f14d" +} +.fa-compass:before { + content: "\f14e" +} +.fa-caret-square-o-down:before, +.fa-toggle-down:before { + content: "\f150" +} +.fa-caret-square-o-up:before, +.fa-toggle-up:before { + content: "\f151" +} +.fa-caret-square-o-right:before, +.fa-toggle-right:before { + content: "\f152" +} +.fa-eur:before, +.fa-euro:before { + content: "\f153" +} +.fa-gbp:before { + content: "\f154" +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155" +} +.fa-inr:before, +.fa-rupee:before { + content: "\f156" +} +.fa-cny:before, +.fa-jpy:before, +.fa-rmb:before, +.fa-yen:before { + content: "\f157" +} +.fa-rouble:before, +.fa-rub:before, +.fa-ruble:before { + content: "\f158" +} +.fa-krw:before, +.fa-won:before { + content: "\f159" +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a" +} +.fa-file:before { + content: "\f15b" +} +.fa-file-text:before { + content: "\f15c" +} +.fa-sort-alpha-asc:before { + content: "\f15d" +} +.fa-sort-alpha-desc:before { + content: "\f15e" +} +.fa-sort-amount-asc:before { + content: "\f160" +} +.fa-sort-amount-desc:before { + content: "\f161" +} +.fa-sort-numeric-asc:before { + content: "\f162" +} +.fa-sort-numeric-desc:before { + content: "\f163" +} +.fa-thumbs-up:before { + content: "\f164" +} +.fa-thumbs-down:before { + content: "\f165" +} +.fa-youtube-square:before { + content: "\f166" +} +.fa-youtube:before { + content: "\f167" +} +.fa-xing:before { + content: "\f168" +} +.fa-xing-square:before { + content: "\f169" +} +.fa-youtube-play:before { + content: "\f16a" +} +.fa-dropbox:before { + content: "\f16b" +} +.fa-stack-overflow:before { + content: "\f16c" +} +.fa-instagram:before { + content: "\f16d" +} +.fa-flickr:before { + content: "\f16e" +} +.fa-adn:before { + content: "\f170" +} +.fa-bitbucket:before { + content: "\f171" +} +.fa-bitbucket-square:before { + content: "\f172" +} +.fa-tumblr:before { + content: "\f173" +} +.fa-tumblr-square:before { + content: "\f174" +} +.fa-long-arrow-down:before { + content: "\f175" +} +.fa-long-arrow-up:before { + content: "\f176" +} +.fa-long-arrow-left:before { + content: "\f177" +} +.fa-long-arrow-right:before { + content: "\f178" +} +.fa-apple:before { + content: "\f179" +} +.fa-windows:before { + content: "\f17a" +} +.fa-android:before { + content: "\f17b" +} +.fa-linux:before { + content: "\f17c" +} +.fa-dribbble:before { + content: "\f17d" +} +.fa-skype:before { + content: "\f17e" +} +.fa-foursquare:before { + content: "\f180" +} +.fa-trello:before { + content: "\f181" +} +.fa-female:before { + content: "\f182" +} +.fa-male:before { + content: "\f183" +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184" +} +.fa-sun-o:before { + content: "\f185" +} +.fa-moon-o:before { + content: "\f186" +} +.fa-archive:before { + content: "\f187" +} +.fa-bug:before { + content: "\f188" +} +.fa-vk:before { + content: "\f189" +} +.fa-weibo:before { + content: "\f18a" +} +.fa-renren:before { + content: "\f18b" +} +.fa-pagelines:before { + content: "\f18c" +} +.fa-stack-exchange:before { + content: "\f18d" +} +.fa-arrow-circle-o-right:before { + content: "\f18e" +} +.fa-arrow-circle-o-left:before { + content: "\f190" +} +.fa-caret-square-o-left:before, +.fa-toggle-left:before { + content: "\f191" +} +.fa-dot-circle-o:before { + content: "\f192" +} +.fa-wheelchair:before { + content: "\f193" +} +.fa-vimeo-square:before { + content: "\f194" +} +.fa-try:before, +.fa-turkish-lira:before { + content: "\f195" +} +.fa-plus-square-o:before { + content: "\f196" +} +.fa-space-shuttle:before { + content: "\f197" +} +.fa-slack:before { + content: "\f198" +} +.fa-envelope-square:before { + content: "\f199" +} +.fa-wordpress:before { + content: "\f19a" +} +.fa-openid:before { + content: "\f19b" +} +.fa-bank:before, +.fa-institution:before, +.fa-university:before { + content: "\f19c" +} +.fa-graduation-cap:before, +.fa-mortar-board:before { + content: "\f19d" +} +.fa-yahoo:before { + content: "\f19e" +} +.fa-google:before { + content: "\f1a0" +} +.fa-reddit:before { + content: "\f1a1" +} +.fa-reddit-square:before { + content: "\f1a2" +} +.fa-stumbleupon-circle:before { + content: "\f1a3" +} +.fa-stumbleupon:before { + content: "\f1a4" +} +.fa-delicious:before { + content: "\f1a5" +} +.fa-digg:before { + content: "\f1a6" +} +.fa-pied-piper:before { + content: "\f1a7" +} +.fa-pied-piper-alt:before { + content: "\f1a8" +} +.fa-drupal:before { + content: "\f1a9" +} +.fa-joomla:before { + content: "\f1aa" +} +.fa-language:before { + content: "\f1ab" +} +.fa-fax:before { + content: "\f1ac" +} +.fa-building:before { + content: "\f1ad" +} +.fa-child:before { + content: "\f1ae" +} +.fa-paw:before { + content: "\f1b0" +} +.fa-spoon:before { + content: "\f1b1" +} +.fa-cube:before { + content: "\f1b2" +} +.fa-cubes:before { + content: "\f1b3" +} +.fa-behance:before { + content: "\f1b4" +} +.fa-behance-square:before { + content: "\f1b5" +} +.fa-steam:before { + content: "\f1b6" +} +.fa-steam-square:before { + content: "\f1b7" +} +.fa-recycle:before { + content: "\f1b8" +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9" +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba" +} +.fa-tree:before { + content: "\f1bb" +} +.fa-spotify:before { + content: "\f1bc" +} +.fa-deviantart:before { + content: "\f1bd" +} +.fa-soundcloud:before { + content: "\f1be" +} +.fa-database:before { + content: "\f1c0" +} +.fa-file-pdf-o:before { + content: "\f1c1" +} +.fa-file-word-o:before { + content: "\f1c2" +} +.fa-file-excel-o:before { + content: "\f1c3" +} +.fa-file-powerpoint-o:before { + content: "\f1c4" +} +.fa-file-image-o:before, +.fa-file-photo-o:before, +.fa-file-picture-o:before { + content: "\f1c5" +} +.fa-file-archive-o:before, +.fa-file-zip-o:before { + content: "\f1c6" +} +.fa-file-audio-o:before, +.fa-file-sound-o:before { + content: "\f1c7" +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8" +} +.fa-file-code-o:before { + content: "\f1c9" +} +.fa-vine:before { + content: "\f1ca" +} +.fa-codepen:before { + content: "\f1cb" +} +.fa-jsfiddle:before { + content: "\f1cc" +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-ring:before, +.fa-life-saver:before, +.fa-support:before { + content: "\f1cd" +} +.fa-circle-o-notch:before { + content: "\f1ce" +} +.fa-ra:before, +.fa-rebel:before { + content: "\f1d0" +} +.fa-empire:before, +.fa-ge:before { + content: "\f1d1" +} +.fa-git-square:before { + content: "\f1d2" +} +.fa-git:before { + content: "\f1d3" +} +.fa-hacker-news:before, +.fa-y-combinator-square:before, +.fa-yc-square:before { + content: "\f1d4" +} +.fa-tencent-weibo:before { + content: "\f1d5" +} +.fa-qq:before { + content: "\f1d6" +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7" +} +.fa-paper-plane:before, +.fa-send:before { + content: "\f1d8" +} +.fa-paper-plane-o:before, +.fa-send-o:before { + content: "\f1d9" +} +.fa-history:before { + content: "\f1da" +} +.fa-circle-thin:before { + content: "\f1db" +} +.fa-header:before { + content: "\f1dc" +} +.fa-paragraph:before { + content: "\f1dd" +} +.fa-sliders:before { + content: "\f1de" +} +.fa-share-alt:before { + content: "\f1e0" +} +.fa-share-alt-square:before { + content: "\f1e1" +} +.fa-bomb:before { + content: "\f1e2" +} +.fa-futbol-o:before, +.fa-soccer-ball-o:before { + content: "\f1e3" +} +.fa-tty:before { + content: "\f1e4" +} +.fa-binoculars:before { + content: "\f1e5" +} +.fa-plug:before { + content: "\f1e6" +} +.fa-slideshare:before { + content: "\f1e7" +} +.fa-twitch:before { + content: "\f1e8" +} +.fa-yelp:before { + content: "\f1e9" +} +.fa-newspaper-o:before { + content: "\f1ea" +} +.fa-wifi:before { + content: "\f1eb" +} +.fa-calculator:before { + content: "\f1ec" +} +.fa-paypal:before { + content: "\f1ed" +} +.fa-google-wallet:before { + content: "\f1ee" +} +.fa-cc-visa:before { + content: "\f1f0" +} +.fa-cc-mastercard:before { + content: "\f1f1" +} +.fa-cc-discover:before { + content: "\f1f2" +} +.fa-cc-amex:before { + content: "\f1f3" +} +.fa-cc-paypal:before { + content: "\f1f4" +} +.fa-cc-stripe:before { + content: "\f1f5" +} +.fa-bell-slash:before { + content: "\f1f6" +} +.fa-bell-slash-o:before { + content: "\f1f7" +} +.fa-trash:before { + content: "\f1f8" +} +.fa-copyright:before { + content: "\f1f9" +} +.fa-at:before { + content: "\f1fa" +} +.fa-eyedropper:before { + content: "\f1fb" +} +.fa-paint-brush:before { + content: "\f1fc" +} +.fa-birthday-cake:before { + content: "\f1fd" +} +.fa-area-chart:before { + content: "\f1fe" +} +.fa-pie-chart:before { + content: "\f200" +} +.fa-line-chart:before { + content: "\f201" +} +.fa-lastfm:before { + content: "\f202" +} +.fa-lastfm-square:before { + content: "\f203" +} +.fa-toggle-off:before { + content: "\f204" +} +.fa-toggle-on:before { + content: "\f205" +} +.fa-bicycle:before { + content: "\f206" +} +.fa-bus:before { + content: "\f207" +} +.fa-ioxhost:before { + content: "\f208" +} +.fa-angellist:before { + content: "\f209" +} +.fa-cc:before { + content: "\f20a" +} +.fa-ils:before, +.fa-shekel:before, +.fa-sheqel:before { + content: "\f20b" +} +.fa-meanpath:before { + content: "\f20c" +} +.fa-buysellads:before { + content: "\f20d" +} +.fa-connectdevelop:before { + content: "\f20e" +} +.fa-dashcube:before { + content: "\f210" +} +.fa-forumbee:before { + content: "\f211" +} +.fa-leanpub:before { + content: "\f212" +} +.fa-sellsy:before { + content: "\f213" +} +.fa-shirtsinbulk:before { + content: "\f214" +} +.fa-simplybuilt:before { + content: "\f215" +} +.fa-skyatlas:before { + content: "\f216" +} +.fa-cart-plus:before { + content: "\f217" +} +.fa-cart-arrow-down:before { + content: "\f218" +} +.fa-diamond:before { + content: "\f219" +} +.fa-ship:before { + content: "\f21a" +} +.fa-user-secret:before { + content: "\f21b" +} +.fa-motorcycle:before { + content: "\f21c" +} +.fa-street-view:before { + content: "\f21d" +} +.fa-heartbeat:before { + content: "\f21e" +} +.fa-venus:before { + content: "\f221" +} +.fa-mars:before { + content: "\f222" +} +.fa-mercury:before { + content: "\f223" +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224" +} +.fa-transgender-alt:before { + content: "\f225" +} +.fa-venus-double:before { + content: "\f226" +} +.fa-mars-double:before { + content: "\f227" +} +.fa-venus-mars:before { + content: "\f228" +} +.fa-mars-stroke:before { + content: "\f229" +} +.fa-mars-stroke-v:before { + content: "\f22a" +} +.fa-mars-stroke-h:before { + content: "\f22b" +} +.fa-neuter:before { + content: "\f22c" +} +.fa-genderless:before { + content: "\f22d" +} +.fa-facebook-official:before { + content: "\f230" +} +.fa-pinterest-p:before { + content: "\f231" +} +.fa-whatsapp:before { + content: "\f232" +} +.fa-server:before { + content: "\f233" +} +.fa-user-plus:before { + content: "\f234" +} +.fa-user-times:before { + content: "\f235" +} +.fa-bed:before, +.fa-hotel:before { + content: "\f236" +} +.fa-viacoin:before { + content: "\f237" +} +.fa-train:before { + content: "\f238" +} +.fa-subway:before { + content: "\f239" +} +.fa-medium:before { + content: "\f23a" +} +.fa-y-combinator:before, +.fa-yc:before { + content: "\f23b" +} +.fa-optin-monster:before { + content: "\f23c" +} +.fa-opencart:before { + content: "\f23d" +} +.fa-expeditedssl:before { + content: "\f23e" +} +.fa-battery-4:before, +.fa-battery-full:before { + content: "\f240" +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241" +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242" +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243" +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244" +} +.fa-mouse-pointer:before { + content: "\f245" +} +.fa-i-cursor:before { + content: "\f246" +} +.fa-object-group:before { + content: "\f247" +} +.fa-object-ungroup:before { + content: "\f248" +} +.fa-sticky-note:before { + content: "\f249" +} +.fa-sticky-note-o:before { + content: "\f24a" +} +.fa-cc-jcb:before { + content: "\f24b" +} +.fa-cc-diners-club:before { + content: "\f24c" +} +.fa-clone:before { + content: "\f24d" +} +.fa-balance-scale:before { + content: "\f24e" +} +.fa-hourglass-o:before { + content: "\f250" +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251" +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252" +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253" +} +.fa-hourglass:before { + content: "\f254" +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255" +} +.fa-hand-paper-o:before, +.fa-hand-stop-o:before { + content: "\f256" +} +.fa-hand-scissors-o:before { + content: "\f257" +} +.fa-hand-lizard-o:before { + content: "\f258" +} +.fa-hand-spock-o:before { + content: "\f259" +} +.fa-hand-pointer-o:before { + content: "\f25a" +} +.fa-hand-peace-o:before { + content: "\f25b" +} +.fa-trademark:before { + content: "\f25c" +} +.fa-registered:before { + content: "\f25d" +} +.fa-creative-commons:before { + content: "\f25e" +} +.fa-gg:before { + content: "\f260" +} +.fa-gg-circle:before { + content: "\f261" +} +.fa-tripadvisor:before { + content: "\f262" +} +.fa-odnoklassniki:before { + content: "\f263" +} +.fa-odnoklassniki-square:before { + content: "\f264" +} +.fa-get-pocket:before { + content: "\f265" +} +.fa-wikipedia-w:before { + content: "\f266" +} +.fa-safari:before { + content: "\f267" +} +.fa-chrome:before { + content: "\f268" +} +.fa-firefox:before { + content: "\f269" +} +.fa-opera:before { + content: "\f26a" +} +.fa-internet-explorer:before { + content: "\f26b" +} +.fa-television:before, +.fa-tv:before { + content: "\f26c" +} +.fa-contao:before { + content: "\f26d" +} +.fa-500px:before { + content: "\f26e" +} +.fa-amazon:before { + content: "\f270" +} +.fa-calendar-plus-o:before { + content: "\f271" +} +.fa-calendar-minus-o:before { + content: "\f272" +} +.fa-calendar-times-o:before { + content: "\f273" +} +.fa-calendar-check-o:before { + content: "\f274" +} +.fa-industry:before { + content: "\f275" +} +.fa-map-pin:before { + content: "\f276" +} +.fa-map-signs:before { + content: "\f277" +} +.fa-map-o:before { + content: "\f278" +} +.fa-map:before { + content: "\f279" +} +.fa-commenting:before { + content: "\f27a" +} +.fa-commenting-o:before { + content: "\f27b" +} +.fa-houzz:before { + content: "\f27c" +} +.fa-vimeo:before { + content: "\f27d" +} +.fa-black-tie:before { + content: "\f27e" +} +.fa-fonticons:before { + content: "\f280" +} +.fa-reddit-alien:before { + content: "\f281" +} +.fa-edge:before { + content: "\f282" +} +.fa-credit-card-alt:before { + content: "\f283" +} +.fa-codiepie:before { + content: "\f284" +} +.fa-modx:before { + content: "\f285" +} +.fa-fort-awesome:before { + content: "\f286" +} +.fa-usb:before { + content: "\f287" +} +.fa-product-hunt:before { + content: "\f288" +} +.fa-mixcloud:before { + content: "\f289" +} +.fa-scribd:before { + content: "\f28a" +} +.fa-pause-circle:before { + content: "\f28b" +} +.fa-pause-circle-o:before { + content: "\f28c" +} +.fa-stop-circle:before { + content: "\f28d" +} +.fa-stop-circle-o:before { + content: "\f28e" +} +.fa-shopping-bag:before { + content: "\f290" +} +.fa-shopping-basket:before { + content: "\f291" +} +.fa-hashtag:before { + content: "\f292" +} +.fa-bluetooth:before { + content: "\f293" +} +.fa-bluetooth-b:before { + content: "\f294" +} +.fa-percent:before { + content: "\f295" +} +.sttabs { + position: relative; + overflow: hidden; + margin: 0 auto; + width: 100%; + font-weight: 300 +} +.sticon::before { + display: inline-block; + margin: 0 .4em 0 0; + vertical-align: middle; + font-size: 20px; + speak: none; + -webkit-backface-visibility: hidden; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} +.sttabs nav { + text-align: center +} +.sttabs nav ul { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flex; + display: flex; + margin: 0 auto; + padding: 0; + font-family: Poppins, sans-serif; + list-style: none; + -ms-box-orient: horizontal; + -ms-box-pack: center; + -webkit-flex-flow: row wrap; + -moz-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + justify-content: center +} +.sttabs nav ul li { + position: relative; + z-index: 1; + display: block; + margin: 0; + text-align: center; + -webkit-flex: 1; + -moz-flex: 1; + -ms-flex: 1; + flex: 1 +} +.sttabs nav a { + position: relative; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 2.5 +} +.sttabs nav a span { + vertical-align: middle; + font-wight: 500; + font-size: 14px; + font-family: Rubik, sans-serif +} +.sttabs nav a:focus { + outline: 0 +} +.sttabs nav li.tab-current a { + color: #f33155 +} +.content-wrap { + background: #fff +} +.tabs-style-bar nav ul li a { + margin: 0 2px; + background-color: #f7fafc; + color: #686868; + padding: 5px 0; + transition: background-color .2s, color .2s +} +.tabs-style-bar nav ul li a:focus, +.tabs-style-bar nav ul li a:hover { + color: #f33155 +} +.tabs-style-bar nav ul li a span { + text-transform: uppercase; + letter-spacing: 1px; + font-size: 14px; + font-family: Poppins, sans-serif +} +.tabs-style-bar nav ul li.tab-current a { + background: #fb9678; + color: #fff +} +.tabs-style-iconbox nav { + background: #f7fafc +} +.tabs-style-iconbox nav ul li a { + overflow: visible; + padding: 25px 0; + line-height: 1; + -webkit-transition: color .2s; + transition: color .2s; + color: #263238 +} +.tabs-style-iconbox nav ul li.tab-current { + z-index: 1 +} +.tabs-style-iconbox nav ul li.tab-current a { + background: #41b3f9; + color: #fff; + box-shadow: -1px 0 0 #fff +} +.tabs-style-iconbox nav ul li.tab-current a::after { + position: absolute; + top: 100%; + left: 50%; + margin-left: -10px; + width: 0; + height: 0; + border: solid transparent; + border-width: 10px; + border-top-color: #41b3f9; + content: ''; + pointer-events: none +} +.tabs-style-iconbox nav ul li::after, +.tabs-style-iconbox nav ul li:first-child::before { + position: absolute; + top: 20%; + right: 0; + z-index: -1; + width: 1px; + height: 60%; + content: '' +} +.tabs-style-iconbox nav ul li:first-child::before { + right: auto; + left: 0 +} +.tabs-style-iconbox .sticon::before { + display: block; + margin: 0 0 .25em +} +.tabs-style-underline nav { + border: 1px solid rgba(120, 130, 140, .13) +} +.tabs-style-underline nav a { + padding: 20px 0; + border-left: 1px solid rgba(120, 130, 140, .13); + -webkit-transition: color .2s; + transition: color .2s; + color: #263238 +} +.tabs-style-underline nav li:last-child a { + border-right: 1px solid rgba(120, 130, 140, .13) +} +.tabs-style-underline nav li a::after { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 6px; + background: #fb9678; + content: ''; + -webkit-transition: -webkit-transform .3s; + transition: transform .3s; + -webkit-transform: translate3d(0, 150%, 0); + transform: translate3d(0, 150%, 0) +} +.tabs-style-underline nav li.tab-current a::after { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.tabs-style-linetriangle nav a { + overflow: visible; + border-bottom: 1px solid rgba(0, 0, 0, .2); + -webkit-transition: color .2s; + transition: color .2s +} +.tabs-style-linetriangle nav a span { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + padding: 15px 0; + color: #263238 +} +.tabs-style-linetriangle nav li.tab-current a:after, +.tabs-style-linetriangle nav li.tab-current a:before { + position: absolute; + top: 100%; + left: 50%; + width: 0; + height: 0; + border: solid transparent; + content: ''; + pointer-events: none +} +.tabs-style-linetriangle nav li.tab-current a:after { + margin-left: -10px; + border-width: 10px; + border-top-color: #fff +} +.tabs-style-linetriangle nav li.tab-current a span { + color: #f33155 +} +.tabs-style-linetriangle nav li.tab-current a:before { + margin-left: -11px; + border-width: 11px; + border-top-color: rgba(0, 0, 0, .2) +} +.tabs-style-iconfall { + overflow: visible +} +.tabs-style-iconfall nav { + max-width: 1200px; + margin: 0 auto +} +.tabs-style-iconfall nav a { + display: inline-block; + overflow: visible; + padding: 1em 0 2em; + color: #263238; + line-height: 1; + -webkit-transition: color .3s cubic-bezier(.7, 0, .3, 1); + transition: color .3s cubic-bezier(.7, 0, .3, 1) +} +.tabs-style-iconfall nav a:focus, +.tabs-style-iconfall nav a:hover, +.tabs-style-iconfall nav li.tab-current a { + color: #f33155 +} +.tabs-style-iconfall nav li::before { + position: absolute; + bottom: 1em; + left: 50%; + margin-left: -20px; + width: 40px; + height: 4px; + background: #f33155; + content: ''; + opacity: 0; + -webkit-transition: -webkit-transform .2s ease-in; + transition: transform .2s ease-in; + -webkit-transform: scale3d(0, 1, 1); + transform: scale3d(0, 1, 1) +} +.tabs-style-iconfall nav li.tab-current::before { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) +} +.tabs-style-iconfall nav li.tab-current .sticon::before { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.tabs-style-iconfall .sticon::before { + display: block; + margin: 0 0 .35em; + opacity: 0; + font-size: 24px; + -webkit-transition: -webkit-transform .2s, opacity .2s; + transition: transform .2s, opacity .2s; + -webkit-transform: translate3d(0, -100px, 0); + transform: translate3d(0, -100px, 0); + pointer-events: none +} +@media screen and (max-width: 58em) { + .tabs-style-iconfall nav li .sticon::before { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) + } +} +.tabs-style-linemove nav { + background: #f7fafc +} +.tabs-style-linemove nav li:last-child::before { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 4px; + background: #f33155; + content: ''; + -webkit-transition: -webkit-transform .3s; + transition: transform .3s +} +.tabs-style-linemove nav li:first-child.tab-current~li:last-child::before { + -webkit-transform: translate3d(-400%, 0, 0); + transform: translate3d(-400%, 0, 0) +} +.tabs-style-linemove nav li:nth-child(2).tab-current~li:last-child::before { + -webkit-transform: translate3d(-300%, 0, 0); + transform: translate3d(-300%, 0, 0) +} +.tabs-style-linemove nav li:nth-child(3).tab-current~li:last-child::before { + -webkit-transform: translate3d(-200%, 0, 0); + transform: translate3d(-200%, 0, 0) +} +.tabs-style-linemove nav li:nth-child(4).tab-current~li:last-child::before { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) +} +.tabs-style-linemove nav a { + padding: 30px 0; + color: #263238; + line-height: 1; + -webkit-transition: color .3s, -webkit-transform .3s; + transition: color .3s, transform .3s +} +.tabs-style-linemove nav li.tab-current a { + color: #f33155 +} +.tabs-style-line nav a { + padding: 20px 10px; + box-shadow: inset 0 -2px #d1d3d2; + color: #686868; + text-align: left; + text-transform: uppercase; + letter-spacing: 1px; + line-height: 1; + -webkit-transition: color .3s, box-shadow .3s; + transition: color .3s, box-shadow .3s +} +.tabs-style-line nav a:focus, +.tabs-style-line nav a:hover { + box-shadow: inset 0 -2px #74777b +} +.tabs-style-line nav li.tab-current a { + box-shadow: inset 0 -2px #f33155; + color: #f33155 +} +@media screen and (max-width: 58em) { + .tabs-style-line nav ul { + display: block; + box-shadow: none + } + .tabs-style-line nav ul li { + display: block; + -webkit-flex: none; + flex: none + } +} +.tabs-style-circle { + overflow: visible +} +.tabs-style-circle nav li { + margin-top: 60px!important; + margin-bottom: 60px!important +} +.tabs-style-circle nav li::before { + position: absolute; + top: 50%; + left: 50%; + margin: -60px 0 0 -60px; + width: 120px; + height: 120px; + border: 1px solid #fb9678; + border-radius: 50%; + content: ''; + opacity: 0; + -webkit-transition: -webkit-transform .2s, opacity .2s; + transition: transform .2s, opacity .2s; + -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1); + transition-timing-function: cubic-bezier(.7, 0, .3, 1) +} +.tabs-style-circle nav a { + overflow: visible; + color: #2b2b2b; + font-weight: 500; + font-size: 14; + line-height: 1.1; + -webkit-transition: color .3s cubic-bezier(.7, 0, .3, 1); + transition: color .3s cubic-bezier(.7, 0, .3, 1) +} +.tabs-style-circle nav a span { + display: inline-block +} +.tabs-style-circle nav a:focus, +.tabs-style-circle nav a:hover, +.tabs-style-circle nav li.tab-current a { + color: #f33155 +} +.tabs-style-circle nav li.tab-current a span { + -webkit-transform: translate3d(0, 4px, 0); + transform: translate3d(0, 4px, 0) +} +@media screen and (max-width: 58em) { + .tabs-style-circle nav li::before { + margin: -40px 0 0 -40px; + width: 80px; + height: 80px + } +} +.tabs-style-circle nav li.tab-current::before { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) +} +.tabs-style-circle .icon::before, +.tabs-style-circle nav a span { + -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1); + transition: transform .3s cubic-bezier(.7, 0, .3, 1) +} +.tabs-style-circle .sticon::before { + display: block; + margin: 0; + pointer-events: none +} +.tabs-style-circle nav li.tab-current .sticon::before { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0) +} +.tabs-style-shape { + max-width: 1200px; + margin: 0 auto +} +.tabs-style-shape nav ul li { + margin: 0 3em +} +.tabs-style-shape nav ul li:first-child { + margin-left: 0 +} +.tabs-style-shape nav ul li.tab-current { + z-index: 1 +} +.tabs-style-shape nav li a { + overflow: visible; + margin: 0 -3em 0 0; + padding: 0; + color: #fff; + font-weight: 500 +} +.tabs-style-shape nav li a svg { + position: absolute; + left: 100%; + margin: 0; + width: 3em; + height: 100%; + fill: #bdc2c9 +} +.tabs-style-shape nav li:first-child a span { + padding-left: 2em; + border-radius: 30px 0 0 +} +.tabs-style-shape nav li:last-child a span { + padding-right: 2em; + border-radius: 0 30px 0 0 +} +.tabs-style-shape nav li a svg:nth-child(2), +.tabs-style-shape nav li:last-child a svg { + right: 100%; + left: auto; + -webkit-transform: scale3d(-1, 1, 1); + transform: scale3d(-1, 1, 1) +} +.tabs-style-shape nav li a span { + display: block; + overflow: hidden; + padding: .65em 0; + background-color: #bdc2c9; + text-overflow: ellipsis; + white-space: nowrap +} +.tabs-style-shape nav li a:hover span { + background-color: #f33155 +} +.tabs-style-shape nav li a:hover svg { + fill: #f33155 +} +.tabs-style-shape nav li a svg { + pointer-events: none +} +.tabs-style-shape nav li a svg use { + pointer-events: auto +} +.tabs-style-shape nav li.tab-current a span, +.tabs-style-shape nav li.tab-current a svg { + -webkit-transition: none; + transition: none +} +.tabs-style-shape nav li.tab-current a span { + background: #f7fafc +} +.tabs-style-shape nav li.tab-current a svg { + fill: #f7fafc +} +.tabs-style-shape .content-wrap { + background: #f7fafc +} +@media screen and (max-width: 58em) { + .tabs-style-shape nav ul { + display: block; + padding-top: 1.5em + } + .tabs-style-shape nav ul li { + display: block; + margin: -1.25em 0 0; + -webkit-flex: none; + flex: none + } + .tabs-style-shape nav ul li a { + margin: 0 + } + .tabs-style-shape nav ul li svg { + display: none + } + .tabs-style-shape nav ul li a span { + padding: 1.25em 0 2em!important; + border-radius: 30px 30px 0 0!important; + box-shadow: 0 -1px 2px rgba(0, 0, 0, .1); + line-height: 1 + } + .tabs-style-shape nav ul li:last-child a span { + padding: 1.25em 0!important + } + .tabs-style-shape nav ul li.tab-current { + z-index: 1 + } +} +.tabs-style-linebox nav ul li { + margin: 0 .5em; + -webkit-flex: none; + flex: none +} +.tabs-style-linebox nav a { + padding: 0 1.5em; + color: #263238; + font-weight: 500; + -webkit-transition: color .3s; + transition: color .3s +} +.tabs-style-linebox nav a:focus, +.tabs-style-linebox nav a:hover { + color: #f33155 +} +.tabs-style-linebox nav li.tab-current a { + color: #fff +} +.tabs-style-linebox nav a::after { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + background: #d2d8d6; + content: ''; + -webkit-transition: background-color .3s, -webkit-transform .3s; + transition: background-color .3s, transform .3s; + -webkit-transition-timing-function: ease, cubic-bezier(.7, 0, .3, 1); + transition-timing-function: ease, cubic-bezier(.7, 0, .3, 1); + -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); + transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0) +} +.tabs-style-linebox nav li.tab-current a::after { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.tabs-style-linebox nav a:focus::after, +.tabs-style-linebox nav a:hover::after, +.tabs-style-linebox nav li.tab-current a::after { + background: #f33155 +} +@media screen and (max-width: 58em) { + .tabs-style-linebox nav ul { + display: block; + box-shadow: none + } + .tabs-style-linebox nav ul li { + display: block; + -webkit-flex: none; + flex: none + } +} +.tabs-style-flip { + max-width: 1200px; + margin: 0 auto +} +.tabs-style-flip nav a { + padding: .5em 0; + color: #263238; + -webkit-transition: color .3s; + transition: color .3s +} +.tabs-style-flip nav a:focus, +.tabs-style-flip nav a:hover { + color: #f33155 +} +.tabs-style-flip nav a span { + text-transform: uppercase; + letter-spacing: 1px +} +.tabs-style-flip nav a::after { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + background-color: #f0f0f0; + content: ''; + -webkit-transition: -webkit-transform .3s, background-color .3s; + transition: transform .3s, background-color .3s; + -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg); + transform: perspective(900px) rotate3d(1, 0, 0, 90deg); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-perspective-origin: 50% 100%; + perspective-origin: 50% 100% +} +.tabs-style-flip nav li.tab-current a { + color: #f33155 +} +.tabs-style-flip nav li.tab-current a::after { + background-color: #f7fafc; + -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); + transform: perspective(900px) rotate3d(1, 0, 0, 0deg) +} +.tabs-style-flip .content-wrap { + background: #f7fafc +} +.tabs-style-circlefill { + max-width: 800px; + border: 1px solid #f33155; + margin: 0 auto +} +.tabs-style-circlefill nav ul li { + overflow: hidden; + border-right: 1px solid #f33155 +} +.tabs-style-circlefill nav li a { + padding: 1.5em 0; + color: #fff; + font-size: 1.25em +} +.tabs-style-circlefill nav li:first-child { + border-left: none +} +.tabs-style-circlefill nav li:last-child { + border: none +} +.tabs-style-circlefill nav li::before { + position: absolute; + top: 50%; + left: 50%; + margin: -40px 0 0 -40px; + width: 80px; + height: 80px; + border: 1px solid #f33155; + border-radius: 50%; + background: #f33155; + content: ''; + -webkit-transition: -webkit-transform .3s; + transition: transform .3s +} +.tabs-style-circlefill nav li.tab-current::before { + -webkit-transform: scale3d(2.5, 2.5, 1); + transform: scale3d(2.5, 2.5, 1) +} +.tabs-style-circlefill nav a { + -webkit-transition: color .3s; + transition: color .3s +} +.tabs-style-circlefill nav a span { + display: none +} +.tabs-style-circlefill nav li.tab-current a { + color: #fff +} +.tabs-style-circlefill .icon::before { + display: block; + margin: 0; + pointer-events: none +} +.tabs-style-circlefill .content-wrap { + border-top: 1px solid #f33155 +} +.content-wrap { + position: relative +} +.content-wrap section { + display: none; + margin: 0 auto; + padding: 25px; + min-height: 150px +} +.content-wrap section p { + margin: 0; + padding: .75em 0 +} +.content-wrap section.content-current { + display: block +} +.no-js .content-wrap section { + display: block; + padding-bottom: 2em; + border-bottom: 1px solid rgba(255, 255, 255, .6) +} +.no-flexbox nav ul { + display: block +} +.no-flexbox nav ul li { + min-width: 15%; + display: inline-block +} +@media screen and (max-width: 58em) { + .sttabs nav a span { + display: none + } + .sttabs nav a:before { + margin-right: 0 + } +} +.mytooltip { + display: inline; + position: relative; + z-index: 9999 +} +.tooltip-item { + background: rgba(0, 0, 0, .1); + cursor: pointer; + display: inline-block; + font-weight: 500; + padding: 0 10px +} +.tooltip-item::after { + content: ''; + position: absolute; + width: 360px; + height: 20px; + bottom: 100%; + left: 50%; + pointer-events: none; + -webkit-transform: translateX(-50%); + transform: translateX(-50%) +} +.mytooltip:hover .tooltip-item::after { + pointer-events: auto +} +.tooltip-content { + position: absolute; + z-index: 9999; + width: 360px; + left: 50%; + margin: 0 0 20px -180px; + bottom: 100%; + text-align: left; + font-size: 14px; + line-height: 30px; + box-shadow: -5px -5px 15px rgba(48, 54, 61, .2); + background: #2b2b2b; + opacity: 0; + cursor: default; + pointer-events: none +} +.tooltip-effect-1 .tooltip-content { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s; + color: #fff +} +.tooltip-effect-2 .tooltip-content { + -webkit-transform-origin: 50% calc(110%); + transform-origin: 50% calc(110%); + -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); + transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); + -webkit-transition: opacity .2s, -webkit-transform .2s; + transition: opacity .2s, transform .2s +} +.tooltip-effect-3 .tooltip-content { + -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); + transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-effect-4 .tooltip-content { + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale3d(.7, .3, 1); + transform: scale3d(.7, .3, 1); + -webkit-transition: opacity .2s, -webkit-transform .2s; + transition: opacity .2s, transform .2s +} +.tooltip-effect-5 .tooltip-content { + width: 180px; + margin-left: -90px; + -webkit-transform-origin: 50% calc(106%); + transform-origin: 50% calc(106%); + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + -webkit-transition: opacity .2s, -webkit-transform .2s; + transition: opacity .2s, transform .2s; + -webkit-transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39); + transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39) +} +.mytooltip:hover .tooltip-content { + pointer-events: auto; + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); + transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0) +} +.tooltip.tooltip-effect-2:hover .tooltip-content { + -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); + transform: perspective(1000px) rotate3d(1, 0, 0, 0deg) +} +.tooltip-content::after { + content: ''; + top: 100%; + left: 50%; + border: solid transparent; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: #2a3035 transparent transparent; + border-width: 10px; + margin-left: -10px +} +.tooltip-content img { + position: relative; + height: 140px; + display: block; + float: left; + margin-right: 1em +} +.tooltip-text { + font-size: 14px; + line-height: 24px; + display: block; + padding: 1.31em 1.21em 1.21em 0; + color: #fff +} +.tooltip-effect-5 .tooltip-text { + padding: 1.4em +} +a.mytooltip { + font-weight: 500; + color: #fb9678 +} +.tooltip-content2 { + position: absolute; + z-index: 9999; + width: 80px; + height: 80px; + padding-top: 25px; + left: 50%; + margin-left: -40px; + bottom: 100%; + border-radius: 50%; + text-align: center; + background: #fb9678; + color: #fff; + opacity: 0; + margin-bottom: 20px; + cursor: default; + pointer-events: none +} +.tooltip-content2 i { + opacity: 0 +} +.mytooltip:hover .tooltip-content2, +.mytooltip:hover .tooltip-content2 i { + opacity: 1; + font-size: 18px +} +.tooltip-effect-6 .tooltip-content2 { + -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); + transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-effect-6 .tooltip-content2 i { + -webkit-transform: scale3d(0, 0, 1); + transform: scale3d(0, 0, 1); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-effect-7 .tooltip-content2 { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-effect-7 .tooltip-content2 i { + -webkit-transform: translate3d(0, 15px, 0); + transform: translate3d(0, 15px, 0); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-effect-8 .tooltip-content2 { + -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); + transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-effect-8 .tooltip-content2 i { + -webkit-transform: scale3d(0, 0, 1); + transform: scale3d(0, 0, 1); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-effect-9 .tooltip-content2 { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-effect-9 .tooltip-content2 i { + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.mytooltip:hover .tooltip-content2, +.mytooltip:hover .tooltip-content2 i { + pointer-events: auto; + -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); + transform: translate3d(0, 0, 0) scale3d(1, 1, 1) +} +.tooltip-effect-6:hover .tooltip-content2 i { + -webkit-transform: rotate3d(1, 1, 1, 0); + transform: rotate3d(1, 1, 1, 0) +} +.tooltip-content2::after { + content: ''; + position: absolute; + top: 100%; + left: 50%; + margin: -7px 0 0 -15px; + width: 30px; + height: 20px; + /*background: url(../../plugins/images/tooltip/tooltip1.svg) center center no-repeat;*/ + background-size: 100% +} +.tooltip-content3 { + position: absolute; + /*background: url(../../plugins/images/tooltip/shape1.svg) center bottom no-repeat;*/ + background-size: 100% 100%; + z-index: 9999; + width: 200px; + bottom: 100%; + left: 50%; + margin-left: -100px; + padding: 50px 30px; + text-align: center; + color: #fff; + opacity: 0; + cursor: default; + font-size: 14; + line-height: 27px; + pointer-events: none; + -webkit-transform: scale3d(.1, .2, 1); + transform: scale3d(.1, .2, 1); + -webkit-transform-origin: 50% 120%; + transform-origin: 50% 120%; + -webkit-transition: opacity .4s, -webkit-transform .4s; + transition: opacity .4s, transform .4s; + -webkit-transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1); + transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1) +} +.mytooltip:hover .tooltip-content3 { + opacity: 1; + pointer-events: auto; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) +} +.tooltip-content3::after { + content: ''; + position: absolute; + width: 16px; + height: 16px; + left: 50%; + margin-left: -8px; + top: 100%; + background: #00AEEF; + -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); + transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg) +} +.tooltip-item2 { + color: #03a9f3; + cursor: pointer; + z-index: 100; + position: relative; + display: inline-block; + font-weight: 500; + -webkit-transition: background-color .3s, color .3s, -webkit-transform .3s; + transition: background-color .3s, color .3s, transform .3s +} +.mytooltip:hover .tooltip-item2 { + color: #fff; + -webkit-transform: translate3d(0, -.5em, 0); + transform: translate3d(0, -.5em, 0) +} +.tooltip-content4 { + position: absolute; + z-index: 99; + width: 360px; + left: 50%; + margin-left: -180px; + bottom: -5px; + text-align: left; + background: #03a9f3; + opacity: 0; + font-size: 14px; + line-height: 27px; + padding: 1.5em; + color: #fff; + border-bottom: 55px solid #2b2b2b; + cursor: default; + pointer-events: none; + border-radius: 5px; + -webkit-transform: translate3d(0, -.5em, 0); + transform: translate3d(0, -.5em, 0); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.tooltip-content4 a { + color: #2b2b2b +} +.tooltip-text2 { + opacity: 0; + -webkit-transform: translate3d(0, 1.5em, 0); + transform: translate3d(0, 1.5em, 0); + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s +} +.mytooltip:hover .tooltip-content4, +.mytooltip:hover .tooltip-text2 { + pointer-events: auto; + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.tooltip-content5 { + position: absolute; + z-index: 9999; + width: 300px; + left: 50%; + bottom: 100%; + font-size: 20px; + line-height: 1.4; + text-align: center; + font-weight: 400; + color: #fff; + background: 0 0; + opacity: 0; + margin: 0 0 20px -150px; + cursor: default; + pointer-events: none; + -webkit-font-smoothing: antialiased; + -webkit-transition: opacity .3s .3s; + transition: opacity .3s .3s +} +.mytooltip:hover .tooltip-content5 { + opacity: 1; + pointer-events: auto; + -webkit-transition-delay: 0s; + transition-delay: 0s +} +.tooltip-content5 span { + display: block +} +.tooltip-text3 { + border-bottom: 10px solid #fb9678; + overflow: hidden; + -webkit-transform: scale3d(0, 1, 1); + transform: scale3d(0, 1, 1); + -webkit-transition: -webkit-transform .3s .3s; + transition: transform .3s .3s +} +.mytooltip:hover .tooltip-text3 { + -webkit-transition-delay: 0s; + transition-delay: 0s; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) +} +.tooltip-inner2 { + background: #2b2b2b; + padding: 40px; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + webkit-transition: -webkit-transform .3s; + transition: transform .3s +} +.mytooltip:hover .tooltip-inner2 { + -webkit-transition-delay: .3s; + transition-delay: .3s; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.tooltip-content5::after { + content: ''; + bottom: -20px; + left: 50%; + border: solid transparent; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: #fb9678 transparent transparent; + border-width: 10px; + margin-left: -10px +} +@media (max-width: 1350px) { + .carousel .item h3 { + font-size: 17px; + height: 90px + } + .inbox-center a { + width: 400px + } +} +.search-listing { + padding: 0; + margin: 0 +} +.search-listing li { + list-style: none; + padding: 15px 0; + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.search-listing li h3 { + margin: 0; + font-size: 18px +} +.search-listing li h3 a { + color: #41b3f9 +} +.search-listing li h3 a:hover { + text-decoration: underline +} +.search-listing li a { + color: #7ace4c +} +a.dt-button, +button.dt-button, +div.dt-button { + background: #41b3f9; + color: #fff; + border-color: #41b3f9 +} +a.dt-button:hover, +button.dt-button:hover, +div.dt-button:hover { + background: #41b3f9 +} +a.dt-button:hover:not(.disabled), +button.dt-button:hover:not(.disabled), +div.dt-button:hover:not(.disabled) { + background: #f7fafc; + color: #263238; + border-color: rgba(120, 130, 140, .13) +} +.dataTables_filter input { + border: 1px solid rgba(120, 130, 140, .13) +} +table.dataTable.display tbody tr.even>.sorting_1, +table.dataTable.display tbody tr.odd>.sorting_1, +table.dataTable.display tbody tr:hover>.sorting_1, +table.dataTable.order-column.hover tbody tr:hover>.sorting_1, +table.dataTable.order-column.stripe tbody tr.even>.sorting_1, +table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { + background: 0 0 +} +.note-editor { + border: 1px solid rgba(120, 130, 140, .13) +} +.note-editor .panel-heading { + padding: 6px 10px 10px +} +.page-aside { + position: relative +} +.left-aside { + position: absolute; + background: #fff; + border-right: 1px solid rgba(120, 130, 140, .13); + padding: 20px; + width: 250px; + height: 100% +} +.right-aside { + padding: 20px; + margin-left: 250px +} +.right-aside .contact-list th { + white-space: nowrap +} +.right-aside .contact-list td { + vertical-align: middle; + white-space: nowrap; + padding: 25px 10px +} +.right-aside .contact-list td img { + width: 30px +} +.contact-list th { + white-space: nowrap +} +.contact-list td { + vertical-align: middle; + padding: 25px 10px; + white-space: nowrap +} +.contact-list td img { + width: 30px +} +.list-style-none { + margin: 0; + padding: 0 +} +.list-style-none li { + list-style: none; + margin: 0 +} +.list-style-none li.box-label a { + font-weight: 500 +} +.list-style-none li.divider { + margin: 10px 0; + height: 1px; + background: rgba(120, 130, 140, .13) +} +.list-style-none li a { + padding: 15px 10px; + display: block; + color: #313131 +} +.list-style-none li a:hover { + color: #2cabe3 +} +.list-style-none li a span { + float: right +} +.chat-main-box { + position: relative; + background: #fff; + overflow: hidden +} +.chat-main-box .chat-left-aside { + position: absolute; + width: 250px; + z-index: 9; + top: 0; + border-right: 1px solid rgba(120, 130, 140, .13) +} +.chat-main-box .chat-left-aside .open-panel { + display: none; + cursor: pointer; + position: absolute; + left: -webkit-calc(99%); + top: 50%; + z-index: 100; + background-color: #fff; + -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .2); + box-shadow: 1px 0 3px rgba(0, 0, 0, .2); + border-radius: 0 100px 100px 0; + line-height: 1; + padding: 15px 8px 15px 4px +} +.chat-main-box .chat-left-aside .chat-left-inner .form-control { + height: 60px +} +.chat-main-box .chat-left-aside .chat-left-inner .style-none { + padding: 0 +} +.chat-main-box .chat-left-aside .chat-left-inner .style-none li { + list-style: none; + overflow: hidden +} +.chat-main-box .chat-left-aside .chat-left-inner .style-none li a { + padding: 20px +} +.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active, +.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover { + background: #f7fafc +} +.chat-main-box .chat-right-aside { + margin-left: 250px +} +.chat-main-box .chat-right-aside .chat-list { + max-height: none; + height: 100%; + padding-top: 40px +} +.chat-main-box .chat-right-aside .chat-list .chat-text { + border-radius: 6px +} +.chat-main-box .chat-right-aside .send-chat-box { + position: relative +} +.chat-main-box .chat-right-aside .send-chat-box .form-control { + border: none; + border-top: 1px solid rgba(120, 130, 140, .13); + resize: none; + height: 80px; + padding-right: 180px +} +.chat-main-box .chat-right-aside .send-chat-box .form-control:focus { + border-color: rgba(120, 130, 140, .13) +} +.chat-main-box .chat-right-aside .send-chat-box .custom-send { + position: absolute; + right: 20px; + bottom: 10px +} +.chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon { + color: #313131; + margin-right: 10px +} +.el-element-overlay .white-box { + padding: 0 +} +.el-element-overlay .el-card-item { + position: relative; + padding-bottom: 25px +} +.el-element-overlay .el-card-item .el-card-avatar { + margin-bottom: 15px +} +.el-element-overlay .el-card-item .el-card-content { + text-align: center +} +.el-element-overlay .el-card-item .el-card-content h3 { + margin: 0 +} +.el-element-overlay .el-card-item .el-card-content a { + color: #313131 +} +.el-element-overlay .el-card-item .el-card-content a:hover { + color: #2cabe3 +} +.el-element-overlay .el-card-item .el-overlay-1 { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + text-align: center; + cursor: default +} +.el-element-overlay .el-card-item .el-overlay-1 img { + display: block; + position: relative; + -webkit-transition: all .4s linear; + transition: all .4s linear; + width: 100%; + height: auto +} +.el-element-overlay .el-card-item .el-overlay-1:hover img { + -ms-transform: scale(1.2) translateZ(0); + -webkit-transform: scale(1.2) translateZ(0) +} +.el-element-overlay .el-card-item .el-overlay-1 .el-info { + text-decoration: none; + display: inline-block; + text-transform: uppercase; + color: #fff; + background-color: transparent; + filter: alpha(opacity=0); + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + padding: 0; + margin: auto; + position: absolute; + top: 50%; + left: 0; + right: 0; + transform: translateY(-50%) translateZ(0); + -webkit-transform: translateY(-50%) translateZ(0); + -ms-transform: translateY(-50%) translateZ(0) +} +.el-element-overlay .el-card-item .el-overlay-1 .el-info>li { + list-style: none; + display: inline-block; + margin: 0 3px +} +.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a { + border-color: #fff; + color: #fff; + padding: 12px 15px 10px +} +.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { + background: #f33155; + border-color: #f33155 +} +.el-element-overlay .el-card-item .el-overlay { + width: 100%; + height: 100%; + position: absolute; + overflow: hidden; + top: 0; + left: 0; + opacity: 0; + background-color: rgba(0, 0, 0, .7); + -webkit-transition: all .4s ease-in-out; + transition: all .4s ease-in-out +} +.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay { + opacity: 1; + filter: alpha(opacity=100); + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0) +} +.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn { + top: -100% +} +.el-element-overlay .el-card-item .el-overlay-1 .scrl-up { + top: 100%; + height: 0 +} +.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn { + top: 0 +} +.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up { + top: 0; + height: 100% +} +.login-sidebar { + position: absolute; + right: 0; + margin-top: 0; + height: 100% +} +.color-table.primary-table thead th { + background-color: #7460ee; + color: #fff +} +.color-table.success-table thead th { + background-color: #7ace4c; + color: #fff +} +.color-table.info-table thead th { + background-color: #41b3f9; + color: #fff +} +.color-table.warning-table thead th { + background-color: #fb4; + color: #fff +} +.color-table.danger-table thead th { + background-color: #f33155; + color: #fff +} +.color-table.inverse-table thead th { + background-color: #4c5667; + color: #fff +} +.color-table.dark-table thead th { + background-color: #263238; + color: #fff +} +.color-table.red-table thead th { + background-color: #f33155; + color: #fff +} +.color-table.purple-table thead th { + background-color: #707cd2; + color: #fff +} +.color-table.muted-table thead th { + background-color: #98a6ad; + color: #fff +} +.color-bordered-table.primary-bordered-table { + border: 2px solid #7460ee +} +.color-bordered-table.primary-bordered-table thead th { + background-color: #7460ee; + color: #fff +} +.color-bordered-table.success-bordered-table { + border: 2px solid #7ace4c +} +.color-bordered-table.success-bordered-table thead th { + background-color: #7ace4c; + color: #fff +} +.color-bordered-table.info-bordered-table { + border: 2px solid #41b3f9 +} +.color-bordered-table.info-bordered-table thead th { + background-color: #41b3f9; + color: #fff +} +.color-bordered-table.warning-bordered-table { + border: 2px solid #fb4 +} +.color-bordered-table.warning-bordered-table thead th { + background-color: #fb4; + color: #fff +} +.color-bordered-table.danger-bordered-table { + border: 2px solid #f33155 +} +.color-bordered-table.danger-bordered-table thead th { + background-color: #f33155; + color: #fff +} +.color-bordered-table.inverse-bordered-table { + border: 2px solid #4c5667 +} +.color-bordered-table.inverse-bordered-table thead th { + background-color: #4c5667; + color: #fff +} +.color-bordered-table.dark-bordered-table { + border: 2px solid #263238 +} +.color-bordered-table.dark-bordered-table thead th { + background-color: #263238; + color: #fff +} +.color-bordered-table.red-bordered-table { + border: 2px solid #f33155 +} +.color-bordered-table.red-bordered-table thead th { + background-color: #f33155; + color: #fff +} +.color-bordered-table.purple-bordered-table { + border: 2px solid #707cd2 +} +.color-bordered-table.purple-bordered-table thead th { + background-color: #707cd2; + color: #fff +} +.color-bordered-table.muted-bordered-table { + border: 2px solid #98a6ad +} +.color-bordered-table.muted-bordered-table thead th { + background-color: #98a6ad; + color: #fff +} +.full-color-table.full-primary-table { + background-color: rgba(171, 140, 228, .8) +} +.full-color-table.full-primary-table thead th { + background-color: #7460ee; + border: 0!important; + color: #fff +} +.full-color-table.full-primary-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-primary-table tr:hover { + background-color: #7460ee +} +.full-color-table.full-success-table { + background-color: rgba(0, 194, 146, .8) +} +.full-color-table.full-success-table thead th { + background-color: #7ace4c; + border: 0!important; + color: #fff +} +.full-color-table.full-success-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-success-table tr:hover { + background-color: #7ace4c +} +.full-color-table.full-info-table { + background-color: rgba(3, 169, 243, .8) +} +.full-color-table.full-info-table thead th { + background-color: #41b3f9; + border: 0!important; + color: #fff +} +.full-color-table.full-info-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-info-table tr:hover { + background-color: #41b3f9 +} +.full-color-table.full-warning-table { + background-color: rgba(254, 193, 7, .8) +} +.full-color-table.full-warning-table thead th { + background-color: #fb4; + border: 0!important; + color: #fff +} +.full-color-table.full-warning-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-warning-table tr:hover { + background-color: #fb4 +} +.full-color-table.full-danger-table { + background-color: rgba(251, 150, 120, .8) +} +.full-color-table.full-danger-table thead th { + background-color: #f33155; + border: 0!important; + color: #fff +} +.full-color-table.full-danger-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-danger-table tr:hover { + background-color: #f33155 +} +.full-color-table.full-inverse-table { + background-color: rgba(76, 86, 103, .8) +} +.full-color-table.full-inverse-table thead th { + background-color: #4c5667; + border: 0!important; + color: #fff +} +.full-color-table.full-inverse-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-inverse-table tr:hover { + background-color: #4c5667 +} +.full-color-table.full-dark-table { + background-color: rgba(43, 43, 43, .8) +} +.full-color-table.full-dark-table thead th { + background-color: #263238; + border: 0!important; + color: #fff +} +.full-color-table.full-dark-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-dark-table tr:hover { + background-color: #263238 +} +.full-color-table.full-red-table { + background-color: rgba(251, 58, 58, .8) +} +.full-color-table.full-red-table thead th { + background-color: #f33155; + border: 0!important; + color: #fff +} +.full-color-table.full-red-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-red-table tr:hover { + background-color: #f33155 +} +.full-color-table.full-purple-table { + background-color: rgba(150, 117, 206, .8) +} +.full-color-table.full-purple-table thead th { + background-color: #707cd2; + border: 0!important; + color: #fff +} +.full-color-table.full-purple-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-purple-table tr:hover { + background-color: #707cd2 +} +.full-color-table.full-muted-table { + background-color: rgba(152, 166, 173, .8) +} +.full-color-table.full-muted-table thead th { + background-color: #98a6ad; + border: 0!important; + color: #fff +} +.full-color-table.full-muted-table tbody td { + border: 0!important; + color: #fff +} +.full-color-table.full-muted-table tr:hover { + background-color: #98a6ad +} +.floating-labels .form-group { + position: relative +} +.floating-labels .form-control { + font-size: 20px; + padding: 10px 10px 10px 0; + display: block; + border: none; + border-bottom: 1px solid #e4e7ea +} +.floating-labels select.form-control>option { + font-size: 14px +} +.has-error .form-control { + border-bottom: 1px solid #f33155 +} +.has-warning .form-control { + border-bottom: 1px solid #fb4 +} +.has-success .form-control { + border-bottom: 1px solid #7ace4c +} +.floating-labels .form-control:focus { + outline: 0; + border: none +} +.floating-labels label { + color: #313131; + font-size: 16px; + position: absolute; + cursor: auto; + font-weight: 400; + top: 10px; + transition: .2s ease all; + -moz-transition: .2s ease all; + -webkit-transition: .2s ease all +} +.floating-labels .form-control:focus~label, +.floating-labels .form-control:valid~label { + top: -20px; + font-size: 12px; + color: #7460ee +} +.floating-labels .bar { + position: relative; + display: block +} +.floating-labels .bar:after, +.floating-labels .bar:before { + content: ''; + height: 2px; + width: 0; + bottom: 1px; + position: absolute; + background: #7460ee; + transition: .2s ease all; + -moz-transition: .2s ease all; + -webkit-transition: .2s ease all +} +.floating-labels .bar:before { + left: 50% +} +.floating-labels .bar:after { + right: 50% +} +.floating-labels .form-control:focus~.bar:after, +.floating-labels .form-control:focus~.bar:before { + width: 50% +} +.floating-labels .highlight { + position: absolute; + height: 60%; + width: 100px; + top: 25%; + left: 0; + pointer-events: none; + opacity: .5 +} +.floating-labels .input-lg, +.floating-labels .input-lg~label { + font-size: 24px +} +.floating-labels .input-sm, +.floating-labels .input-sm~label { + font-size: 16px +} +.has-warning .bar:after, +.has-warning .bar:before { + background: #fb4 +} +.has-success .bar:after, +.has-success .bar:before { + background: #7ace4c +} +.has-error .bar:after, +.has-error .bar:before { + background: #f33155 +} +.has-warning .form-control:focus~label, +.has-warning .form-control:valid~label { + color: #fb4 +} +.has-success .form-control:focus~label, +.has-success .form-control:valid~label { + color: #7ace4c +} +.has-error .form-control:focus~label, +.has-error .form-control:valid~label { + color: #f33155 +} +.has-feedback label~.t-0 { + top: 0 +} +.table.dataTable, +table.dataTable { + width: 99.8%!important +} +table.dataTable thead .sorting::after, +table.dataTable thead .sorting_asc::after, +table.dataTable thead .sorting_desc::after { + float: none; + padding-left: 10px +} +.re ul.two-part li i, +.re ul.two-part li span { + font-size: 36px +} +.bg-light h4 { + font-weight: 700 +} +.agent-contact, +.pro-desc { + font-size: 12px +} +.form-agent-inq .form-group { + margin-bottom: 10px +} +.agent-info { + max-height: 358px; + height: 358px; + background: #f7fafc +} +.pro-list { + margin-top: 15px +} +.pro-detail, +.pro-img { + display: table-cell; + vertical-align: top +} +.pro-detail h5 a { + color: #313131; + line-height: 20px; + font-weight: 500 +} +.pro-box .pro-list-img { + display: block; + height: 210px; + position: relative; + overflow: hidden +} +.pro-box .pro-label { + position: absolute; + text-transform: uppercase; + top: 0; + right: 0; + border-radius: 2px; + padding: 5px; + font-size: 80% +} +.pro-col-label { + padding: 7px; + width: 26%; + display: block; + margin-top: -15px; + margin-left: 37%; + border: 1px solid rgba(120, 130, 140, .13); + text-transform: uppercase +} +.pro-box .pro-label-img { + position: absolute; + top: 30px; + right: 30px +} +.pro-box.pro-horizontal pro-content { + width: 100%; + height: 210px +} +.pro-content .pro-list-details { + height: 138px; + max-height: 142px; + border-bottom: 1px solid rgba(120, 130, 140, .13); + border-right: 1px solid rgba(120, 130, 140, .13) +} +.pro-content .pro-list-info { + border-bottom: 1px solid rgba(120, 130, 140, .13) +} +.pro-agent .agent-name h5, +.pro-agent .agent-name small, +.pro-agent-col-3 .agent-name h5, +.pro-agent-col-3 .agent-name small, +.pro-content .pro-list-details h3, +.pro-content .pro-list-details h4, +.pro-content-3-col .pro-list-details h3, +.pro-content-3-col .pro-list-details h4, +.pro-content-3-col .pro-list-details h4 small, +.pro-list-info ul.pro-info li, +.pro-list-info-3-col ul.pro-info li, +.pro-location span, +ul.pro-info li span.label { + font-weight: 500 +} +.pro-list-info ul.pro-info, +.pro-list-info-3-col ul.pro-info { + padding: 16px 10px 10px; + list-style: none +} +.pro-list-info ul.pro-info li { + padding: 10px 0 10px 20px; + font-size: 12px +} +ul.pro-info li span.label { + width: 25px; + height: 25px; + padding: 8px; + border-radius: 50%; + margin-top: -4px; + margin-right: 15px; + font-size: 12px +} +ul.pro-amenities li span img, +ul.pro-info li span img { + margin-top: -8px; + padding-right: 12px +} +.pro-agent .agent-img a img, +.pro-agent-col-3 .agent-img a img { + border: 3px solid #fff; + box-shadow: 1px 1px 1px rgba(120, 130, 140, .13) +} +.pro-agent .agent-img, +.pro-agent .agent-name, +.pro-agent-col-3 .agent-img, +.pro-agent-col-3 .agent-name { + float: left +} +.pro-agent .agent-img { + padding-top: 12px +} +.pro-agent .agent-name { + padding: 10px 0 0 15px +} +.pro-location span { + padding-top: 27px +} +.pro-content-3-col { + padding: 15px; + background: #f7fafc +} +.pro-content-3-col .pro-list-details h4 small { + color: #f33155 +} +.pro-list-info-3-col ul.pro-info li { + padding: 10px 5px +} +.pro-agent-col-3 .agent-img { + padding: 15px +} +.pro-agent-col-3 .agent-name { + padding: 15px 15px 15px 5px +} +ul.pro-amenities { + list-style: none; + padding: 8px 0 +} +ul.pro-amenities li { + padding: 10px 0; + font-size: 12px +} +ul.pro-amenities li span i { + padding-right: 12px +} +.pro-rd .table>tbody>tr>td:first-child { + font-weight: 500 +} +.pro-rd .table>tbody>tr>td, +.pro-rd .table>tbody>tr>th { + border: none; + padding: 8px 8px 8px 0; + font-size: 12px +} +.pd-agent-info { + max-height: 200px; + height: 200px; + background: #f7fafc; + margin-top: 15px +} +.pd-agent-contact, +.pd-agent-inq { + padding: 25px +} +.pro-add-form .checkbox label, +.pro-add-form .radio label { + font-weight: 100 +} +.plugin-details { + display: none +} +.plugin-details-active { + display: block +} +.register-box { + max-width: 600px; + margin: 0 auto; + padding-top: 2% +} +.step-register { + position: absolute; + height: 100% +} +.material-icon-list-demo .icons div { + width: 33%; + padding: 15px; + display: inline-block; + line-height: 40px +} +.material-icon-list-demo .icons div i { + font-size: 24px; + vertical-align: middle; + margin-right: 10px +} +.material-icon-list-demo .icons div:hover { + background: #f7fafc +} +.full-width { + display: inline-block; + width: 100%; + height: auto +} +@media (max-width: 1680px) { + .weather-with-bg .wt-counter li { + padding: 10px 1px + } +} +@media (max-width: 1460px) { + .weather-with-bg .wt-counter li { + padding: 10px 0 + } + .weather-with-bg .wt-counter li a { + min-width: 38px; + margin-bottom: 7px; + height: 43px; + padding: 10px + } +} +@media (max-width: 1350px) { + .carousel .item h3 { + font-size: 17px; + height: 90px + } + .inbox-center a { + width: 400px + } + .new-login-register .lg-info-panel { + width: 450px + } + .new-login-register .new-login-box { + margin-left: 500px + } +} +@media (min-width: 1170px) { + .app-search .form-control:focus { + width: 300px + } + .hide-sidebar .top-left-part { + width: auto + } + .hide-sidebar .top-left-part .logo span { + display: none + } + .hide-sidebar .sidebar { + left: -240px; + transition: .5s ease-out + } + .hide-sidebar #page-wrapper { + margin-left: 0 + } + .hide-sidebar .footer { + left: 0 + } +} +@media (min-width: 768px) { + #page-wrapper { + position: inherit; + margin: 0 0 0 240px + } + .navbar-default { + position: relative; + width: 100%; + top: 0 + } + .sidebar { + z-index: 1001; + position: fixed; + width: 240px; + padding-top: 0; + height: 100%; + transition: .05s ease-in + } + .sidebar:hover { + width: 240px + } + .fix-header .navbar-static-top { + position: fixed; + z-index: 1010 + } + .fix-header #page-wrapper { + margin-top: 60px + } +} +.navbar-top-links .dropdown-alerts, +.navbar-top-links .dropdown-messages, +.navbar-top-links .dropdown-tasks { + margin-left: auto +} +.mail_listing { + border-left: 1px solid rgba(120, 130, 140, .13); + padding-left: 20px +} +.inbox-panel { + padding-right: 20px +} +.top-minus { + margin-top: -62px; + float: right +} +@media (max-width: 1170px) { + .content-wrapper .sidebar { + left: -240px + } + .content-wrapper #page-wrapper { + margin-left: 0 + } + .content-wrapper .footer, + .content-wrapper.show-sidebar .sidebar { + left: 0 + } + .col-in { + padding: 15px 0 + } + .col-in li.col-middle { + width: 100% + } +} +@media (max-width: 1023px) { + .b-r-none { + border-right: 0 + } + .carousel-inner h3 { + height: 90px; + overflow: hidden + } + .inbox-center a { + width: 300px + } + .new-login-register .lg-info-panel { + display: none + } + .new-login-register .new-login-box { + margin: 10% auto 0 + } +} +@media (max-width: 767px) { + .navbar-top-links { + float: left + } + .navbar-top-links .profile-pic img { + margin-right: 0 + } + .top-left-part { + width: 60px + } + .navbar-top-links>li:last-child { + margin-right: 0 + } + .navbar-top-links>li>a { + padding: 0 12px + } + .navbar-top-links .dropdown-alerts, + .navbar-top-links .dropdown-messages, + .navbar-top-links .dropdown-tasks { + width: 260px + } + .show-sidebar .sidebar { + width: 240px; + top: 0 + } + .show-sidebar .sidebar .hide-menu { + display: inline + } + .show-sidebar .sidebar .nav-small-cap { + display: block + } + .show-sidebar .sidebar .sidebar-head { + width: 240px; + display: block + } + .sidebar { + z-index: 1001; + position: fixed; + width: 0; + padding-top: 0; + height: 100% + } + .sidebar-head { + width: 0; + display: none + } + #page-wrapper { + margin: 0 + } + .row-in-br { + border-right: 0; + border-bottom: 1px solid rgba(120, 130, 140, .13) + } + .bg-title .breadcrumb { + float: left; + margin-top: 0; + margin-bottom: 10px + } + ul.timeline:before { + left: 40px + } + ul.timeline>li>.timeline-panel { + width: calc(100% - 90px) + } + ul.timeline>li>.timeline-badge { + top: 16px; + left: 15px; + margin-left: 0 + } + ul.timeline>li>.timeline-panel { + float: right + } + ul.timeline>li>.timeline-panel:before { + right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0 + } + ul.timeline>li>.timeline-panel:after { + right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0 + } + .wizard-steps>li { + display: block + } + .dropdown .dropdown-tasks, + .dropdown .mailbox { + left: -94px + } + .fix-header .navbar-static-top { + position: fixed; + top: 0; + width: 100% + } + .fix-header #page-wrapper { + margin-top: 60px + } + .mega-dropdown-menu { + height: 340px; + overflow: auto + } + .left-aside { + position: relative; + width: 100%; + border: 0 + } + .right-aside { + margin-left: 0 + } + .chat-main-box .chat-left-aside { + left: -250px; + transition: .5s ease-in; + background: #fff + } + .chat-main-box .chat-left-aside.open-pnl { + left: 0 + } + .chat-main-box .chat-left-aside .open-panel { + display: block + } + .chat-main-box .chat-right-aside { + margin: 0 + } + .table-responsive.pro-rd { + border: none + } + #msform fieldset, + .login-register, + .step-register { + position: relative + } + .mega-dropdown-menu { + padding-left: 20px + } + .calendar-widget .cal-left { + position: relative; + width: 100% + } + .calendar-widget .cal-left .cal-btm-text { + position: relative; + bottom: 0; + padding-top: 30px + } + .calendar-widget .cal-right { + width: 100% + } + .calendar-widget .cal-right .cal-table td { + padding: 15px 0 + } + .calendar-widget .cal-right .cal-table td h1 { + padding-left: 20px + } + .error-body h1 { + font-size: 80px; + line-height: 100px + } + .weather-with-bg .wt-top .wt-img h1 { + font-size: 24px; + line-height: 24px + } + .manage-table { + margin: 0 + } + .dp-table img { + width: 50px + } + .earning-box li .er-row .er-text { + width: 37% + } + .earning-box li .er-row .er-count { + font-size: 24px + } + .sidebar .nav-second-level li a, + .sidebar:hover .nav-second-level li a { + padding-left: 40px + } + .sidebar .nav-third-level li a, + .sidebar:hover .nav-third-level li a { + padding-left: 60px + } +} +@media (max-width: 480px) { + .vtabs .tabs-vertical { + width: auto + } + .stat-item { + padding-right: 0 + } + .login-box { + width: 100% + } + .pro-content .pro-list-details { + height: 100px; + border-right: none + } + .pro-list-info ul.pro-info li { + padding: 10px 0 + } + .pro-list-info ul.pro-info { + padding-left: 0 + } + .pro-agent .agent-img { + padding-top: 3px + } + .pro-agent .agent-name { + padding: 2px 0 10px 15px + } + .new-login-register .lg-info-panel { + display: none + } + .new-login-register .new-login-box { + margin: 10% auto 0; + width: 300px + } +} + +.currency-logo-sprite { + margin-right: 8px; + margin-top: 1px; + float: left; +} diff --git a/templates/dashboard_assets/js/custom.js b/templates/dashboard_assets/js/custom.js new file mode 100644 index 0000000000..673051b2f4 --- /dev/null +++ b/templates/dashboard_assets/js/custom.js @@ -0,0 +1,129 @@ +/*jslint browser: true*/ +/*global $, jQuery, alert*/ + +$(document).ready(function () { + + "use strict"; + + var body = $("body"); + + $(function () { + $(".preloader").fadeOut(); + }); + + /* =========================================================== + Loads the correct sidebar on window load. + collapses the sidebar on window resize. + Sets the min-height of #page-wrapper to window size. + =========================================================== */ + + $(function () { + var set = function () { + var topOffset = 60, + width = (window.innerWidth > 0) ? window.innerWidth : this.screen.width, + height = ((window.innerHeight > 0) ? window.innerHeight : this.screen.height) - 1; + + + + /* ===== This is for resizing window ===== */ + + if (width < 1170) { + body.addClass('content-wrapper'); + $(".sidebar-nav, .slimScrollDiv").css("overflow-x", "visible").parent().css("overflow", "visible"); + } else { + body.removeClass('content-wrapper'); + } + + height = height - topOffset; + if (height < 1) { + height = 1; + } + if (height > topOffset) { + $("#page-wrapper").css("min-height", (height) + "px"); + } + }, + url = window.location, + element = $('ul.nav a').filter(function () { + return this.href === url || url.href.indexOf(this.href) === 0; + }).addClass('active').parent().parent().addClass('in').parent(); + if (element.is('li')) { + element.addClass('active'); + } + $(window).ready(set); + $(window).bind("resize", set); + }); + + + /* ===== Tooltip Initialization ===== */ + + $(function () { + $('[data-toggle="tooltip"]').tooltip(); + }); + + /* ===== Popover Initialization ===== */ + + $(function () { + $('[data-toggle="popover"]').popover(); + }); + + /* ===== Task Initialization ===== */ + + $(".list-task li label").on("click", function () { + $(this).toggleClass("task-done"); + }); + $(".settings_box a").on("click", function () { + $("ul.theme_color").toggleClass("theme_block"); + }); + + /* ===== Collepsible Toggle ===== */ + + $(".collapseble").on("click", function () { + $(".collapseblebox").fadeToggle(350); + }); + + /* ===== Sidebar ===== */ + + $('.slimscrollright').slimScroll({ + height: '100%', + position: 'right', + size: "5px", + color: '#dcdcdc' + }); + $('.slimscrollsidebar').slimScroll({ + height: '100%', + position: 'right', + size: "6px", + color: 'rgba(0,0,0,0.3)' + }); + + /* ===== Resize all elements ===== */ + + body.trigger("resize"); + + /* ===== Visited ul li ===== */ + + $('.visited li a').on("click", function (e) { + $('.visited li').removeClass('active'); + var $parent = $(this).parent(); + if (!$parent.hasClass('active')) { + $parent.addClass('active'); + } + e.preventDefault(); + }); + + /* ===== Login and Recover Password ===== */ + + $('#to-recover').on("click", function () { + $("#loginform").slideUp(); + $("#recoverform").fadeIn(); + }); + + /* ================================================================= + Update 1.5 + this is for close icon when navigation open in mobile view + ================================================================= */ + + $(".navbar-toggle").on("click", function () { + $(".navbar-toggle i").toggleClass("ti-menu").addClass("ti-close"); + }); +}); diff --git a/templates/dashboard_assets/js/jquery.slimscroll.js b/templates/dashboard_assets/js/jquery.slimscroll.js new file mode 100644 index 0000000000..92c4dd2377 --- /dev/null +++ b/templates/dashboard_assets/js/jquery.slimscroll.js @@ -0,0 +1 @@ +!function(e){e.fn.extend({slimScroll:function(i){var o={width:"auto",height:"250px",size:"7px",color:"#000",position:"right",distance:"1px",start:"top",opacity:.4,alwaysVisible:!1,disableFadeOut:!1,railVisible:!1,railColor:"#333",railOpacity:.2,railDraggable:!0,railClass:"slimScrollRail",barClass:"slimScrollBar",wrapperClass:"slimScrollDiv",allowPageScroll:!1,wheelStep:20,touchScrollStep:200,borderRadius:"7px",railBorderRadius:"7px"},s=e.extend(o,i);return this.each(function(){function o(t){if(h){var t=t||window.event,i=0;t.wheelDelta&&(i=-t.wheelDelta/120),t.detail&&(i=t.detail/3);var o=t.target||t.srcTarget||t.srcElement;e(o).closest("."+s.wrapperClass).is(x.parent())&&r(i,!0),t.preventDefault&&!y&&t.preventDefault(),y||(t.returnValue=!1)}}function r(e,t,i){y=!1;var o=e,r=x.outerHeight()-R.outerHeight();if(t&&(o=parseInt(R.css("top"))+e*parseInt(s.wheelStep)/100*R.outerHeight(),o=Math.min(Math.max(o,0),r),o=e>0?Math.ceil(o):Math.floor(o),R.css({top:o+"px"})),v=parseInt(R.css("top"))/(x.outerHeight()-R.outerHeight()),o=v*(x[0].scrollHeight-x.outerHeight()),i){o=e;var a=o/x[0].scrollHeight*x.outerHeight();a=Math.min(Math.max(a,0),r),R.css({top:a+"px"})}x.scrollTop(o),x.trigger("slimscrolling",~~o),n(),c()}function a(e){window.addEventListener?(e.addEventListener("DOMMouseScroll",o,!1),e.addEventListener("mousewheel",o,!1)):document.attachEvent("onmousewheel",o)}function l(){f=Math.max(x.outerHeight()/x[0].scrollHeight*x.outerHeight(),m),R.css({height:f+"px"});var e=f==x.outerHeight()?"none":"block";R.css({display:e})}function n(){if(l(),clearTimeout(p),v==~~v){if(y=s.allowPageScroll,b!=v){var e=0==~~v?"top":"bottom";x.trigger("slimscroll",e)}}else y=!1;return b=v,f>=x.outerHeight()?void(y=!0):(R.stop(!0,!0).fadeIn("fast"),void(s.railVisible&&E.stop(!0,!0).fadeIn("fast")))}function c(){s.alwaysVisible||(p=setTimeout(function(){s.disableFadeOut&&h||u||d||(R.fadeOut("slow"),E.fadeOut("slow"))},1e3))}var h,u,d,p,g,f,v,b,w="
",m=30,y=!1,x=e(this);if(x.parent().hasClass(s.wrapperClass)){var C=x.scrollTop();if(R=x.closest("."+s.barClass),E=x.closest("."+s.railClass),l(),e.isPlainObject(i)){if("height"in i&&"auto"==i.height){x.parent().css("height","auto"),x.css("height","auto");var H=x.parent().parent().height();x.parent().css("height",H),x.css("height",H)}if("scrollTo"in i)C=parseInt(s.scrollTo);else if("scrollBy"in i)C+=parseInt(s.scrollBy);else if("destroy"in i)return R.remove(),E.remove(),void x.unwrap();r(C,!1,!0)}}else if(!(e.isPlainObject(i)&&"destroy"in i)){s.height="auto"==s.height?x.parent().height():s.height;var S=e(w).addClass(s.wrapperClass).css({position:"relative",overflow:"hidden",width:s.width,height:s.height});x.css({overflow:"hidden",width:s.width,height:s.height});var E=e(w).addClass(s.railClass).css({width:s.size,height:"100%",position:"absolute",top:0,display:s.alwaysVisible&&s.railVisible?"block":"none","border-radius":s.railBorderRadius,background:s.railColor,opacity:s.railOpacity,zIndex:90}),R=e(w).addClass(s.barClass).css({background:s.color,width:s.size,position:"absolute",top:0,opacity:s.opacity,display:s.alwaysVisible?"block":"none","border-radius":s.borderRadius,BorderRadius:s.borderRadius,MozBorderRadius:s.borderRadius,WebkitBorderRadius:s.borderRadius,zIndex:99}),D="right"==s.position?{right:s.distance}:{left:s.distance};E.css(D),R.css(D),x.wrap(S),x.parent().append(R),x.parent().append(E),s.railDraggable&&R.bind("mousedown",function(i){var o=e(document);return d=!0,t=parseFloat(R.css("top")),pageY=i.pageY,o.bind("mousemove.slimscroll",function(e){currTop=t+e.pageY-pageY,R.css("top",currTop),r(0,R.position().top,!1)}),o.bind("mouseup.slimscroll",function(e){d=!1,c(),o.unbind(".slimscroll")}),!1}).bind("selectstart.slimscroll",function(e){return e.stopPropagation(),e.preventDefault(),!1}),E.hover(function(){n()},function(){c()}),R.hover(function(){u=!0},function(){u=!1}),x.hover(function(){h=!0,n(),c()},function(){h=!1,c()}),x.bind("touchstart",function(e,t){e.originalEvent.touches.length&&(g=e.originalEvent.touches[0].pageY)}),x.bind("touchmove",function(e){if(y||e.originalEvent.preventDefault(),e.originalEvent.touches.length){var t=(g-e.originalEvent.touches[0].pageY)/s.touchScrollStep;r(t,!0),g=e.originalEvent.touches[0].pageY}}),l(),"bottom"===s.start?(R.css({top:x.outerHeight()-R.outerHeight()}),r(0,!0)):"top"!==s.start&&(r(e(s.start).position().top,null,!0),s.alwaysVisible||R.hide()),a(this)}}),this}}),e.fn.extend({slimscroll:e.fn.slimScroll})}(jQuery); diff --git a/templates/dashboard_assets/manifest.json b/templates/dashboard_assets/manifest.json new file mode 100644 index 0000000000..da0a513abe --- /dev/null +++ b/templates/dashboard_assets/manifest.json @@ -0,0 +1,13 @@ +{ + "start_url": "/", + "display": "standalone", + "theme_color": "#ff6600", + "background_color": "#ffffff", + "icons": [ + { + "src": "https://raw.githubusercontent.com/DeviaVir/zenbot/master/assets/zenbot_square.png", + "sizes": "112x112", + "type": "image/png" + } + ] +} diff --git a/webpack-src/js/app.js b/webpack-src/js/app.js new file mode 100644 index 0000000000..13ca4067f8 --- /dev/null +++ b/webpack-src/js/app.js @@ -0,0 +1,11 @@ +// Import Bootstrap +import 'bootstrap'; +import 'bootstrap/dist/css/bootstrap.min.css'; +import 'counterup/jquery.counterup.js'; +import 'waypoints/lib/jquery.waypoints.min.js'; +import '../../templates/dashboard_assets/js/custom.js'; +import '../../templates/dashboard_assets/js/jquery.slimscroll.js'; +import '../../templates/dashboard_assets/css/style.css'; +import '../../templates/dashboard_assets/css/spinners.css'; +import '../../templates/dashboard_assets/css/animate.css'; +import '../../templates/dashboard_assets/css/colors/default.css'; diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 0000000000..55a8d3bbc8 --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,65 @@ +'use strict'; + +const path = require('path'); + +const webpack = require('webpack'); + +module.exports = { + entry: { + app: './webpack-src/js/app.js', + }, + plugins: [ + new webpack.ProvidePlugin({ + $: 'jquery', + jQuery: 'jquery', + 'window.jQuery': 'jquery', + Popper: ['popper.js', 'default'], + }), + new webpack.optimize.UglifyJsPlugin() + ], + output: { + publicPath: '/assets-wp/', + path: path.join(__dirname, '/dist/'), + filename: '[name].bundle.js' + }, + module: { + rules: [ + { test: /\.js$/, loader: 'babel-loader', exclude: /(node_modules)/, query: { presets: ['es2015'] } }, + { + test: /\.(scss)$/, + use: [{ + loader: 'style-loader', // inject CSS to page + }, { + loader: 'css-loader', // translates CSS into CommonJS modules + }, { + loader: 'postcss-loader', // Run post css actions + options: { + plugins: function () { // post css plugins, can be exported to postcss.config.js + return [ + require('precss'), + require('autoprefixer') + ]; + } + } + }, { + loader: 'sass-loader' // compiles SASS to CSS + }] + }, + { test: /\.css$/, loader: 'style-loader!css-loader' }, + { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file" }, + { test: /\.(woff|woff2)$/, loader:"url?prefix=font/&limit=5000" }, + { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=application/octet-stream" }, + { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=image/svg+xml" }, + { + test: require.resolve('jquery'), + use: [{ + loader: 'expose-loader', + options: 'jQuery' + },{ + loader: 'expose-loader', + options: '$' + }] + }, + ], + }, +}