diff --git a/README.MD b/README.MD index fbaa564..df4618b 100644 --- a/README.MD +++ b/README.MD @@ -15,10 +15,6 @@ in a Angular 4+ project. npm install ng-gapi ``` -[Example](https://github.com/rubenCodeforges/angular2-google-api/tree/master/examples) - -[Demo](http://codeforges.com/google-tasks/) - #### Usage To use the `ng-gapi` simply add `GoogleApiModule` to your module imports @@ -40,8 +36,8 @@ interface ClientConfig { ``` ##### Example: ```typescript -let gapiClientConfig: ClientConfig = { - clientId: "CLIENT_ID", +let gapiClientConfig: NgGapiClientConfig = { + client_id: "CLIENT_ID", discoveryDocs: ["https://analyticsreporting.googleapis.com/$discovery/rest?version=v4"], scope: [ "https://www.googleapis.com/auth/analytics.readonly", @@ -73,9 +69,9 @@ Usage example : ```typescript export class FooService { constructor(gapiService: GoogleApiService) { - gapiService.onLoad(()=> { + gapiService.onLoad().subscribe(()=> { // Here we can use gapi - + }); } } @@ -140,7 +136,7 @@ Configuration is easy to use. The GoogleApiModule has a static method which sets As shown in the example you simply provide a configuration object of type `ClientConfig`. ```typescript { - clientId: "your client id", + client_id: "your client id", discoveryDocs: ["url to discovery docs", "another url"], scope: "space separated scopes" } diff --git a/examples/.gitignore b/examples/.gitignore deleted file mode 100644 index ce200cb..0000000 --- a/examples/.gitignore +++ /dev/null @@ -1,35 +0,0 @@ -# See http://help.github.com/ignore-files/ for more about ignoring files. - -# compiled output -/dist -/tmp - -# dependencies -/node_modules -/bower_components - -# IDEs and editors -/.idea -/.vscode -.project -.classpath -.c9/ -*.launch -.settings/ - -# misc -/.sass-cache -/connect.lock -/coverage/* -/libpeerconnection.log -npm-debug.log -testem.log -/typings - -# e2e -/e2e/*.js -/e2e/*.map - -#System Files -.DS_Store -Thumbs.db diff --git a/examples/README.md b/examples/README.md deleted file mode 100644 index 2e454ef..0000000 --- a/examples/README.md +++ /dev/null @@ -1,47 +0,0 @@ -# Google tasks App - -[repo](https://github.com/rubenCodeforges/angular-google-tasks-test-waes) - - -This project was generated with [angular-cli](https://github.com/angular/angular-cli) - -## Intallation -- clone project -- cd to project -- run command - -``` -npm install -``` - -## Configuration of ng-gapi - -The configs are are provide to the `forRoot()` method, replace `CLIEND_ID` with your client_id - -```typescript -let gapiClientConfig: ClientConfig = { - clientId: "CLIENT_ID", - discoveryDocs: ["https://analyticsreporting.googleapis.com/$discovery/rest?version=v4"], - scope: [ - "https://www.googleapis.com/auth/analytics.readonly", - "https://www.googleapis.com/auth/analytics" - ].join(" ") -}; - -@NgModule({ - imports: [ - //... - GoogleApiModule.forRoot({ - provide: NG_GAPI_CONFIG, - useValue: gapiClientConfig - }), - //... - ] -}) -export MyModule {} -``` - -## ng-gapi - -Ng gapi is a npm module that can be install via npm -See the [repo](https://github.com/rubenCodeforges/angular2-google-api) or [npm](https://www.npmjs.com/package/ng-gapi) diff --git a/examples/angular-cli.json b/examples/angular-cli.json deleted file mode 100644 index 469f7a5..0000000 --- a/examples/angular-cli.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "project": { - "version": "1.0.0-beta.21", - "name": "google-tasks" - }, - "apps": [ - { - "root": "src", - "outDir": "dist", - "assets": [ - "assets", - "favicon.ico" - ], - "index": "index.html", - "main": "main.ts", - "test": "test.ts", - "tsconfig": "tsconfig.json", - "prefix": "app", - "mobile": false, - "styles": [ - "styles.less" - ], - "scripts": [ - "../node_modules/jquery/dist/jquery.slim.js", - "../node_modules/metismenu/dist/metisMenu.js", - "../lib/modular-admin/vendor.js", - "../lib/modular-admin/app.js" - ], - "environmentSource": "environments/environment.ts", - "environments": { - "dev": "environments/environment.ts", - "prod": "environments/environment.prod.ts" - } - } - ], - "addons": [], - "packages": [], - "e2e": { - "protractor": { - "config": "./protractor.conf.js" - } - }, - "test": { - "karma": { - "config": "./karma.conf.js" - } - }, - "defaults": { - "styleExt": "less", - "prefixInterfaces": false, - "inline": { - "style": false, - "template": false - }, - "spec": { - "class": false, - "component": true, - "directive": true, - "module": false, - "pipe": true, - "service": true - } - } -} diff --git a/examples/e2e/app.e2e-spec.ts b/examples/e2e/app.e2e-spec.ts deleted file mode 100644 index 8d6141d..0000000 --- a/examples/e2e/app.e2e-spec.ts +++ /dev/null @@ -1,14 +0,0 @@ -import {IServicePage} from "./app.po"; - -describe('i-service App', function () { - let page: IServicePage; - - beforeEach(() => { - page = new IServicePage(); - }); - - it('should display message saying app works', () => { - page.navigateTo(); - expect(page.getParagraphText()).toEqual('app works!'); - }); -}); diff --git a/examples/e2e/app.po.ts b/examples/e2e/app.po.ts deleted file mode 100644 index 3f61c88..0000000 --- a/examples/e2e/app.po.ts +++ /dev/null @@ -1,11 +0,0 @@ -import {browser, by, element} from "protractor"; - -export class IServicePage { - navigateTo() { - return browser.get('/'); - } - - getParagraphText() { - return element(by.css('app-root h1')).getText(); - } -} diff --git a/examples/e2e/tsconfig.json b/examples/e2e/tsconfig.json deleted file mode 100644 index 656bdb1..0000000 --- a/examples/e2e/tsconfig.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "compileOnSave": false, - "compilerOptions": { - "declaration": false, - "emitDecoratorMetadata": true, - "experimentalDecorators": true, - "module": "commonjs", - "moduleResolution": "node", - "outDir": "../dist/out-tsc-e2e", - "sourceMap": true, - "target": "es5", - "typeRoots": [ - "../node_modules/@types" - ] - } -} diff --git a/examples/karma.conf.js b/examples/karma.conf.js deleted file mode 100644 index 6733dec..0000000 --- a/examples/karma.conf.js +++ /dev/null @@ -1,43 +0,0 @@ -// Karma configuration file, see link for more information -// https://karma-runner.github.io/0.13/config/configuration-file.html - -module.exports = function (config) { - config.set({ - basePath: '', - frameworks: ['jasmine', 'angular-cli'], - plugins: [ - require('karma-jasmine'), - require('karma-chrome-launcher'), - require('karma-remap-istanbul'), - require('angular-cli/plugins/karma') - ], - files: [ - {pattern: './src/test.ts', watched: false} - ], - preprocessors: { - './src/test.ts': ['angular-cli'] - }, - mime: { - 'text/x-typescript': ['ts', 'tsx'] - }, - remapIstanbulReporter: { - reports: { - html: 'coverage', - lcovonly: './coverage/coverage.lcov' - } - }, - angularCli: { - config: './angular-cli.json', - environment: 'dev' - }, - reporters: config.angularCli && config.angularCli.codeCoverage - ? ['progress', 'karma-remap-istanbul'] - : ['progress'], - port: 9876, - colors: true, - logLevel: config.LOG_INFO, - autoWatch: true, - browsers: ['Chrome'], - singleRun: false - }); -}; diff --git a/examples/lib/modular-admin/app.css b/examples/lib/modular-admin/app.css deleted file mode 100644 index 95a54c1..0000000 --- a/examples/lib/modular-admin/app.css +++ /dev/null @@ -1,4119 +0,0 @@ -@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600); - -/************************************************************* -* App Variables -**************************************************************/ -/************************************************************* -* Colors Definitions -**************************************************************/ -/************************************************************* -* Common Element Variables -**************************************************************/ -/* *************************************************** -* Page Specific Element Variables -****************************************************** */ -/***************************************** -* Background-image: cover mixin -******************************************/ -/***************************************** -* Media Query Mixins -******************************************/ -html, -body { - padding: 0; - margin: 0; - height: 100%; - min-height: 100%; - font-family: 'Open Sans', sans-serif; - color: #4f5f6f; - overflow-x: hidden; -} - -.main-wrapper { - width: 100%; - position: absolute; - height: 100%; - overflow-y: auto; - overflow-x: hidden; -} - -#ref .color-primary { - color: #85CE36; -} - -#ref .chart .color-primary { - color: #85CE36; -} - -#ref .chart .color-secondary { - color: #9ed85f; -} - -.app { - position: relative; - width: 100%; - padding-left: 230px; - min-height: 100vh; - margin: 0 auto; - left: 0; - background-color: #f0f3f6; - box-shadow: 0 0 3px #ccc; - -webkit-transition: left 0.3s ease, padding-left 0.3s ease; - transition: left 0.3s ease, padding-left 0.3s ease; - overflow: hidden; -} - -.app .content { - padding: 95px 20px 75px 20px; - min-height: 100vh; -} - -@media (min-width: 1200px) { - .app .content { - padding: 105px 40px 85px 40px; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .app .content { - padding: 100px 35px 80px 35px; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .app .content { - padding: 95px 20px 75px 20px; - } -} - -@media (max-width: 767px) { - .app .content { - padding: 70px 20px 70px 20px; - } -} - -@media (max-width: 991px) { - .app { - padding-left: 0; - } -} - -@media (max-width: 991px) { - .app.sidebar-open { - left: 0; - } -} - -.app.blank { - background-color: #667380; -} - -.auth { - position: absolute; - width: 100%; - height: 100%; - left: 0; - background-color: #667380; - overflow-x: hidden; - overflow-y: auto; -} - -.auth-container { - width: 450px; - min-height: 330px; - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translateY(-50%) translateX(-50%); - transform: translateY(-50%) translateX(-50%); -} - -.auth-container .auth-header { - text-align: center; - border-bottom: 1px solid #85CE36; -} - -.auth-container .auth-title { - color: #97A4B1; - padding: 20px; - line-height: 30px; - font-size: 26px; - font-weight: 600; - margin: 0; -} - -.auth-container .auth-content { - padding: 30px 50px; - min-height: 260px; -} - -.auth-container .forgot-btn { - line-height: 28px; -} - -.auth-container .checkbox label { - padding: 0; -} - -.auth-container .checkbox a { - vertical-align: text-top; -} - -.auth-container .checkbox span { - color: #4f5f6f; -} - -@media (max-width: 767px) { - .auth-container { - width: 100%; - position: relative; - left: 0; - top: 0; - -webkit-transform: inherit; - transform: inherit; - margin: 0; - margin-bottom: 10px; - } - - .auth-container .auth-content { - padding: 30px 25px; - } -} - -.error-card { - width: 410px; - min-height: 330px; - margin: 60px auto; -} - -.error-card .error-title { - font-size: 150px; - line-height: 150px; - font-weight: 700; - color: #252932; - text-align: center; - text-shadow: rgba(61, 61, 61, 0.3) 0.5px 0.5px, rgba(61, 61, 61, 0.2) 1px 1px, rgba(61, 61, 61, 0.3) 1.5px 1.5px; -} - -.error-card .error-sub-title { - font-weight: 100; - text-align: center; -} - -.error-card .error-container { - text-align: center; - visibility: hidden; -} - -.error-card .error-container.visible { - visibility: visible; -} - -.error-card.global { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translateY(-50%) translateX(-50%); - transform: translateY(-50%) translateX(-50%); - margin: 0; -} - -.error-card.global .error-title { - color: #ffffff; -} - -.error-card.global .error-sub-title, -.error-card.global .error-container { - color: #ffffff; -} - -@media (min-width: 768px) and (max-width: 991px) { - .error-card { - width: 50%; - } - - .error-card.global { - position: relative; - top: 25%; - left: 0; - -webkit-transform: inherit; - transform: inherit; - margin: 40px auto; - } -} - -@media (max-width: 767px) { - .error-card { - width: 90%; - } - - .error-card.global { - position: relative; - top: 25%; - left: 0; - -webkit-transform: inherit; - transform: inherit; - margin: 40px auto; - } -} - -.alert { - background-image: none; -} - -.alert.alert-primary { - background-color: #85CE36; - border-color: #85CE36; - color: #ffffff; -} - -.alert.alert-primary hr { - border-top-color: #78bd2e; -} - -.alert.alert-primary .alert-link { - color: #e6e6e6; -} - -.alert.alert-success { - background-color: #4bcf99; - border-color: #4bcf99; - color: #ffffff; -} - -.alert.alert-success hr { - border-top-color: #37ca8e; -} - -.alert.alert-success .alert-link { - color: #e6e6e6; -} - -.alert.alert-info { - background-color: #76D4F5; - border-color: #76D4F5; - color: #ffffff; -} - -.alert.alert-info hr { - border-top-color: #5ecdf3; -} - -.alert.alert-info .alert-link { - color: #e6e6e6; -} - -.alert.alert-warning { - background-color: #fe974b; - border-color: #fe974b; - color: #ffffff; -} - -.alert.alert-warning hr { - border-top-color: #fe8832; -} - -.alert.alert-warning .alert-link { - color: #e6e6e6; -} - -.alert.alert-danger { - background-color: #FF4444; - border-color: #FF4444; - color: #ffffff; -} - -.alert.alert-danger hr { - border-top-color: #ff2b2b; -} - -.alert.alert-danger .alert-link { - color: #e6e6e6; -} - -.alert.alert-inverse { - background-color: #131e26; - border-color: #131e26; - color: #ffffff; -} - -.alert.alert-inverse hr { - border-top-color: #0b1115; -} - -.alert.alert-inverse .alert-link { - color: #e6e6e6; -} - -.btn { - background-image: none; - border-radius: 0; - margin-bottom: 5px; -} - -.btn.btn-primary { - color: #ffffff; - background-color: #85CE36; - border-color: #85CE36; -} - -.btn.btn-primary:hover { - color: #ffffff; - background-color: #6ba829; - border-color: #66a027; -} - -.btn.btn-primary:focus, .btn.btn-primary.focus { - color: #ffffff; - background-color: #6ba829; - border-color: #66a027; -} - -.btn.btn-primary:active, .btn.btn-primary.active, -.open > .btn.btn-primary.dropdown-toggle { - color: #ffffff; - background-color: #6ba829; - border-color: #66a027; - background-image: none; -} - -.btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, -.open > .btn.btn-primary.dropdown-toggle:hover, -.open > .btn.btn-primary.dropdown-toggle:focus, -.open > .btn.btn-primary.dropdown-toggle.focus { - color: #ffffff; - background-color: #598b22; - border-color: #446b1a; -} - -.btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { - background-color: #85CE36; - border-color: #85CE36; -} - -.btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { - background-color: #85CE36; - border-color: #85CE36; -} - -.btn.btn-secondary { - color: #4f5f6f; - background-color: #fff; - border-color: #d7dde4; -} - -.btn.btn-secondary:hover { - color: #4f5f6f; - background-color: #e6e6e6; - border-color: #b2becb; -} - -.btn.btn-secondary:focus, .btn.btn-secondary.focus { - color: #4f5f6f; - background-color: #e6e6e6; - border-color: #b2becb; -} - -.btn.btn-secondary:active, .btn.btn-secondary.active, -.open > .btn.btn-secondary.dropdown-toggle { - color: #4f5f6f; - background-color: #e6e6e6; - border-color: #b2becb; - background-image: none; -} - -.btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, -.open > .btn.btn-secondary.dropdown-toggle:hover, -.open > .btn.btn-secondary.dropdown-toggle:focus, -.open > .btn.btn-secondary.dropdown-toggle.focus { - color: #4f5f6f; - background-color: #d4d4d4; - border-color: #8b9cb1; -} - -.btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { - background-color: #fff; - border-color: #d7dde4; -} - -.btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { - background-color: #fff; - border-color: #d7dde4; -} - -.btn.btn-success { - color: #ffffff; - background-color: #4bcf99; - border-color: #4bcf99; -} - -.btn.btn-success:hover { - color: #ffffff; - background-color: #31b680; - border-color: #2eae7a; -} - -.btn.btn-success:focus, .btn.btn-success.focus { - color: #ffffff; - background-color: #31b680; - border-color: #2eae7a; -} - -.btn.btn-success:active, .btn.btn-success.active, -.open > .btn.btn-success.dropdown-toggle { - color: #ffffff; - background-color: #31b680; - border-color: #2eae7a; - background-image: none; -} - -.btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, -.open > .btn.btn-success.dropdown-toggle:hover, -.open > .btn.btn-success.dropdown-toggle:focus, -.open > .btn.btn-success.dropdown-toggle.focus { - color: #ffffff; - background-color: #299a6c; - border-color: #217a55; -} - -.btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { - background-color: #4bcf99; - border-color: #4bcf99; -} - -.btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { - background-color: #4bcf99; - border-color: #4bcf99; -} - -.btn.btn-info { - color: #ffffff; - background-color: #76D4F5; - border-color: #76D4F5; -} - -.btn.btn-info:hover { - color: #ffffff; - background-color: #46c5f2; - border-color: #3dc2f1; -} - -.btn.btn-info:focus, .btn.btn-info.focus { - color: #ffffff; - background-color: #46c5f2; - border-color: #3dc2f1; -} - -.btn.btn-info:active, .btn.btn-info.active, -.open > .btn.btn-info.dropdown-toggle { - color: #ffffff; - background-color: #46c5f2; - border-color: #3dc2f1; - background-image: none; -} - -.btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, -.open > .btn.btn-info.dropdown-toggle:hover, -.open > .btn.btn-info.dropdown-toggle:focus, -.open > .btn.btn-info.dropdown-toggle.focus { - color: #ffffff; - background-color: #25bbef; - border-color: #10a7db; -} - -.btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { - background-color: #76D4F5; - border-color: #76D4F5; -} - -.btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { - background-color: #76D4F5; - border-color: #76D4F5; -} - -.btn.btn-warning { - color: #ffffff; - background-color: #fe974b; - border-color: #fe974b; -} - -.btn.btn-warning:hover { - color: #ffffff; - background-color: #fe7a18; - border-color: #fe740e; -} - -.btn.btn-warning:focus, .btn.btn-warning.focus { - color: #ffffff; - background-color: #fe7a18; - border-color: #fe740e; -} - -.btn.btn-warning:active, .btn.btn-warning.active, -.open > .btn.btn-warning.dropdown-toggle { - color: #ffffff; - background-color: #fe7a18; - border-color: #fe740e; - background-image: none; -} - -.btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, -.open > .btn.btn-warning.dropdown-toggle:hover, -.open > .btn.btn-warning.dropdown-toggle:focus, -.open > .btn.btn-warning.dropdown-toggle.focus { - color: #ffffff; - background-color: #f16701; - border-color: #c85601; -} - -.btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { - background-color: #fe974b; - border-color: #fe974b; -} - -.btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { - background-color: #fe974b; - border-color: #fe974b; -} - -.btn.btn-danger { - color: #ffffff; - background-color: #FF4444; - border-color: #FF4444; -} - -.btn.btn-danger:hover { - color: #ffffff; - background-color: #ff1111; - border-color: #ff0707; -} - -.btn.btn-danger:focus, .btn.btn-danger.focus { - color: #ffffff; - background-color: #ff1111; - border-color: #ff0707; -} - -.btn.btn-danger:active, .btn.btn-danger.active, -.open > .btn.btn-danger.dropdown-toggle { - color: #ffffff; - background-color: #ff1111; - border-color: #ff0707; - background-image: none; -} - -.btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, -.open > .btn.btn-danger.dropdown-toggle:hover, -.open > .btn.btn-danger.dropdown-toggle:focus, -.open > .btn.btn-danger.dropdown-toggle.focus { - color: #ffffff; - background-color: #ec0000; - border-color: #c40000; -} - -.btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { - background-color: #FF4444; - border-color: #FF4444; -} - -.btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { - background-color: #FF4444; - border-color: #FF4444; -} - -.btn.btn-primary-outline { - color: #85CE36; - background-image: none; - background-color: transparent; - border-color: #85CE36; -} - -.btn.btn-primary-outline:hover { - color: #fff; - background-color: #85CE36; - border-color: #85CE36; -} - -.btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus { - color: #fff; - background-color: #85CE36; - border-color: #85CE36; -} - -.btn.btn-primary-outline:active, .btn.btn-primary-outline.active, -.open > .btn.btn-primary-outline.dropdown-toggle { - color: #fff; - background-color: #85CE36; - border-color: #85CE36; -} - -.btn.btn-primary-outline:active:hover, .btn.btn-primary-outline:active:focus, .btn.btn-primary-outline:active.focus, .btn.btn-primary-outline.active:hover, .btn.btn-primary-outline.active:focus, .btn.btn-primary-outline.active.focus, -.open > .btn.btn-primary-outline.dropdown-toggle:hover, -.open > .btn.btn-primary-outline.dropdown-toggle:focus, -.open > .btn.btn-primary-outline.dropdown-toggle.focus { - color: #fff; - background-color: #598b22; - border-color: #446b1a; -} - -.btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline:disabled:focus, .btn.btn-primary-outline:disabled.focus { - border-color: #b7e288; -} - -.btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline:disabled:hover { - border-color: #b7e288; -} - -.btn.btn-secondary-outline { - color: #d7dde4; - background-image: none; - background-color: transparent; - border-color: #d7dde4; -} - -.btn.btn-secondary-outline:hover { - color: #fff; - background-color: #d7dde4; - border-color: #d7dde4; -} - -.btn.btn-secondary-outline:focus, .btn.btn-secondary-outline.focus { - color: #fff; - background-color: #d7dde4; - border-color: #d7dde4; -} - -.btn.btn-secondary-outline:active, .btn.btn-secondary-outline.active, -.open > .btn.btn-secondary-outline.dropdown-toggle { - color: #fff; - background-color: #d7dde4; - border-color: #d7dde4; -} - -.btn.btn-secondary-outline:active:hover, .btn.btn-secondary-outline:active:focus, .btn.btn-secondary-outline:active.focus, .btn.btn-secondary-outline.active:hover, .btn.btn-secondary-outline.active:focus, .btn.btn-secondary-outline.active.focus, -.open > .btn.btn-secondary-outline.dropdown-toggle:hover, -.open > .btn.btn-secondary-outline.dropdown-toggle:focus, -.open > .btn.btn-secondary-outline.dropdown-toggle.focus { - color: #fff; - background-color: #a3b1c1; - border-color: #8b9cb1; -} - -.btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline:disabled:focus, .btn.btn-secondary-outline:disabled.focus { - border-color: white; -} - -.btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline:disabled:hover { - border-color: white; -} - -.btn.btn-info-outline { - color: #76D4F5; - background-image: none; - background-color: transparent; - border-color: #76D4F5; -} - -.btn.btn-info-outline:hover { - color: #fff; - background-color: #76D4F5; - border-color: #76D4F5; -} - -.btn.btn-info-outline:focus, .btn.btn-info-outline.focus { - color: #fff; - background-color: #76D4F5; - border-color: #76D4F5; -} - -.btn.btn-info-outline:active, .btn.btn-info-outline.active, -.open > .btn.btn-info-outline.dropdown-toggle { - color: #fff; - background-color: #76D4F5; - border-color: #76D4F5; -} - -.btn.btn-info-outline:active:hover, .btn.btn-info-outline:active:focus, .btn.btn-info-outline:active.focus, .btn.btn-info-outline.active:hover, .btn.btn-info-outline.active:focus, .btn.btn-info-outline.active.focus, -.open > .btn.btn-info-outline.dropdown-toggle:hover, -.open > .btn.btn-info-outline.dropdown-toggle:focus, -.open > .btn.btn-info-outline.dropdown-toggle.focus { - color: #fff; - background-color: #25bbef; - border-color: #10a7db; -} - -.btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline:disabled:focus, .btn.btn-info-outline:disabled.focus { - border-color: #d5f2fc; -} - -.btn.btn-info-outline.disabled:hover, .btn.btn-info-outline:disabled:hover { - border-color: #d5f2fc; -} - -.btn.btn-success-outline { - color: #4bcf99; - background-image: none; - background-color: transparent; - border-color: #4bcf99; -} - -.btn.btn-success-outline:hover { - color: #fff; - background-color: #4bcf99; - border-color: #4bcf99; -} - -.btn.btn-success-outline:focus, .btn.btn-success-outline.focus { - color: #fff; - background-color: #4bcf99; - border-color: #4bcf99; -} - -.btn.btn-success-outline:active, .btn.btn-success-outline.active, -.open > .btn.btn-success-outline.dropdown-toggle { - color: #fff; - background-color: #4bcf99; - border-color: #4bcf99; -} - -.btn.btn-success-outline:active:hover, .btn.btn-success-outline:active:focus, .btn.btn-success-outline:active.focus, .btn.btn-success-outline.active:hover, .btn.btn-success-outline.active:focus, .btn.btn-success-outline.active.focus, -.open > .btn.btn-success-outline.dropdown-toggle:hover, -.open > .btn.btn-success-outline.dropdown-toggle:focus, -.open > .btn.btn-success-outline.dropdown-toggle.focus { - color: #fff; - background-color: #299a6c; - border-color: #217a55; -} - -.btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline:disabled:focus, .btn.btn-success-outline:disabled.focus { - border-color: #9ce4c7; -} - -.btn.btn-success-outline.disabled:hover, .btn.btn-success-outline:disabled:hover { - border-color: #9ce4c7; -} - -.btn.btn-warning-outline { - color: #fe974b; - background-image: none; - background-color: transparent; - border-color: #fe974b; -} - -.btn.btn-warning-outline:hover { - color: #fff; - background-color: #fe974b; - border-color: #fe974b; -} - -.btn.btn-warning-outline:focus, .btn.btn-warning-outline.focus { - color: #fff; - background-color: #fe974b; - border-color: #fe974b; -} - -.btn.btn-warning-outline:active, .btn.btn-warning-outline.active, -.open > .btn.btn-warning-outline.dropdown-toggle { - color: #fff; - background-color: #fe974b; - border-color: #fe974b; -} - -.btn.btn-warning-outline:active:hover, .btn.btn-warning-outline:active:focus, .btn.btn-warning-outline:active.focus, .btn.btn-warning-outline.active:hover, .btn.btn-warning-outline.active:focus, .btn.btn-warning-outline.active.focus, -.open > .btn.btn-warning-outline.dropdown-toggle:hover, -.open > .btn.btn-warning-outline.dropdown-toggle:focus, -.open > .btn.btn-warning-outline.dropdown-toggle.focus { - color: #fff; - background-color: #f16701; - border-color: #c85601; -} - -.btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline:disabled:focus, .btn.btn-warning-outline:disabled.focus { - border-color: #ffd2b0; -} - -.btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline:disabled:hover { - border-color: #ffd2b0; -} - -.btn.btn-danger-outline { - color: #FF4444; - background-image: none; - background-color: transparent; - border-color: #FF4444; -} - -.btn.btn-danger-outline:hover { - color: #fff; - background-color: #FF4444; - border-color: #FF4444; -} - -.btn.btn-danger-outline:focus, .btn.btn-danger-outline.focus { - color: #fff; - background-color: #FF4444; - border-color: #FF4444; -} - -.btn.btn-danger-outline:active, .btn.btn-danger-outline.active, -.open > .btn.btn-danger-outline.dropdown-toggle { - color: #fff; - background-color: #FF4444; - border-color: #FF4444; -} - -.btn.btn-danger-outline:active:hover, .btn.btn-danger-outline:active:focus, .btn.btn-danger-outline:active.focus, .btn.btn-danger-outline.active:hover, .btn.btn-danger-outline.active:focus, .btn.btn-danger-outline.active.focus, -.open > .btn.btn-danger-outline.dropdown-toggle:hover, -.open > .btn.btn-danger-outline.dropdown-toggle:focus, -.open > .btn.btn-danger-outline.dropdown-toggle.focus { - color: #fff; - background-color: #ec0000; - border-color: #c40000; -} - -.btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline:disabled:focus, .btn.btn-danger-outline:disabled.focus { - border-color: #ffaaaa; -} - -.btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline:disabled:hover { - border-color: #ffaaaa; -} - -.btn.btn-pill-left:focus, .btn.btn-pill-right:focus, .btn.btn-oval:focus { - outline: none; - outline-offset: initial; -} - -.btn.btn-pill-left { - border-top-left-radius: 25px; - border-bottom-left-radius: 25px; -} - -.btn.btn-pill-right { - border-top-right-radius: 25px; - border-bottom-right-radius: 25px; -} - -.btn.btn-oval { - border-radius: 25px; -} - -.btn.btn-link { - text-decoration: none; -} - -.btn strong { - font-weight: 600; -} - -.btn-group .dropdown-menu > li:last-child a:hover:before { - height: 0px; - -webkit-transform: scaleX(0); - transform: scaleX(0); -} - -.animated { - -webkit-animation-duration: .5s; - animation-duration: .5s; - -webkit-animation-delay: .1s; - animation-delay: .1s; -} - -.easy-pie-chart { - width: 50px; - height: 50px; - display: inline-block; - background-color: #d7dde4; - border-radius: 5px; -} - -.card { - background-color: #fff; - box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); - margin-bottom: 10px; - border-radius: 0; - border: none; -} - -.card .card { - box-shadow: none; -} - -.card .card-header { - background-image: none; - background-color: #ffffff; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - padding: 0; - border-radius: 0; - min-height: 50px; - border: none; -} - -.card .card-header::after { - content: ""; - display: table; - clear: both; -} - -.card .card-header.bordered { - border-bottom: 1px solid #d7dde4; -} - -.card .card-header.card-header-sm { - min-height: 40px; -} - -.card .card-header > span { - vertical-align: middle; -} - -.card .card-header .pull-right { - margin-left: auto; -} - -.card .card-header .header-block { - padding: 0.5rem 15px; -} - -@media (min-width: 1200px) { - .card .card-header .header-block { - padding: 0.5rem 20px; - } -} - -@media (max-width: 767px) { - .card .card-header .header-block { - padding: 0.5rem 10px; - } -} - -.card .card-header .title { - color: #4f5f6f; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.card .card-header .btn { - margin: 0; -} - -.card .card-header .nav-tabs { - border-color: transparent; - -ms-flex-item-align: stretch; - align-self: stretch; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - position: relative; - top: 1px; -} - -.card .card-header .nav-tabs .nav-item { - margin-left: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-item-align: stretch; - align-self: stretch; -} - -.card .card-header .nav-tabs .nav-item .nav-link { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #4f5f6f; - opacity: 0.7; - padding-left: 10px; - padding-right: 10px; - border-radius: 0; - font-size: 14px; - border-top-width: 2px; - border-bottom: 1px solid #d7dde4; - text-decoration: none; -} - -.card .card-header .nav-tabs .nav-item .nav-link.active { - border-top-color: #85CE36; - border-bottom-color: transparent; - opacity: 1; -} - -.card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { - opacity: 1; - background-color: #ffffff; - border-color: #d7dde4 #d7dde4 transparent; - border-top-color: #85CE36; -} - -.card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { - opacity: 1; - background-color: transparent; - border-color: transparent; -} - -.card.card-default > .card-header { - background-color: #fff; - color: inherit; -} - -.card.card-primary { - border-color: #85CE36; -} - -.card.card-primary > .card-header { - background-color: #85CE36; - border-color: #85CE36; -} - -.card.card-success > .card-header { - background-color: #4bcf99; -} - -.card.card-info > .card-header { - background-color: #76D4F5; -} - -.card.card-warning > .card-header { - background-color: #fe974b; -} - -.card.card-danger > .card-header { - background-color: #FF4444; -} - -.card.card-inverse > .card-header { - background-color: #131e26; -} - -.card .title-block, -.card .card-title-block { - padding-bottom: 0; - margin-bottom: 20px; - border: none; -} - -.card .title-block::after, -.card .card-title-block::after { - content: ""; - display: table; - clear: both; -} - -.card .section { - margin-bottom: 20px; -} - -.card .example, -.card .section.demo { - margin-bottom: 20px; -} - -.card-block { - padding: 15px; -} - -.card-block .tab-content { - padding: 0; - border-color: transparent; -} - -@media (min-width: 1200px) { - .card-block { - padding: 20px; - } -} - -@media (max-width: 767px) { - .card-block { - padding: 10px; - } -} - -.card-footer { - background-color: #fafafa; -} - -.flex-row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; -} - -.flex-col { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.centralize-y { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -input, -textarea { - outline: none; -} - -.form-group .row { - margin-left: -10px; - margin-right: -10px; -} - -.form-group .row [class^='col'] { - padding-left: 10px; - padding-right: 10px; -} - -.form-group.has-error span.has-error { - color: #FF4444; - font-size: 13px; - display: block !important; -} - -.form-group.has-error .form-control-feedback { - color: #FF4444; -} - -.form-group.has-warning span.has-warning { - color: #fe974b; - font-size: 13px; - display: block !important; -} - -.form-group.has-warning .form-control-feedback { - color: #fe974b; -} - -.form-group.has-success span.has-success { - color: #4bcf99; - font-size: 13px; - display: block !important; -} - -.form-group.has-success .form-control-feedback { - color: #4bcf99; -} - -/* Input groups */ -.input-group { - margin-bottom: 10px; -} - -.input-group .form-control { - padding-left: 5px; -} - -.input-group span.input-group-addon { - font-style: italic; - border: none; - border-radius: 0; - border: none; - background-color: #d7dde4; - -webkit-transition: background-color ease-in-out 15s, color ease-in-out .15s; - transition: background-color ease-in-out 15s, color ease-in-out .15s; -} - -.input-group span.input-group-addon.focus { - background-color: #85CE36; - color: #ffffff; -} - -label, -.control-label { - font-weight: 600; -} - -.form-control.underlined { - padding-left: 0; - padding-right: 0; - border-radius: 0; - border: none; - border-radius: 0; - box-shadow: none; - border-bottom: 1px solid #d7dde4; -} - -.form-control.underlined.indented { - padding: .375rem .75rem; -} - -.has-error .form-control.underlined:focus, -.has-warning .form-control.underlined:focus, -.has-success .form-control.underlined:focus, .form-control.underlined:focus { - border: none; - box-shadow: none; - border-bottom: 1px solid #85CE36; -} - -.has-error .form-control.underlined { - box-shadow: none; - border-color: #FF4444; -} - -.has-warning .form-control.underlined { - box-shadow: none; - border-color: #fe974b; -} - -.has-success .form-control.underlined { - box-shadow: none; - border-color: #4bcf99; -} - -.form-control.boxed { - border-radius: 0; - box-shadow: none; -} - -.form-control.boxed:focus { - border: 1px solid #85CE36; -} - -.radio, -.checkbox { - display: none; -} - -.radio + span, -.checkbox + span { - padding: 0; - padding-right: 10px; -} - -.radio + span:before, -.checkbox + span:before { - font-family: FontAwesome; - font-size: 21px; - display: inline-block; - vertical-align: middle; - letter-spacing: 10px; - color: #c8d0da; -} - -.radio:checked + span:before, -.checkbox:checked + span:before { - color: #85CE36; -} - -.radio:disabled + span:before, -.checkbox:disabled + span:before { - opacity: 0.5; - cursor: not-allowed; -} - -.radio:checked:disabled + span:before, -.checkbox:checked:disabled + span:before { - color: #c8d0da; -} - -.checkbox + span:before { - content: "\f0c8"; -} - -.checkbox:checked + span:before { - content: "\f14a"; -} - -.checkbox.rounded + span:before { - content: "\f111"; -} - -.checkbox.rounded:checked + span:before { - content: "\f058"; -} - -.radio + span:before { - content: "\f111"; -} - -.radio:checked + span:before { - content: "\f192"; -} - -.radio.squared + span:before { - content: "\f0c8"; -} - -.radio.squared:checked + span:before { - content: "\f14a"; -} - -.form-control::-webkit-input-placeholder { - font-style: italic; - color: #c8d0da; -} - -.form-control:-moz-placeholder { - /* Firefox 18- */ - font-style: italic; - color: #d7dde4; -} - -.form-control::-moz-placeholder { - /* Firefox 19+ */ - font-style: italic; - color: #d7dde4; -} - -.form-control:-ms-input-placeholder { - font-style: italic; - color: #d7dde4; -} - -.dropdown-menu { - float: left; - box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); - border: 1px solid rgba(126, 142, 159, 0.1); - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.dropdown-menu .dropdown-item { - display: block; - padding: 0px 15px; - clear: both; - font-weight: normal; - color: #4f5f6f; - white-space: nowrap; - -webkit-transition: none; - transition: none; -} - -.dropdown-menu .dropdown-item i { - margin-right: 2px; -} - -.dropdown-menu .dropdown-item:hover { - color: #85CE36 !important; - background: none; - background-color: whitesmoke; -} - -/* ******************************************* -* Item List general styles -********************************************** */ -.item-list { - list-style: none; - padding: 0; - margin: 0; - margin-bottom: 0; - line-height: 1.4rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; -} - -@media (min-width: 992px) and (max-width: 1199px) { - .item-list { - font-size: 1rem; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .item-list { - font-size: 0.95rem; - } -} - -@media (max-width: 767px) { - .item-list { - font-size: 1.05rem; - } -} - -.item-list.striped > li { - border-bottom: 1px solid #e9edf0; -} - -.item-list.striped > li:nth-child(2n + 1) { - background-color: #fcfcfd; -} - -@media (max-width: 767px) { - .item-list.striped > li:nth-child(2n + 1) { - background-color: #f8f9fb; - } -} - -.item-list.striped .item-list-footer { - border-bottom: none; -} - -/* ******************************************* -* Item general styles -********************************************** */ -.item-list .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.item-list .item-row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-width: 100%; -} - -.item-list .item-row.nowrap { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; -} - -.item-list .item-col { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: 10px 10px 10px 0; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 3; - -ms-flex-positive: 3; - flex-grow: 3; - -ms-flex-negative: 3; - flex-shrink: 3; - margin-left: auto; - margin-right: auto; - min-width: 0; -} - -.item-list .item-col.fixed { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-preferred-size: auto; - flex-basis: auto; -} - -.item-list .item-col.pull-left { - margin-right: auto; -} - -.item-list .item-col.pull-right { - margin-left: auto; -} - -.item-list .item-col > div { - width: 100%; -} - -.item-list .item-col:last-child { - padding-right: 0; -} - -.item-list .no-overflow { - overflow: hidden; -} - -.item-list .no-wrap { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -/* ******************************************* -* Item components -********************************************** */ -.item-list { - /******************************************** - * Header - *********************************************/ - /******************************************** - * Heading - *********************************************/ - /******************************************** - * Checkbox - *********************************************/ - /******************************************** - * Image - *********************************************/ - /******************************************** - * Title - *********************************************/ - /******************************************** - * Stats - *********************************************/ - /******************************************** - * Actions - *********************************************/ - /******************************************** - * Something else? - *********************************************/ -} - -.item-list .item-list-header .item-col.item-col-header span { - color: #999; - font-size: 0.8rem; - font-weight: 700 !important; -} - -.item-list .item-heading { - font-size: 0.9rem; - display: none; - color: #666; - font-weight: 700; - padding-right: 10px; -} - -@media (max-width: 767px) { - .item-list .item-heading { - display: block; - } -} - -@media (min-width: 576px) and (max-width: 767px) { - .item-list .item-heading { - width: 100%; - } -} - -@media (max-width: 575px) { - .item-list .item-heading { - width: 40%; - } -} - -.item-list .item-col.item-col-check { - -ms-flex-preferred-size: 30px; - flex-basis: 30px; -} - -@media (max-width: 767px) { - .item-list .item-col.item-col-check { - -webkit-box-ordinal-group: -7; - -ms-flex-order: -8; - order: -8; - } -} - -.item-list .item-check { - margin-bottom: 0; -} - -.item-list .item-check .checkbox + span { - padding-right: 0; -} - -.item-list .item-check .checkbox + span:before { - width: 20px; -} - -.item-list .item-col.item-col-img { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-preferred-size: 70px; - flex-basis: 70px; -} - -.item-list .item-col.item-col-img.xs { - -ms-flex-preferred-size: 40px; - flex-basis: 40px; -} - -.item-list .item-col.item-col-img.sm { - -ms-flex-preferred-size: 50px; - flex-basis: 50px; -} - -.item-list .item-col.item-col-img.lg { - -ms-flex-preferred-size: 100px; - flex-basis: 100px; -} - -.item-list .item-col.item-col-img.xl { - -ms-flex-preferred-size: 120px; - flex-basis: 120px; -} - -.item-list .item-col.item-col-img a { - width: 100%; -} - -.item-list .item-img { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-item-align: stretch; - align-self: stretch; - background-color: #efefef; - padding-bottom: 100%; - width: 100%; - height: 0; - background-size: cover; - background-position: center; - background-repeat: no-repeat; -} - -@media (max-width: 767px) { - .item-list .item-col.item-col-title { - -webkit-box-ordinal-group: -3; - -ms-flex-order: -4; - order: -4; - } -} - -.item-list .item-col.item-col-title a { - display: block; -} - -.item-list .item-title { - margin: 0; - font-size: inherit; - line-height: inherit; - font-weight: 600; -} - -.item-list .item-stats { - height: 1.4rem; -} - -.item-list .item-col.item-col-actions-dropdown { - -ms-flex-preferred-size: 40px; - flex-basis: 40px; - text-align: center; - padding-left: 0 !important; -} - -@media (max-width: 767px) { - .item-list .item-col.item-col-actions-dropdown { - -webkit-box-ordinal-group: -2; - -ms-flex-order: -3; - order: -3; - -ms-flex-preferred-size: 40px !important; - flex-basis: 40px !important; - padding-right: 10px; - } -} - -.item-list .item-actions-dropdown { - position: relative; - font-size: 1.1rem; -} - -.item-list .item-actions-dropdown.active .item-actions-block { - max-width: 120px; -} - -.item-list .item-actions-dropdown.active .item-actions-toggle-btn { - color: #85CE36; -} - -.item-list .item-actions-dropdown.active .item-actions-toggle-btn .active { - display: block; -} - -.item-list .item-actions-dropdown.active .item-actions-toggle-btn .inactive { - display: none; -} - -.item-list .item-actions-dropdown .item-actions-toggle-btn { - color: #9ba8b5; - font-size: 1.2rem; - cursor: pointer; - width: 100%; - line-height: 30px; - text-align: center; - text-decoration: none; -} - -.item-list .item-actions-dropdown .item-actions-toggle-btn .active { - display: none; -} - -.item-list .item-actions-dropdown .item-actions-block { - height: 30px; - max-width: 0px; - line-height: 30px; - overflow: hidden; - position: absolute; - top: 0; - right: 100%; - background-color: #d7dde4; - border-radius: 3px; - -webkit-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; -} - -.item-list .item-actions-dropdown .item-actions-block.direction-right { - right: auto; - left: 100%; -} - -.item-list .item-actions-dropdown .item-actions-block .item-actions-list { - padding: 0; - list-style: none; - white-space: nowrap; - padding: 0 5px; -} - -.item-list .item-actions-dropdown .item-actions-block .item-actions-list li { - display: inline-block; - padding: 0; -} - -.item-list .item-actions-dropdown .item-actions-block .item-actions-list a { - display: block; - padding: 0 5px; -} - -.item-list .item-actions-dropdown .item-actions-block .item-actions-list a.edit { - color: #38424C; -} - -.item-list .item-actions-dropdown .item-actions-block .item-actions-list a.check { - color: #40B726; -} - -.item-list .item-actions-dropdown .item-actions-block .item-actions-list a.remove { - color: #DB0E1E; -} - -/* ******************************************* -* Adjustments -********************************************** */ -.card > .item-list .item > .item-row { - padding: 0 15px; -} - -@media (min-width: 1200px) { - .card > .item-list .item > .item-row { - padding: 0 20px; - } -} - -@media (max-width: 767px) { - .card > .item-list .item > .item-row { - padding: 0 10px; - } -} - -.images-container::after { - content: ""; - display: table; - clear: both; -} - -.images-container .image-container { - float: left; - padding: 3px; - margin-right: 10px; - margin-bottom: 35px; - position: relative; - border: 1px solid #e6eaee; - overflow: hidden; -} - -.images-container .image-container.active { - border-color: #85CE36; -} - -.images-container .image-container:hover .controls { - bottom: 0; - opacity: 1; -} - -.images-container .controls { - position: absolute; - left: 0; - right: 0; - opacity: 0; - bottom: -35px; - text-align: center; - height: 35px; - font-size: 24px; - -webkit-transition: bottom 0.2s ease, opacity 0.2s ease; - transition: bottom 0.2s ease, opacity 0.2s ease; - background-color: #fff; -} - -.images-container .controls::after { - content: ""; - display: table; - clear: both; -} - -.images-container .controls .control-btn { - display: inline-block; - color: #4f5f6f; - cursor: pointer; - width: 35px; - height: 35px; - line-height: 35px; - text-align: center; - opacity: 0.5; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} - -.images-container .controls .control-btn:hover { - opacity: 1; -} - -.images-container .controls .control-btn.move { - cursor: move; -} - -.images-container .controls .control-btn.star { - color: #FFB300; -} - -.images-container .controls .control-btn.star i:before { - content: "\f006"; -} - -.images-container .controls .control-btn.star.active i:before { - content: "\f005"; -} - -.images-container .controls .control-btn.remove { - color: #FF4444; -} - -.images-container .image { - background-size: cover; - background-position: center; - background-repeat: no-repeat; - width: 130px; - height: 135px; - line-height: 135px; - text-align: center; -} - -.images-container .image-container.main { - border-color: #FFB300; -} - -.images-container .image-container.new { - opacity: 0.6; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - border-style: dashed; - border: 1px #85CE36 solid; - color: #85CE36; -} - -.images-container .image-container.new .image { - font-size: 2.5rem; -} - -.images-container .image-container.new:hover { - opacity: 1; -} - -.logo { - display: inline-block; - width: 45px; - height: 25px; - vertical-align: middle; - margin-right: 5px; - position: relative; -} - -.logo .l { - width: 11px; - height: 11px; - border-radius: 50%; - background-color: #85CE36; - position: absolute; -} - -.logo .l.l1 { - bottom: 0; - left: 0; -} - -.logo .l.l2 { - width: 7px; - height: 7px; - bottom: 13px; - left: 10px; -} - -.logo .l.l3 { - width: 7px; - height: 7px; - bottom: 4px; - left: 17px; -} - -.logo .l.l4 { - bottom: 13px; - left: 25px; -} - -.logo .l.l5 { - bottom: 0; - left: 34px; -} - -.modal-body.modal-tab-container { - padding: 0; -} - -.modal-body.modal-tab-container .modal-tabs { - padding-left: 0; - margin-bottom: 0; - list-style: none; - background-color: #ffffff; - border-bottom: 1px solid #ddd; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -} - -.modal-body.modal-tab-container .modal-tabs .nav-link { - padding: 10px 20px; - border: none; -} - -.modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active { - color: #85CE36; - border-bottom: 2px solid #85CE36; -} - -.modal-body.modal-tab-container .modal-tabs .nav-link.active { - font-weight: 600; -} - -a:not(.btn) { - -webkit-transition: initial; - transition: initial; - text-decoration: underline; - color: #969696; -} - -a:not(.btn):hover { - text-decoration: underline; - color: #70b02b; -} - -a:not(.btn):hover:before { - -webkit-transform: scaleX(1); - transform: scaleX(1); -} - -a:not(.btn):focus { - text-decoration: none; -} - -span a { - vertical-align: text-bottom; -} - -[class^='nav'] li > a, -[class*=' nav'] li > a { - display: block; -} - -[class^='nav'] li > a:before, -[class*=' nav'] li > a:before { - display: none; -} - -.nav.nav-tabs-bordered { - border-color: #85CE36; -} - -.nav.nav-tabs-bordered + .tab-content { - border-style: solid; - border-width: 0 1px 1px 1px; - border-color: #85CE36; - padding: 10px 20px 0; -} - -.nav.nav-tabs-bordered .nav-item .nav-link { - text-decoration: none; -} - -.nav.nav-tabs-bordered .nav-item .nav-link:hover { - color: #ffffff; - background-color: #85CE36; - border: 1px solid #85CE36; -} - -.nav.nav-tabs-bordered .nav-item .nav-link.active { - border-color: #85CE36; - border-bottom-color: transparent; -} - -.nav.nav-tabs-bordered .nav-item .nav-link.active:hover { - background-color: #ffffff; - color: inherit; -} - -.nav.nav-pills + .tab-content { - border: 0; - padding: 5px; -} - -.nav.nav-pills .nav-item .nav-link { - text-decoration: none; -} - -.nav.nav-pills .nav-item .nav-link:hover { - color: #4f5f6f; - background-color: transparent; - border: 0; -} - -.nav.nav-pills .nav-item .nav-link.active { - border-color: #85CE36; - border-bottom-color: transparent; - background-color: #85CE36; -} - -.nav.nav-pills .nav-item .nav-link.active:hover { - background-color: #85CE36; - color: #ffffff; -} - -.pagination { - margin-top: 0; -} - -.pagination .page-item .page-link { - color: #85CE36; -} - -.pagination .page-item.active .page-link, -.pagination .page-item.active .page-link:focus, -.pagination .page-item.active .page-link:hover { - color: #fff; - border-color: #85CE36; - background-color: #85CE36; -} - -#nprogress .bar { - background: #85CE36 !important; -} - -#nprogress .bar .peg { - box-shadow: 0 0 10px #85CE36, 0 0 5px #85CE36; -} - -#nprogress .spinner { - top: 25px !important; - right: 23px !important; -} - -#nprogress .spinner .spinner-icon { - border-top-color: #85CE36 !important; - border-left-color: #85CE36 !important; -} - -/* Let's get this party started */ -::-webkit-scrollbar { - width: 7px; - height: 7px; -} - -/* Track */ -::-webkit-scrollbar-track { - border-radius: 0; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - border-radius: 0; - background: #78bd2e; -} - -::-webkit-scrollbar-thumb:window-inactive { - background: #85CE36; -} - -.table label { - margin-bottom: 0; -} - -.table .checkbox + span { - margin-bottom: 0; -} - -.table .checkbox + span:before { - line-height: 20px; -} - -.row .col { - padding-left: 15px; - padding-right: 15px; - float: left; -} - -.row-sm { - margin-left: -10px; - margin-right: -10px; -} - -.row-sm [class^='col'] { - padding-left: 10px; - padding-right: 10px; -} - -.title-block { - padding-bottom: 15px; - margin-bottom: 30px; - border-bottom: 1px solid #d7dde4; -} - -.title-block::after { - content: ""; - display: table; - clear: both; -} - -@media (max-width: 767px) { - .title-block { - margin-bottom: 20px; - } -} - -.subtitle-block { - padding-bottom: 10px; - margin-bottom: 20px; - border-bottom: 1px dashed #e0e5ea; -} - -.section { - display: block; - margin-bottom: 15px; -} - -@media (min-width: 1200px) { - .section { - margin-bottom: 25px; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .section { - margin-bottom: 20px; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .section { - margin-bottom: 15px; - } -} - -@media (max-width: 767px) { - .section { - margin-bottom: 10px; - } -} - -.section:last-of-type { - margin-bottom: 0; -} - -.box-placeholder { - margin-bottom: 15px; - padding: 20px; - border: 1px dashed #ddd; - background: #fafafa; - color: #444; - cursor: pointer; -} - -.underline-animation { - position: absolute; - top: auto; - bottom: 1px; - left: 0; - width: 100%; - height: 1px; - background-color: #85CE36; - content: ''; - -webkit-transition: all 0.2s; - transition: all 0.2s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transform: scaleX(0); - transform: scaleX(0); -} - -.stat-chart { - border-radius: 50%; -} - -.stat { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - margin-right: 10px; -} - -.stat .value { - font-size: 20px; - line-height: 24px; - overflow: hidden; - text-overflow: ellipsis; - font-weight: 500; -} - -.stat .name { - overflow: hidden; - text-overflow: ellipsis; -} - -.stat.lg .value { - font-size: 26px; - line-height: 28px; -} - -.stat.lg .name { - font-size: 16px; -} - -.list-icon [class^='col'] { - cursor: pointer; -} - -.list-icon [class^='col'] em { - font-size: 14px; - width: 40px; - vertical-align: middle; - margin: 0; - display: inline-block; - text-align: center; - -webkit-transition: all 1s; - transition: all 1s; - line-height: 30px; -} - -.list-icon [class^='col']:hover em { - -webkit-transform: scale(2, 2); - transform: scale(2, 2); -} - -.well { - background-image: none; - background-color: #fff; -} - -.jumbotron { - background-image: none; - background-color: #fff; - padding: 15px 30px; -} - -.jumbotron.jumbotron-fluid { - padding-left: 0; - padding-right: 0; -} - -.rounded { - border-radius: 0.25rem; -} - -.rounded-l { - border-radius: 0.3rem; -} - -.rounded-s { - border-radius: 0.2rem; -} - -.jqstooltip { - height: 25px !important; - width: auto !important; - border-radius: 0.2rem; -} - -.title { - font-size: 1.45rem; - font-weight: 600; - margin-bottom: 0; -} - -.title.l { - font-size: 1.6rem; -} - -.title.s { - font-size: 1.4rem; -} - -.card .title { - font-size: 1.1rem; - color: #4f5f6f; -} - -.title-description { - margin: 0; - font-size: 0.9rem; - font-weight: normal; - color: #7e8e9f; -} - -.title-description.s { - font-size: 0.8rem; -} - -@media (max-width: 767px) { - .title-description { - display: none; - } -} - -.subtitle { - font-size: 1.2rem; - margin: 0; - color: #7e8e9f; -} - -.text-primary { - color: #85CE36; -} - -.text-muted { - color: #9ba8b5; -} - -pre { - padding: 0; - border: none; - background: none; -} - -/***************************************** -* Background-image: cover mixin -******************************************/ -/***************************************** -* Media Query Mixins -******************************************/ -.dashboard-page #dashboard-downloads-chart, -.dashboard-page #dashboard-visits-chart { - height: 220px; -} - -@media (max-width: 575px) { - .dashboard-page .items .card-header { - border: none; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - - .dashboard-page .items .card-header .header-block { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - border-bottom: 1px solid #e9edf0; - } -} - -.dashboard-page .items .card-header .title { - padding-right: 0px; - margin-right: 5px; -} - -.dashboard-page .items .card-header .search { - margin: 0; - vertical-align: middle; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -@media (max-width: 575px) { - .dashboard-page .items .card-header .search { - min-width: 50%; - } -} - -.dashboard-page .items .card-header .search .search-input { - border: none; - background-color: inherit; - color: #C2CCD6; - width: 100px; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} - -.dashboard-page .items .card-header .search .search-input::-webkit-input-placeholder { - /* WebKit, Blink, Edge */ - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; - color: #C2CCD6; -} - -.dashboard-page .items .card-header .search .search-input:-moz-placeholder { - /* Mozilla Firefox 4 to 18 */ - transition: color 0.3s ease; - color: #C2CCD6; -} - -.dashboard-page .items .card-header .search .search-input::-moz-placeholder { - /* Mozilla Firefox 19+ */ - transition: color 0.3s ease; - color: #C2CCD6; -} - -.dashboard-page .items .card-header .search .search-input:-ms-input-placeholder { - /* Internet Explorer 10-11 */ - transition: color 0.3s ease; - color: #C2CCD6; -} - -@media (max-width: 575px) { - .dashboard-page .items .card-header .search .search-input { - min-width: 130px; - } -} - -.dashboard-page .items .card-header .search .search-input:focus { - color: #7e8e9f; -} - -.dashboard-page .items .card-header .search .search-input:focus::-webkit-input-placeholder { - /* WebKit, Blink, Edge */ - color: #aab4c0; -} - -.dashboard-page .items .card-header .search .search-input:focus:-moz-placeholder { - /* Mozilla Firefox 4 to 18 */ - color: #aab4c0; -} - -.dashboard-page .items .card-header .search .search-input:focus::-moz-placeholder { - /* Mozilla Firefox 19+ */ - color: #aab4c0; -} - -.dashboard-page .items .card-header .search .search-input:focus:-ms-input-placeholder { - /* Internet Explorer 10-11 */ - color: #aab4c0; -} - -.dashboard-page .items .card-header .search .search-input:focus + .search-icon { - color: #7e8e9f; -} - -.dashboard-page .items .card-header .search .search-icon { - color: #C2CCD6; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; - -webkit-box-ordinal-group: 0; - -ms-flex-order: -1; - order: -1; - padding-right: 6px; -} - -.dashboard-page .items .card-header .pagination { - display: inline-block; - margin: 0; -} - -.dashboard-page .items .item-list .item-col-title { - -webkit-box-flex: 9; - -ms-flex-positive: 9; - flex-grow: 9; -} - -.dashboard-page .items .item-list .item-col-date { - text-align: right; -} - -@media (min-width: 1200px) { - .dashboard-page .items .item-list .item-col-date { - -webkit-box-flex: 4; - -ms-flex-positive: 4; - flex-grow: 4; - } -} - -@media (max-width: 767px) { - .dashboard-page .items .item-list .item-row { - padding: 0; - } - - .dashboard-page .items .item-list .item-col { - padding-left: 10px; - padding-right: 10px; - } - - .dashboard-page .items .item-list .item-col-img { - padding-left: 10px; - -ms-flex-preferred-size: 60px; - flex-basis: 60px; - padding-right: 0; - } - - .dashboard-page .items .item-list .item-col-stats { - text-align: center; - } -} - -@media (min-width: 576px) and (max-width: 767px) { - .dashboard-page .items .item-list .item-col-title { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - border-bottom: 1px solid #e9edf0; - } - - .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { - position: relative; - padding-top: 35px; - } - - .dashboard-page .items .item-list .item-heading { - position: absolute; - height: 30px; - width: 100%; - left: 0; - top: 5px; - line-height: 30px; - padding-left: 10px; - padding-right: 10px; - } -} - -@media (max-width: 575px) { - .dashboard-page .items .item-list .item-col { - border-bottom: 1px solid #e9edf0; - } - - .dashboard-page .items .item-list .item-col-img { - -ms-flex-preferred-size: 50px; - flex-basis: 50px; - -webkit-box-ordinal-group: -4; - -ms-flex-order: -5; - order: -5; - } - - .dashboard-page .items .item-list .item-col-title { - -ms-flex-preferred-size: calc(100% - 50px); - flex-basis: calc(100% - 50px); - } - - .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - text-align: left; - } - - .dashboard-page .items .item-list .item-col:not(.item-col-title):not(.item-col-img) .item-heading { - text-align: left; - } - - .dashboard-page .items .item-list .item-col-date { - border: none; - } -} - -.dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart { - margin: 0 auto; - max-width: 250px; - max-height: 250px; -} - -.dashboard-page #dashboard-sales-map .jqvmap-zoomin, -.dashboard-page #dashboard-sales-map .jqvmap-zoomout { - background-color: #85CE36; - height: 20px; - width: 20px; - line-height: 14px; -} - -.dashboard-page #dashboard-sales-map .jqvmap-zoomout { - top: 32px; -} - -.dashboard-page .stats .card-block { - padding-bottom: 0; -} - -.dashboard-page .stats .stat-col { - margin-bottom: 20px; - float: left; - white-space: nowrap; - overflow: hidden; -} - -.dashboard-page .stats .stat-icon { - color: #BDBDBD; - display: inline-block; - font-size: 26px; - text-align: center; - vertical-align: middle; - width: 50px; -} - -.dashboard-page .stats .stat-chart { - margin-right: 5px; - vertical-align: middle; -} - -@media (min-width: 1200px) { - .dashboard-page .stats .stat-chart { - margin-right: 0.6vw; - } -} - -.dashboard-page .stats .stat { - vertical-align: middle; -} - -@media (min-width: 1200px) { - .dashboard-page .stats .stat .value { - font-size: 1.3vw; - } -} - -@media (min-width: 1200px) { - .dashboard-page .stats .stat .name { - font-size: 0.9vw; - } -} - -.dashboard-page .stats .stat-progress { - height: 2px; - margin: 5px 0; - color: #85CE36; -} - -.dashboard-page .stats .stat-progress[value]::-webkit-progress-bar { - background-color: #dddddd; -} - -.dashboard-page .stats .stat-progress[value]::-webkit-progress-value { - background-color: #85CE36; -} - -.dashboard-page .stats .stat-progress[value]::-moz-progress-bar { - background-color: #dddddd; -} - -.dashboard-page .tasks { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-line-pack: stretch; - align-content: stretch; -} - -.dashboard-page .tasks .title-block .title { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.dashboard-page .tasks label { - width: 100%; - margin-bottom: 0; -} - -.dashboard-page .tasks label .checkbox:checked + span { - text-decoration: line-through; -} - -.dashboard-page .tasks label span { - display: inline-block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; -} - -.dashboard-page .tasks .tasks-block { - max-height: 400px; - overflow-y: scroll; - overflow-x: hidden; - margin: 0; - margin-right: -5px; -} - -.dashboard-page .tasks .item-list .item-col { - padding-top: 5px; - padding-bottom: 5px; -} - -.flot-chart { - display: block; - height: 225px; -} - -.flot-chart .flot-chart-content { - width: 100%; - height: 100%; -} - -.flot-chart .flot-chart-pie-content { - width: 225px; - height: 225px; - margin: auto; -} - -.items-list-page .title-search-block { - position: relative; -} - -@media (max-width: 767px) { - .items-list-page .title-block { - padding-bottom: 10px; - margin-bottom: 13px; - } -} - -.items-list-page .title-block .action { - display: inline; -} - -.items-list-page .title-block .action a { - padding: 10px 15px; -} - -.items-list-page .title-block .action a .icon { - margin-right: 5px; - text-align: center; - width: 16px; -} - -@media (max-width: 767px) { - .items-list-page .title-block .action { - display: none; - } -} - -.items-list-page .items-search { - position: absolute; - margin-bottom: 15px; - right: 0; - top: 0; -} - -@media (max-width: 767px) { - .items-list-page .items-search { - position: static; - } -} - -.items-list-page .items-search .search-button { - margin: 0; -} - -.items-list-page .item-list .item-col.item-col-check { - text-align: left; -} - -.items-list-page .item-list .item-col.item-col-img { - text-align: left; - width: auto; - text-align: center; - -ms-flex-preferred-size: 70px; - flex-basis: 70px; -} - -@media (min-width: 576px) { - .items-list-page .item-list .item-col.item-col-img:not(.item-col-header) { - height: 80px; - } -} - -.items-list-page .item-list .item-col.item-col-title { - text-align: left; - margin-left: 0 !important; - margin-right: auto; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 9; - -ms-flex-positive: 9; - flex-grow: 9; -} - -.items-list-page .item-list .item-col.item-col-sales { - text-align: right; - font-weight: 600; -} - -.items-list-page .item-list .item-col.item-col-stats { - text-align: center; -} - -.items-list-page .item-list .item-col.item-col-category { - text-align: left; - font-weight: 600; -} - -.items-list-page .item-list .item-col.item-col-author { - text-align: left; - -webkit-box-flex: 4.5; - -ms-flex-positive: 4.5; - flex-grow: 4.5; -} - -.items-list-page .item-list .item-col.item-col-date { - text-align: right; -} - -@media (max-width: 767px) { - .items-list-page .card.items { - background: none; - box-shadow: none; - } - - .items-list-page .item-list .item { - border: none; - margin-bottom: 10px; - background-color: #fff; - box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); - } - - .items-list-page .item-list .item-row { - padding: 0 !important; - } - - .items-list-page .item-list .item-col.item-col-author { - -webkit-box-flex: 3; - -ms-flex-positive: 3; - flex-grow: 3; - } -} - -@media (min-width: 576px) and (max-width: 767px) { - .items-list-page .item-list .item { - background-color: #fff; - margin-bottom: 10px; - box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); - } - - .items-list-page .item-list .item-row { - padding: 0; - } - - .items-list-page .item-list .item-heading { - width: 100%; - display: block; - position: absolute; - top: 0; - width: 100%; - left: 0; - line-height: 40px; - padding-left: 0; - } - - .items-list-page .item-list .item-col.item-col-check, .items-list-page .item-list .item-col.item-col-title, .items-list-page .item-list .item-col.item-col-actions-dropdown { - border-bottom: 1px solid #d7dde4; - } - - .items-list-page .item-list .item-col.item-col-check .item-heading, .items-list-page .item-list .item-col.item-col-title .item-heading, .items-list-page .item-list .item-col.item-col-actions-dropdown .item-heading { - display: none; - } - - .items-list-page .item-list .item-col.item-col-sales, .items-list-page .item-list .item-col.item-col-stats, .items-list-page .item-list .item-col.item-col-category, .items-list-page .item-list .item-col.item-col-author, .items-list-page .item-list .item-col.item-col-date { - padding-top: 40px; - position: relative; - } - - .items-list-page .item-list .item-col.item-col-check { - display: none; - } - - .items-list-page .item-list .item-col.item-col-title { - padding-left: 10px; - text-align: left; - margin-left: 0 !important; - margin-right: auto; - -ms-flex-preferred-size: calc(100% - 40px); - flex-basis: calc(100% - 40px); - } - - .items-list-page .item-list .item-col.item-col-img { - padding-left: 10px; - -ms-flex-preferred-size: 79px; - flex-basis: 79px; - } - - .items-list-page .item-list .item-col.item-col-sales { - text-align: left; - } - - .items-list-page .item-list .item-col.item-col-stats { - text-align: center; - } - - .items-list-page .item-list .item-col.item-col-category { - text-align: center; - } - - .items-list-page .item-list .item-col.item-col-author { - text-align: center; - } - - .items-list-page .item-list .item-col.item-col-date { - padding-right: 10px; - text-align: right; - white-space: nowrap; - -ms-flex-preferred-size: 100px; - flex-basis: 100px; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 3; - -ms-flex-positive: 3; - flex-grow: 3; - } -} - -@media (max-width: 575px) { - .items-list-page .item-list .item { - border: none; - font-size: 0.9rem; - margin-bottom: 10px; - background-color: #fff; - box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); - } - - .items-list-page .item-list .item .item-col { - text-align: right; - border-bottom: 1px solid #d7dde4; - padding-left: 10px; - } - - .items-list-page .item-list .item .item-col[class^=item-col] { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } - - .items-list-page .item-list .item .item-col.item-col-check { - display: none; - } - - .items-list-page .item-list .item .item-col.item-col-img .item-img { - padding-bottom: 65%; - } - - .items-list-page .item-list .item .item-col.item-col-title { - text-align: left; - padding-bottom: 0; - border: none; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - } - - .items-list-page .item-list .item .item-col.item-col-title .item-heading { - display: none; - } - - .items-list-page .item-list .item .item-col.item-col-title .item-title { - font-size: 1rem; - line-height: 1.4rem; - } - - .items-list-page .item-list .item .item-col.item-col-actions-dropdown { - border: none; - padding-bottom: 0; - } - - .items-list-page .item-list .item .item-col.item-col-sales { - text-align: left; - } - - .items-list-page .item-list .item .item-col.item-col-stats { - text-align: left; - } - - .items-list-page .item-list .item .item-col.item-col-category { - text-align: left; - } - - .items-list-page .item-list .item .item-col.item-col-author { - text-align: left; - } - - .items-list-page .item-list .item .item-col.item-col-date { - text-align: left; - } -} - -.table-flip-scroll table { - width: 100%; -} - -@media only screen and (max-width: 800px) { - .table-flip-scroll .flip-content:after, - .table-flip-scroll .flip-header:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } - - .table-flip-scroll html .flip-content, - .table-flip-scroll html .flip-header { - -ms-zoom: 1; - zoom: 1; - } - - .table-flip-scroll *:first-child + html .flip-content, - .table-flip-scroll *:first-child + html .flip-header { - -ms-zoom: 1; - zoom: 1; - } - - .table-flip-scroll table { - width: 100%; - border-collapse: collapse; - border-spacing: 0; - display: block; - position: relative; - } - - .table-flip-scroll th, - .table-flip-scroll td { - margin: 0; - vertical-align: top; - } - - .table-flip-scroll th:last-child, - .table-flip-scroll td:last-child { - border-bottom: 1px solid #ddd; - } - - .table-flip-scroll th { - border: 0 !important; - border-right: 1px solid #ddd !important; - width: auto !important; - display: block; - text-align: right; - } - - .table-flip-scroll td { - display: block; - text-align: left; - border: 0 !important; - border-bottom: 1px solid #ddd !important; - } - - .table-flip-scroll thead { - display: block; - float: left; - } - - .table-flip-scroll thead tr { - display: block; - } - - .table-flip-scroll tbody { - display: block; - width: auto; - position: relative; - overflow-x: auto; - white-space: nowrap; - } - - .table-flip-scroll tbody tr { - display: inline-block; - vertical-align: top; - margin-left: -5px; - border-left: 1px solid #ddd; - } -} - -.wyswyg { - border: 1px solid #d7dde4; -} - -.wyswyg .ql-container { - border-top: 1px solid #d7dde4; -} - -.wyswyg .toolbar .btn { - margin: 0; -} - -.wyswyg .ql-container { - font-size: 1rem; -} - -.wyswyg .ql-container .ql-editor { - min-height: 200px; -} - -.footer { - background-color: #fff; - position: absolute; - left: 230px; - right: 0; - bottom: 0; - height: 50px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.footer-fixed .footer { - position: fixed; -} - -.footer .footer-block { - vertical-align: middle; - margin-left: 20px; - margin-right: 20px; -} - -.footer .footer-github-btn { - vertical-align: middle; -} - -@media (max-width: 991px) { - .footer { - left: 0; - } -} - -.footer .author > ul { - list-style: none; - margin: 0; - padding: 0; -} - -.footer .author > ul li { - display: inline-block; -} - -.footer .author > ul li:after { - content: "|"; -} - -.footer .author > ul li:last-child:after { - content: ""; -} - -@media (max-width: 991px) { - .footer .author > ul li { - display: block; - text-align: right; - } - - .footer .author > ul li:after { - content: ""; - } -} - -@media (max-width: 991px) { - .footer .author > ul { - display: block; - } -} - -@media (max-width: 767px) { - .footer .author > ul { - display: none; - } -} - -.header { - background-color: #d7dde4; - height: 70px; - position: absolute; - left: 230px; - right: 0; - -webkit-transition: left 0.3s ease; - transition: left 0.3s ease; - z-index: 10; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} - -@media (max-width: 991px) { - .header { - left: 0; - } -} - -@media (max-width: 767px) { - .header { - left: 0; - height: 50px; - } -} - -.header-fixed .header { - position: fixed; -} - -@media (max-width: 767px) { - .header .header-block { - padding: 5px; - } -} - -.modal .modal-content { - border-radius: 0; -} - -.modal .modal-header { - background-color: #85CE36; - color: #ffffff; -} - -.modal .modal-footer .btn { - margin-bottom: 0; -} - -.sidebar { - background-color: #3a4651; - width: 230px; - padding-bottom: 60px; - position: absolute; - top: 0; - left: 0; - bottom: 0; - -webkit-transition: left 0.3s ease; - transition: left 0.3s ease; - z-index: 20; -} - -@media (max-width: 991px) { - .sidebar { - position: fixed; - left: -230px; - } -} - -.sidebar-fixed .sidebar { - position: fixed; -} - -.sidebar-open .sidebar { - left: 0; -} - -.sidebar .sidebar-container { - position: absolute; - top: 0; - bottom: 51px; - width: 100%; - left: 0; - overflow-y: auto; - overflow-x: hidden; -} - -.sidebar .sidebar-container::-webkit-scrollbar-track { - background-color: #2c353e; -} - -.sidebar .nav { - font-size: 14px; -} - -.sidebar .nav li a:focus, -.open .sidebar .nav li a:focus { - background-color: inherit; -} - -.sidebar .nav ul { - padding: 0; - height: 0px; - overflow: hidden; -} - -.loaded .sidebar .nav ul { - height: auto; -} - -.sidebar .nav li.active ul { - height: auto; -} - -.sidebar .nav li a { - color: rgba(255, 255, 255, 0.5); - text-decoration: none; -} - -.sidebar .nav li a:hover, -.sidebar .nav li.open > a, -.sidebar .nav li.open a:hover { - color: #ffffff; - background-color: #2d363f; -} - -.sidebar .nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - padding-left: 20px; - padding-right: 10px; -} - -.sidebar .nav > li.active > a, -.sidebar .nav > li.active > a:hover { - background-color: #85CE36 !important; - color: #ffffff !important; -} - -.sidebar .nav > li.open > a { - background-color: #333e48; -} - -.sidebar .nav > li.open > a i.arrow { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -.sidebar .nav > li > a i { - margin-right: 5px; - font-size: 16px; -} - -.sidebar .nav > li > a i.arrow { - float: right; - font-size: 20px; - line-height: initial; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} - -.sidebar .nav > li > a i.arrow:before { - content: "\f105" !important; -} - -.sidebar .nav > li > ul > li a { - padding-top: 10px; - padding-bottom: 10px; - padding-left: 50px; - background-color: #333e48; -} - -.sidebar .nav > li > ul > li.active a { - color: #ffffff; -} - -.sidebar-overlay { - position: absolute; - display: none; - left: 200vw; - right: 0; - top: 0; - bottom: 0; - z-index: 5; - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - z-index: 15; -} - -@media (max-width: 991px) { - .sidebar-overlay { - display: block; - } -} - -@media (max-width: 767px) { - .sidebar-overlay { - background-color: rgba(0, 0, 0, 0.7); - } -} - -@media (max-width: 991px) { - .sidebar-open .sidebar-overlay { - left: 0; - opacity: 1; - } -} - -.header .header-block-buttons { - text-align: center; - margin-left: auto; - margin-right: auto; - white-space: nowrap; -} - -.header .header-block-buttons .btn.header-btn { - background-color: transparent; - border: 1px solid #64798d; - color: #64798d; - margin: 0 5px; - border-radius: 0.2rem; -} - -.header .header-block-buttons .btn.header-btn:hover, .header .header-block-buttons .btn.header-btn:focus { - border: 1px solid #3a4651; - color: #3a4651; -} - -@media (max-width: 767px) { - .header .header-block-buttons .btn.header-btn span { - display: none; - } -} - -.header .header-block-collapse { - padding-right: 5px; -} - -@media (max-width: 767px) { - .header .header-block-collapse { - width: 155px; - } -} - -.header .header-block-collapse .collapse-btn { - background: none; - border: none; - box-shadow: none; - color: #85CE36; - font-size: 24px; - line-height: 40px; - border-radius: 0; - outline: none; - padding: 0; - padding-left: 10px; - padding-right: 10px; - vertical-align: initial; -} - -.header .header-block-nav { - margin-left: auto; - white-space: nowrap; - padding-right: 15px; -} - -@media (max-width: 767px) { - .header .header-block-nav { - padding-right: 25px; - } -} - -.header .header-block-nav::after { - content: ""; - display: table; - clear: both; -} - -.header .header-block-nav a { - text-decoration: none; -} - -.header .header-block-nav ul { - margin: 0; - padding: 0; - list-style: none; -} - -.header .header-block-nav > ul { - display: table; -} - -.header .header-block-nav > ul > li { - display: table-cell; - position: relative; -} - -.header .header-block-nav > ul > li:before { - display: block; - content: " "; - width: 1px; - height: 24px; - top: 50%; - margin-top: -12px; - background-color: #8b9cb1; - position: absolute; - left: 0; -} - -.header .header-block-nav > ul > li:first-child:before { - display: none; -} - -.header .header-block-nav > ul > li > a { - padding: 0 15px; - color: #4f5f6f; -} - -.header .header-block-nav > ul > li > a:hover { - color: #85CE36; -} - -.header .header-block-nav .dropdown-menu { - margin-top: 15px; -} - -.header .header-block-search { - margin-right: auto; - padding-left: 20px; -} - -@media (max-width: 767px) { - .header .header-block-search { - padding-left: 10px; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .header .header-block-search { - padding-left: 20px; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .header .header-block-search { - padding-left: 20px; - } -} - -@media (min-width: 1200px) { - .header .header-block-search { - padding-left: 35px; - } -} - -.header .header-block-search > form { - float: right; -} - -@media (max-width: 767px) { - .header .header-block-search > form { - padding-left: 0; - } -} - -.header .header-block-search .input-container { - position: relative; - color: #7e8e9f; -} - -.header .header-block-search .input-container i { - position: absolute; - pointer-events: none; - display: block; - height: 40px; - line-height: 40px; - left: 0; -} - -.header .header-block-search .input-container input { - background-color: transparent; - border: none; - padding-left: 25px; - height: 40px; - max-width: 150px; -} - -@media (max-width: 767px) { - .header .header-block-search .input-container input { - max-width: 140px; - } -} - -.header .header-block-search .input-container input:focus + .underline { - -webkit-transform: scaleX(1); - transform: scaleX(1); -} - -#modal-media .modal-body { - min-height: 250px; -} - -#modal-media .modal-tab-content { - min-height: 300px; -} - -#modal-media .images-container { - padding: 15px; - text-align: center; -} - -#modal-media .images-container .image-container { - margin: 0 auto 10px auto; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - display: inline-block; - float: none; -} - -#modal-media .images-container .image-container:hover { - border-color: rgba(133, 206, 54, 0.5); -} - -#modal-media .images-container .image-container.active { - border-color: rgba(133, 206, 54, 0.5); -} - -#modal-media .upload-container { - padding: 15px; -} - -#modal-media .upload-container .dropzone { - position: relative; - border: 2px dashed #85CE36; - height: 270px; -} - -#modal-media .upload-container .dropzone .dz-message-block { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translateY(-50%) translateX(-50%); - transform: translateY(-50%) translateX(-50%); -} - -#modal-media .upload-container .dropzone .dz-message-block .dz-message { - margin: 0; - font-size: 24px; - color: #85CE36; - width: 230px; -} - -.customize { - width: 100%; - color: rgba(255, 255, 255, 0.5); - padding: 5px 15px; - text-align: center; -} - -.customize .customize-header { - margin-bottom: 10px; -} - -#customize-menu { - position: fixed; - bottom: 0; - left: 0; - width: 230px; -} - -@media (max-width: 991px) { - .sidebar-open #customize-menu { - left: 0; - } -} - -@media (max-width: 991px) { - #customize-menu { - -webkit-transition: left 0.3s ease; - transition: left 0.3s ease; - left: -230px; - } -} - -#customize-menu > li > a { - background-color: #3a4651; - border-top: 1px solid rgba(45, 54, 63, 0.5); -} - -#customize-menu > li > a:hover, -#customize-menu > li.open > a { - background-color: #2d363f; -} - -#customize-menu .customize { - width: 230px; - color: rgba(255, 255, 255, 0.5); - background-color: #2d363f; - text-align: center; - padding: 10px 15px; - border-top: 2px solid #85CE36; -} - -#customize-menu .customize .customize-item { - margin-bottom: 15px; -} - -#customize-menu .customize .customize-item .customize-header { - margin-bottom: 10px; -} - -#customize-menu .customize .customize-item label { - font-weight: 400; -} - -#customize-menu .customize .customize-item label.title { - font-size: 14px; -} - -#customize-menu .customize .customize-item .radio + span { - padding: 0; - padding-left: 5px; -} - -#customize-menu .customize .customize-item .radio + span:before { - font-size: 17px; - color: #546273; - cursor: pointer; -} - -#customize-menu .customize .customize-item .radio:checked + span:before { - color: #85CE36; -} - -#customize-menu .customize .customize-item .customize-colors { - list-style: none; -} - -#customize-menu .customize .customize-item .customize-colors li { - display: inline-block; - margin-left: 5px; - margin-right: 5px; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item { - display: block; - height: 20px; - width: 20px; - border: 1px solid; - cursor: pointer; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item.color-red { - background-color: #FB494D; - border-color: #FB494D; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item.color-orange { - background-color: #FE7A0E; - border-color: #FE7A0E; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item.color-green { - background-color: #8CDE33; - border-color: #8CDE33; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item.color-seagreen { - background-color: #4bcf99; - border-color: #4bcf99; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item.color-blue { - background-color: #52BCD3; - border-color: #52BCD3; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item.color-purple { - background-color: #7867A7; - border-color: #7867A7; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item.active { - position: relative; - font-family: FontAwesome; - font-size: 17px; - line-height: 17px; -} - -#customize-menu .customize .customize-item .customize-colors li .color-item.active:before { - content: "\f00c"; - position: absolute; - top: 0; - left: 0; - color: #fff; -} - -.sidebar-header .brand { - color: #fff; - text-align: left; - padding-left: 25px; - line-height: 70px; - font-size: 16px; -} - -@media (max-width: 767px) { - .sidebar-header .brand { - line-height: 50px; - font-size: 16px; - } -} - -.header .header-block-nav .notifications { - font-size: 16px; -} - -.header .header-block-nav .notifications a { - padding-right: 10px; -} - -.header .header-block-nav .notifications .counter { - font-weight: bold; - font-size: 14px; - position: relative; - top: -3px; - left: -2px; -} - -.header .header-block-nav .notifications.new .counter { - color: #85CE36; - font-weight: bold; -} - -@media (max-width: 767px) { - .header .header-block-nav .notifications { - position: static; - } -} - -.header .header-block-nav .notifications-dropdown-menu { - white-space: normal; - left: auto; - right: 0; - min-width: 350px; -} - -.header .header-block-nav .notifications-dropdown-menu:before { - position: absolute; - right: 20px; - bottom: 100%; - margin-right: -1px; -} - -.header .header-block-nav .notifications-dropdown-menu:after { - position: absolute; - right: 20px; - bottom: 100%; -} - -.header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item { - border-bottom: 1px solid rgba(126, 142, 159, 0.1); - padding: 5px; -} - -.header .header-block-nav .notifications-dropdown-menu .notifications-container .notification-item:hover { - background-color: #f5f5f5; -} - -.header .header-block-nav .notifications-dropdown-menu .notifications-container .img-col { - display: table-cell; - padding: 5px; -} - -.header .header-block-nav .notifications-dropdown-menu .notifications-container .body-col { - padding: 5px; - display: table-cell; -} - -.header .header-block-nav .notifications-dropdown-menu .notifications-container .img { - width: 40px; - height: 40px; - border-radius: 3px; - vertical-align: top; - display: inline-block; - background-size: cover; - background-position: center; - background-repeat: no-repeat; -} - -.header .header-block-nav .notifications-dropdown-menu .notifications-container p { - color: #4f5f6f; - display: inline-block; - line-height: 18px; - font-size: 13px; - margin: 0; - vertical-align: top; -} - -.header .header-block-nav .notifications-dropdown-menu .notifications-container p .accent { - font-weight: bold; -} - -.header .header-block-nav .notifications-dropdown-menu footer { - text-align: center; -} - -.header .header-block-nav .notifications-dropdown-menu footer a { - color: #373a3c; - -webkit-transition: none; - transition: none; -} - -.header .header-block-nav .notifications-dropdown-menu footer a:hover { - background-color: #f5f5f5; - color: #85CE36; -} - -@media (max-width: 767px) { - .header .header-block-nav .notifications-dropdown-menu { - min-width: 100px; - width: 100%; - margin-top: 5px; - } - - .header .header-block-nav .notifications-dropdown-menu:before, .header .header-block-nav .notifications-dropdown-menu:after { - right: 107px; - } -} - -.header .header-block-nav .profile .img { - display: inline-block; - width: 30px; - height: 30px; - line-height: 30px; - border-radius: 4px; - background-color: #8b9cb1; - color: #ffffff; - text-align: center; - margin-right: 10px; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - vertical-align: middle; -} - -.header .header-block-nav .profile .name { - display: inline-block; - margin-right: 9px; - font-weight: bold; -} - -@media (max-width: 767px) { - .header .header-block-nav .profile .name { - display: none; - } -} - -.header .header-block-nav .profile .arrow { - color: #85CE36; -} - -.header .header-block-nav .profile-dropdown-menu { - left: auto; - right: 0; - min-width: 180px; - white-space: normal; -} - -.header .header-block-nav .profile-dropdown-menu:before { - position: absolute; - right: 10px; - bottom: 100%; - margin-right: -1px; -} - -.header .header-block-nav .profile-dropdown-menu:after { - position: absolute; - right: 10px; - bottom: 100%; -} - -.header .header-block-nav .profile-dropdown-menu a { - padding: 10px 15px; -} - -.header .header-block-nav .profile-dropdown-menu a .icon { - color: #85CE36; - text-align: center; - width: 16px; -} - -.header .header-block-nav .profile-dropdown-menu a span { - display: inline-block; - padding-left: 5px; - text-align: left; - color: #7e8e9f; -} - -.header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-icon { - padding: 0; -} - -.header .header-block-nav .profile-dropdown-menu .profile-dropdown-menu-topic { - color: #7e8e9f; - padding: 0; -} - -.header .header-block-nav .profile-dropdown-menu .dropdown-divider { - margin: 0; -} - -.header .header-block-nav .profile-dropdown-menu .logout { - border-top: 1px solid rgba(126, 142, 159, 0.1); -} - -@media (max-width: 767px) { - .header .header-block-nav .profile-dropdown-menu { - margin-top: 8px; - } -} diff --git a/examples/lib/modular-admin/app.js b/examples/lib/modular-admin/app.js deleted file mode 100644 index 409fb4d..0000000 --- a/examples/lib/modular-admin/app.js +++ /dev/null @@ -1,1385 +0,0 @@ -var config = window.config = {}; - -// Config reference element -var $ref = $("#ref"); - -// Configure responsive bootstrap toolkit -config.ResponsiveBootstrapToolkitVisibilityDivs = { - 'xs': $('
'), - 'sm': $(''), - 'md': $(''), - 'lg': $(''), - 'xl': $(''), -}; - -ResponsiveBootstrapToolkit.use('Custom', config.ResponsiveBootstrapToolkitVisibilityDivs); - -//validation configuration -config.validations = { - debug: true, - errorClass: 'has-error', - validClass: 'success', - errorElement: "span", - - // add error class - highlight: function (element, errorClass, validClass) { - $(element).parents("div.form-group") - .addClass(errorClass) - .removeClass(validClass); - }, - - // add error class - unhighlight: function (element, errorClass, validClass) { - $(element).parents(".has-error") - .removeClass(errorClass) - .addClass(validClass); - }, - - // submit handler - submitHandler: function (form) { - form.submit(); - } -} - -//delay time configuration -config.delayTime = 50; - -// chart configurations -config.chart = {}; - -config.chart.colorPrimary = tinycolor($ref.find(".chart .color-primary").css("color")); -config.chart.colorSecondary = tinycolor($ref.find(".chart .color-secondary").css("color")); -$(function () { - animate({ - name: 'flipInY', - selector: '.error-card > .error-title-block' - }); - - - setTimeout(function () { - var $el = $('.error-card > .error-container'); - - animate({ - name: 'fadeInUp', - selector: $el - }); - - $el.addClass('visible'); - }, 1000); -}) -//ResetForm validation -$(function () { - if (!$('#reset-form').length) { - return false; - } - - var resetValidationSettings = { - rules: { - email1: { - required: true, - email: true - } - }, - messages: { - email1: { - required: "Please enter email address", - email: "Please enter a valid email address" - } - }, - invalidHandler: function () { - animate({ - name: 'shake', - selector: '.auth-container > .card' - }); - } - } - - $.extend(resetValidationSettings, config.validations); - - $('#reset-form').validate(resetValidationSettings); -}) -//LoginForm validation -$(function () { - if (!$('#login-form').length) { - return false; - } - - var loginValidationSettings = { - rules: { - username: { - required: true, - email: true - }, - password: "required", - agree: "required" - }, - messages: { - username: { - required: "Please enter username", - email: "Please enter a valid email address" - }, - password: "Please enter password", - agree: "Please accept our policy" - }, - invalidHandler: function () { - animate({ - name: 'shake', - selector: '.auth-container > .card' - }); - } - } - - $.extend(loginValidationSettings, config.validations); - - $('#login-form').validate(loginValidationSettings); -}) -//SignupForm validation -$(function () { - if (!$('#signup-form').length) { - return false; - } - - var signupValidationSettings = { - rules: { - firstname: { - required: true, - }, - lastname: { - required: true, - }, - email: { - required: true, - email: true - }, - password: { - required: true, - minlength: 8 - }, - retype_password: { - required: true, - minlength: 8, - equalTo: "#password" - }, - agree: { - required: true, - } - }, - groups: { - name: "firstname lastname", - pass: "password retype_password", - }, - errorPlacement: function (error, element) { - if ( - element.attr("name") == "firstname" || - element.attr("name") == "lastname" - ) { - error.insertAfter($("#lastname").closest('.row')); - element.parents("div.form-group") - .addClass('has-error'); - } - else if ( - element.attr("name") == "password" || - element.attr("name") == "retype_password" - ) { - error.insertAfter($("#retype_password").closest('.row')); - element.parents("div.form-group") - .addClass('has-error'); - } - else if (element.attr("name") == "agree") { - error.insertAfter("#agree-text"); - } - else { - error.insertAfter(element); - } - }, - messages: { - firstname: "Please enter firstname and lastname", - lastname: "Please enter firstname and lastname", - email: { - required: "Please enter email", - email: "Please enter a valid email address" - }, - password: { - required: "Please enter password fields.", - minlength: "Passwords should be at least 8 characters." - }, - retype_password: { - required: "Please enter password fields.", - minlength: "Passwords should be at least 8 characters." - }, - agree: "Please accept our policy" - }, - invalidHandler: function () { - animate({ - name: 'shake', - selector: '.auth-container > .card' - }); - } - } - - $.extend(signupValidationSettings, config.validations); - - $('#signup-form').validate(signupValidationSettings); -}); -/*********************************************** - * Animation Settings - ***********************************************/ -function animate(options) { - var animationName = "animated " + options.name; - var animationEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend"; - $(options.selector) - .addClass(animationName) - .one(animationEnd, - function () { - $(this).removeClass(animationName); - } - ); -} - -$(function () { - var $itemActions = $(".item-actions-dropdown"); - - $(document).on('click', function (e) { - if (!$(e.target).closest('.item-actions-dropdown').length) { - $itemActions.removeClass('active'); - } - }); - - $('.item-actions-toggle-btn').on('click', function (e) { - e.preventDefault(); - - var $thisActionList = $(this).closest('.item-actions-dropdown'); - - $itemActions.not($thisActionList).removeClass('active'); - - $thisActionList.toggleClass('active'); - }); -}); - -/*********************************************** - * NProgress Settings - ***********************************************/ -var npSettings = { - easing: 'ease', - speed: 500 -} - -NProgress.configure(npSettings); -$(function () { - setSameHeights(); - - var resizeTimer; - - $(window).resize(function () { - clearTimeout(resizeTimer); - resizeTimer = setTimeout(setSameHeights, 150); - }); -}); - - -function setSameHeights($container) { - - $container = $container || $('.sameheight-container'); - - var viewport = ResponsiveBootstrapToolkit.current(); - - $container.each(function () { - - var $items = $(this).find(".sameheight-item"); - - // Get max height of items in container - var maxHeight = 0; - - $items.each(function () { - $(this).css({height: 'auto'}); - maxHeight = Math.max(maxHeight, $(this).innerHeight()); - }); - - - // Set heights of items - $items.each(function () { - // Ignored viewports for item - var excludedStr = $(this).data('exclude') || ''; - var excluded = excludedStr.split(','); - - // Set height of element if it's not excluded on - if (excluded.indexOf(viewport) === -1) { - $(this).innerHeight(maxHeight); - } - }); - }); -} - -$(function () { - - if (!$('#dashboard-visits-chart').length) { - return false; - } - - // drawing visits chart - drawVisitsChart(); - - var el = null; - var item = 'visits'; - - $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { - - el = e.target; - item = $(el).attr('href').replace('#', ''); - switchHistoryCharts(item); - - }); - - $(document).on("themechange", function () { - switchHistoryCharts(item); - }); - - function switchHistoryCharts(item) { - var chartSelector = "#dashboard-" + item + "-chart"; - - if ($(chartSelector).has('svg').length) { - $(chartSelector).empty(); - } - - switch (item) { - case 'visits': - drawVisitsChart(); - break; - case 'downloads': - drawDownloadsChart(); - break; - } - } - - function drawVisitsChart() { - var dataVisits = [ - {x: '2015-09-01', y: 70}, - {x: '2015-09-02', y: 75}, - {x: '2015-09-03', y: 50}, - {x: '2015-09-04', y: 75}, - {x: '2015-09-05', y: 50}, - {x: '2015-09-06', y: 75}, - {x: '2015-09-07', y: 86} - ]; - - - Morris.Line({ - element: 'dashboard-visits-chart', - data: dataVisits, - xkey: 'x', - ykeys: ['y'], - ymin: 'auto 40', - labels: ['Visits'], - xLabels: "day", - hideHover: 'auto', - yLabelFormat: function (y) { - // Only integers - if (y === parseInt(y, 10)) { - return y; - } - else { - return ''; - } - }, - resize: true, - lineColors: [ - config.chart.colorSecondary.toString(), - ], - pointFillColors: [ - config.chart.colorPrimary.toString(), - ] - }); - } - - function drawDownloadsChart() { - - var dataDownloads = [ - { - year: '2006', - downloads: 1300 - }, - { - year: '2007', - downloads: 1526 - }, - { - year: '2008', - downloads: 2000 - }, - { - year: '2009', - downloads: 1800 - }, - { - year: '2010', - downloads: 1650 - }, - { - year: '2011', - downloads: 620 - }, - { - year: '2012', - downloads: 1000 - }, - { - year: '2013', - downloads: 1896 - }, - { - year: '2014', - downloads: 850 - }, - { - year: '2015', - downloads: 1500 - } - ]; - - - Morris.Bar({ - element: 'dashboard-downloads-chart', - data: dataDownloads, - xkey: 'year', - ykeys: ['downloads'], - labels: ['Downloads'], - hideHover: 'auto', - resize: true, - barColors: [ - config.chart.colorPrimary.toString(), - tinycolor(config.chart.colorPrimary.toString()).darken(10).toString() - ], - }); - } -}); - - -$(function () { - - - function drawDashboardItemsListSparklines() { - $(".dashboard-page .items .sparkline").each(function () { - var type = $(this).data('type'); - - // There is predefined data - if ($(this).data('data')) { - var data = $(this).data('data').split(',').map(function (item) { - if (item.indexOf(":") > 0) { - return item.split(":"); - } - else { - return item; - } - }); - } - // Generate random data - else { - var data = []; - for (var i = 0; i < 17; i++) { - data.push(Math.round(100 * Math.random())); - } - } - - - $(this).sparkline(data, { - barColor: config.chart.colorPrimary.toString(), - height: $(this).height(), - type: type - }); - }); - } - - drawDashboardItemsListSparklines(); - - $(document).on("themechange", function () { - drawDashboardItemsListSparklines(); - }); -}); -$(function () { - - var $dashboardSalesBreakdownChart = $('#dashboard-sales-breakdown-chart'); - - if (!$dashboardSalesBreakdownChart.length) { - return false; - } - - function drawSalesChart() { - - $dashboardSalesBreakdownChart.empty(); - - Morris.Donut({ - element: 'dashboard-sales-breakdown-chart', - data: [{label: "Download Sales", value: 12}, - {label: "In-Store Sales", value: 30}, - {label: "Mail-Order Sales", value: 20}], - resize: true, - colors: [ - tinycolor(config.chart.colorPrimary.toString()).lighten(10).toString(), - tinycolor(config.chart.colorPrimary.toString()).darken(8).toString(), - config.chart.colorPrimary.toString() - ], - }); - - var $sameheightContainer = $dashboardSalesBreakdownChart.closest(".sameheight-container"); - - setSameHeights($sameheightContainer); - } - - drawSalesChart(); - - $(document).on("themechange", function () { - drawSalesChart(); - }); - -}) -$(function () { - - var $dashboardSalesMap = $('#dashboard-sales-map'); - - if (!$dashboardSalesMap.length) { - return false; - } - - function drawSalesMap() { - - $dashboardSalesMap.empty(); - - var color = config.chart.colorPrimary.toHexString(); - var darkColor = tinycolor(config.chart.colorPrimary.toString()).darken(40).toHexString(); - var selectedColor = tinycolor(config.chart.colorPrimary.toString()).darken(10).toHexString(); - - var sales_data = { - us: 2000, - ru: 2000, - gb: 10000, - fr: 10000, - de: 10000, - cn: 10000, - in: 10000, - sa: 10000, - ca: 10000, - br: 5000, - au: 5000 - }; - - $dashboardSalesMap.vectorMap({ - map: 'world_en', - backgroundColor: 'transparent', - color: '#E5E3E5', - hoverOpacity: 0.7, - selectedColor: selectedColor, - enableZoom: true, - showTooltip: true, - values: sales_data, - scaleColors: [color, darkColor], - normalizeFunction: 'linear' - }); - } - - drawSalesMap(); - - $(document).on("themechange", function () { - drawSalesMap(); - }); -}); -$(function () { - - $('.actions-list > li').on('click', '.check', function (e) { - e.preventDefault(); - - $(this).parents('.tasks-item') - .find('.checkbox') - .prop("checked", true); - - removeActionList(); - }); - -}); -//Flot Bar Chart -$(function () { - - if (!$('#flot-bar-chart').length) { - return false; - } - - function drawFlotCharts() { - - var barOptions = { - series: { - bars: { - show: true, - barWidth: 0.6, - fill: true, - fillColor: { - colors: [{ - opacity: 0.8 - }, { - opacity: 0.8 - }] - } - } - }, - xaxis: { - tickDecimals: 0 - }, - colors: [config.chart.colorPrimary], - grid: { - color: "#999999", - hoverable: true, - clickable: true, - tickColor: "#D4D4D4", - borderWidth: 0 - }, - legend: { - show: false - }, - tooltip: true, - tooltipOpts: { - content: "x: %x, y: %y" - } - }; - var barData = { - label: "bar", - data: [ - [1, 34], - [2, 25], - [3, 19], - [4, 34], - [5, 32], - [6, 44] - ] - }; - $.plot($("#flot-bar-chart"), [barData], barOptions); - - - // Flot line chart - var lineOptions = { - series: { - lines: { - show: true, - lineWidth: 2, - fill: true, - fillColor: { - colors: [{ - opacity: 0.0 - }, { - opacity: 0.0 - }] - } - } - }, - xaxis: { - tickDecimals: 0 - }, - colors: [config.chart.colorPrimary], - grid: { - color: "#999999", - hoverable: true, - clickable: true, - tickColor: "#D4D4D4", - borderWidth: 0 - }, - legend: { - show: false - }, - tooltip: true, - tooltipOpts: { - content: "x: %x, y: %y" - } - }; - var barData = { - label: "bar", - data: [ - [1, 34], - [2, 25], - [3, 19], - [4, 34], - [5, 32], - [6, 44] - ] - }; - $.plot($("#flot-line-chart"), [barData], lineOptions); - - //Flot Pie Chart - var data = [{ - label: "Sales 1", - data: 21, - color: tinycolor(config.chart.colorPrimary.toString()).lighten(20), - }, { - label: "Sales 2", - data: 15, - color: tinycolor(config.chart.colorPrimary.toString()).lighten(10), - }, { - label: "Sales 3", - data: 7, - color: tinycolor(config.chart.colorPrimary.toString()), - }, { - label: "Sales 4", - data: 52, - color: tinycolor(config.chart.colorPrimary.toString()).darken(10), - }]; - - var plotObj = $.plot($("#flot-pie-chart"), data, { - series: { - pie: { - show: true - } - }, - grid: { - hoverable: true - }, - tooltip: true, - tooltipOpts: { - content: "%p.0%, %s", // show percentages, rounding to 2 decimal places - shifts: { - x: 20, - y: 0 - }, - defaultTheme: false - } - }); - - - //live chart example - var container = $("#flot-line-chart-moving"); - container.empty(); - // Determine how many data points to keep based on the placeholder's initial size; - // this gives us a nice high-res plot while avoiding more than one point per pixel. - - var maximum = container.outerWidth() / 10 || 100; - - // - - var data = []; - - function getRandomData() { - - if (data.length) { - data = data.slice(1); - } - - while (data.length < maximum) { - var previous = data.length ? data[data.length - 1] : 50; - var y = previous + Math.random() * 10 - 5; - data.push(y < 0 ? 0 : y > 100 ? 100 : y); - } - - // zip the generated y values with the x values - - var res = []; - for (var i = 0; i < data.length; ++i) { - res.push([i, data[i]]) - } - - return res; - } - - series = [{ - data: getRandomData(), - lines: { - fill: true - } - }]; - - - var plot = $.plot(container, series, { - grid: { - - color: "#999999", - tickColor: "#D4D4D4", - borderWidth: 0, - minBorderMargin: 20, - labelMargin: 10, - backgroundColor: { - colors: ["#ffffff", "#ffffff"] - }, - margin: { - top: 8, - bottom: 20, - left: 20 - }, - markings: function (axes) { - var markings = []; - var xaxis = axes.xaxis; - for (var x = Math.floor(xaxis.min); x < xaxis.max; x += xaxis.tickSize * 2) { - markings.push({ - xaxis: { - from: x, - to: x + xaxis.tickSize - }, - color: "#fff" - }); - } - return markings; - } - }, - colors: [config.chart.colorPrimary.toString()], - xaxis: { - tickFormatter: function () { - return ""; - } - }, - yaxis: { - min: 0, - max: 110 - }, - legend: { - show: true - } - }); - - // Update the random dataset at 25FPS for a smoothly-animating chart - - setInterval(function updateRandom() { - series[0].data = getRandomData(); - plot.setData(series); - plot.draw(); - }, 40); - - - //Flot Multiple Axes Line Chart - var oilpricesFull = [[1167692400000, 61.05], [1167778800000, 58.32], [1167865200000, 57.35], [1167951600000, 56.31], [1168210800000, 55.55], [1168297200000, 55.64], [1168383600000, 54.02], [1168470000000, 51.88], [1168556400000, 52.99], [1168815600000, 52.99], [1168902000000, 51.21], [1168988400000, 52.24], [1169074800000, 50.48], [1169161200000, 51.99], [1169420400000, 51.13], [1169506800000, 55.04], [1169593200000, 55.37], [1169679600000, 54.23], [1169766000000, 55.42], [1170025200000, 54.01], [1170111600000, 56.97], [1170198000000, 58.14], [1170284400000, 58.14], [1170370800000, 59.02], [1170630000000, 58.74], [1170716400000, 58.88], [1170802800000, 57.71], [1170889200000, 59.71], [1170975600000, 59.89], [1171234800000, 57.81], [1171321200000, 59.06], [1171407600000, 58.00], [1171494000000, 57.99], [1171580400000, 59.39], [1171839600000, 59.39], [1171926000000, 58.07], [1172012400000, 60.07], [1172098800000, 61.14], [1172444400000, 61.39], [1172530800000, 61.46], [1172617200000, 61.79], [1172703600000, 62.00], [1172790000000, 60.07], [1173135600000, 60.69], [1173222000000, 61.82], [1173308400000, 60.05], [1173654000000, 58.91], [1173740400000, 57.93], [1173826800000, 58.16], [1173913200000, 57.55], [1173999600000, 57.11], [1174258800000, 56.59], [1174345200000, 59.61], [1174518000000, 61.69], [1174604400000, 62.28], [1174860000000, 62.91], [1174946400000, 62.93], [1175032800000, 64.03], [1175119200000, 66.03], [1175205600000, 65.87], [1175464800000, 64.64], [1175637600000, 64.38], [1175724000000, 64.28], [1175810400000, 64.28], [1176069600000, 61.51], [1176156000000, 61.89], [1176242400000, 62.01], [1176328800000, 63.85], [1176415200000, 63.63], [1176674400000, 63.61], [1176760800000, 63.10], [1176847200000, 63.13], [1176933600000, 61.83], [1177020000000, 63.38], [1177279200000, 64.58], [1177452000000, 65.84], [1177538400000, 65.06], [1177624800000, 66.46], [1177884000000, 64.40], [1178056800000, 63.68], [1178143200000, 63.19], [1178229600000, 61.93], [1178488800000, 61.47], [1178575200000, 61.55], [1178748000000, 61.81], [1178834400000, 62.37], [1179093600000, 62.46], [1179180000000, 63.17], [1179266400000, 62.55], [1179352800000, 64.94], [1179698400000, 66.27], [1179784800000, 65.50], [1179871200000, 65.77], [1179957600000, 64.18], [1180044000000, 65.20], [1180389600000, 63.15], [1180476000000, 63.49], [1180562400000, 65.08], [1180908000000, 66.30], [1180994400000, 65.96], [1181167200000, 66.93], [1181253600000, 65.98], [1181599200000, 65.35], [1181685600000, 66.26], [1181858400000, 68.00], [1182117600000, 69.09], [1182204000000, 69.10], [1182290400000, 68.19], [1182376800000, 68.19], [1182463200000, 69.14], [1182722400000, 68.19], [1182808800000, 67.77], [1182895200000, 68.97], [1182981600000, 69.57], [1183068000000, 70.68], [1183327200000, 71.09], [1183413600000, 70.92], [1183586400000, 71.81], [1183672800000, 72.81], [1183932000000, 72.19], [1184018400000, 72.56], [1184191200000, 72.50], [1184277600000, 74.15], [1184623200000, 75.05], [1184796000000, 75.92], [1184882400000, 75.57], [1185141600000, 74.89], [1185228000000, 73.56], [1185314400000, 75.57], [1185400800000, 74.95], [1185487200000, 76.83], [1185832800000, 78.21], [1185919200000, 76.53], [1186005600000, 76.86], [1186092000000, 76.00], [1186437600000, 71.59], [1186696800000, 71.47], [1186956000000, 71.62], [1187042400000, 71.00], [1187301600000, 71.98], [1187560800000, 71.12], [1187647200000, 69.47], [1187733600000, 69.26], [1187820000000, 69.83], [1187906400000, 71.09], [1188165600000, 71.73], [1188338400000, 73.36], [1188511200000, 74.04], [1188856800000, 76.30], [1189116000000, 77.49], [1189461600000, 78.23], [1189548000000, 79.91], [1189634400000, 80.09], [1189720800000, 79.10], [1189980000000, 80.57], [1190066400000, 81.93], [1190239200000, 83.32], [1190325600000, 81.62], [1190584800000, 80.95], [1190671200000, 79.53], [1190757600000, 80.30], [1190844000000, 82.88], [1190930400000, 81.66], [1191189600000, 80.24], [1191276000000, 80.05], [1191362400000, 79.94], [1191448800000, 81.44], [1191535200000, 81.22], [1191794400000, 79.02], [1191880800000, 80.26], [1191967200000, 80.30], [1192053600000, 83.08], [1192140000000, 83.69], [1192399200000, 86.13], [1192485600000, 87.61], [1192572000000, 87.40], [1192658400000, 89.47], [1192744800000, 88.60], [1193004000000, 87.56], [1193090400000, 87.56], [1193176800000, 87.10], [1193263200000, 91.86], [1193612400000, 93.53], [1193698800000, 94.53], [1193871600000, 95.93], [1194217200000, 93.98], [1194303600000, 96.37], [1194476400000, 95.46], [1194562800000, 96.32], [1195081200000, 93.43], [1195167600000, 95.10], [1195426800000, 94.64], [1195513200000, 95.10], [1196031600000, 97.70], [1196118000000, 94.42], [1196204400000, 90.62], [1196290800000, 91.01], [1196377200000, 88.71], [1196636400000, 88.32], [1196809200000, 90.23], [1196982000000, 88.28], [1197241200000, 87.86], [1197327600000, 90.02], [1197414000000, 92.25], [1197586800000, 90.63], [1197846000000, 90.63], [1197932400000, 90.49], [1198018800000, 91.24], [1198105200000, 91.06], [1198191600000, 90.49], [1198710000000, 96.62], [1198796400000, 96.00], [1199142000000, 99.62], [1199314800000, 99.18], [1199401200000, 95.09], [1199660400000, 96.33], [1199833200000, 95.67], [1200351600000, 91.90], [1200438000000, 90.84], [1200524400000, 90.13], [1200610800000, 90.57], [1200956400000, 89.21], [1201042800000, 86.99], [1201129200000, 89.85], [1201474800000, 90.99], [1201561200000, 91.64], [1201647600000, 92.33], [1201734000000, 91.75], [1202079600000, 90.02], [1202166000000, 88.41], [1202252400000, 87.14], [1202338800000, 88.11], [1202425200000, 91.77], [1202770800000, 92.78], [1202857200000, 93.27], [1202943600000, 95.46], [1203030000000, 95.46], [1203289200000, 101.74], [1203462000000, 98.81], [1203894000000, 100.88], [1204066800000, 99.64], [1204153200000, 102.59], [1204239600000, 101.84], [1204498800000, 99.52], [1204585200000, 99.52], [1204671600000, 104.52], [1204758000000, 105.47], [1204844400000, 105.15], [1205103600000, 108.75], [1205276400000, 109.92], [1205362800000, 110.33], [1205449200000, 110.21], [1205708400000, 105.68], [1205967600000, 101.84], [1206313200000, 100.86], [1206399600000, 101.22], [1206486000000, 105.90], [1206572400000, 107.58], [1206658800000, 105.62], [1206914400000, 101.58], [1207000800000, 100.98], [1207173600000, 103.83], [1207260000000, 106.23], [1207605600000, 108.50], [1207778400000, 110.11], [1207864800000, 110.14], [1208210400000, 113.79], [1208296800000, 114.93], [1208383200000, 114.86], [1208728800000, 117.48], [1208815200000, 118.30], [1208988000000, 116.06], [1209074400000, 118.52], [1209333600000, 118.75], [1209420000000, 113.46], [1209592800000, 112.52], [1210024800000, 121.84], [1210111200000, 123.53], [1210197600000, 123.69], [1210543200000, 124.23], [1210629600000, 125.80], [1210716000000, 126.29], [1211148000000, 127.05], [1211320800000, 129.07], [1211493600000, 132.19], [1211839200000, 128.85], [1212357600000, 127.76], [1212703200000, 138.54], [1212962400000, 136.80], [1213135200000, 136.38], [1213308000000, 134.86], [1213653600000, 134.01], [1213740000000, 136.68], [1213912800000, 135.65], [1214172000000, 134.62], [1214258400000, 134.62], [1214344800000, 134.62], [1214431200000, 139.64], [1214517600000, 140.21], [1214776800000, 140.00], [1214863200000, 140.97], [1214949600000, 143.57], [1215036000000, 145.29], [1215381600000, 141.37], [1215468000000, 136.04], [1215727200000, 146.40], [1215986400000, 145.18], [1216072800000, 138.74], [1216159200000, 134.60], [1216245600000, 129.29], [1216332000000, 130.65], [1216677600000, 127.95], [1216850400000, 127.95], [1217282400000, 122.19], [1217455200000, 124.08], [1217541600000, 125.10], [1217800800000, 121.41], [1217887200000, 119.17], [1217973600000, 118.58], [1218060000000, 120.02], [1218405600000, 114.45], [1218492000000, 113.01], [1218578400000, 116.00], [1218751200000, 113.77], [1219010400000, 112.87], [1219096800000, 114.53], [1219269600000, 114.98], [1219356000000, 114.98], [1219701600000, 116.27], [1219788000000, 118.15], [1219874400000, 115.59], [1219960800000, 115.46], [1220306400000, 109.71], [1220392800000, 109.35], [1220565600000, 106.23], [1220824800000, 106.34]]; - var exchangeratesFull = [[1167606000000, 0.7580], [1167692400000, 0.7580], [1167778800000, 0.75470], [1167865200000, 0.75490], [1167951600000, 0.76130], [1168038000000, 0.76550], [1168124400000, 0.76930], [1168210800000, 0.76940], [1168297200000, 0.76880], [1168383600000, 0.76780], [1168470000000, 0.77080], [1168556400000, 0.77270], [1168642800000, 0.77490], [1168729200000, 0.77410], [1168815600000, 0.77410], [1168902000000, 0.77320], [1168988400000, 0.77270], [1169074800000, 0.77370], [1169161200000, 0.77240], [1169247600000, 0.77120], [1169334000000, 0.7720], [1169420400000, 0.77210], [1169506800000, 0.77170], [1169593200000, 0.77040], [1169679600000, 0.7690], [1169766000000, 0.77110], [1169852400000, 0.7740], [1169938800000, 0.77450], [1170025200000, 0.77450], [1170111600000, 0.7740], [1170198000000, 0.77160], [1170284400000, 0.77130], [1170370800000, 0.76780], [1170457200000, 0.76880], [1170543600000, 0.77180], [1170630000000, 0.77180], [1170716400000, 0.77280], [1170802800000, 0.77290], [1170889200000, 0.76980], [1170975600000, 0.76850], [1171062000000, 0.76810], [1171148400000, 0.7690], [1171234800000, 0.7690], [1171321200000, 0.76980], [1171407600000, 0.76990], [1171494000000, 0.76510], [1171580400000, 0.76130], [1171666800000, 0.76160], [1171753200000, 0.76140], [1171839600000, 0.76140], [1171926000000, 0.76070], [1172012400000, 0.76020], [1172098800000, 0.76110], [1172185200000, 0.76220], [1172271600000, 0.76150], [1172358000000, 0.75980], [1172444400000, 0.75980], [1172530800000, 0.75920], [1172617200000, 0.75730], [1172703600000, 0.75660], [1172790000000, 0.75670], [1172876400000, 0.75910], [1172962800000, 0.75820], [1173049200000, 0.75850], [1173135600000, 0.76130], [1173222000000, 0.76310], [1173308400000, 0.76150], [1173394800000, 0.760], [1173481200000, 0.76130], [1173567600000, 0.76270], [1173654000000, 0.76270], [1173740400000, 0.76080], [1173826800000, 0.75830], [1173913200000, 0.75750], [1173999600000, 0.75620], [1174086000000, 0.7520], [1174172400000, 0.75120], [1174258800000, 0.75120], [1174345200000, 0.75170], [1174431600000, 0.7520], [1174518000000, 0.75110], [1174604400000, 0.7480], [1174690800000, 0.75090], [1174777200000, 0.75310], [1174860000000, 0.75310], [1174946400000, 0.75270], [1175032800000, 0.74980], [1175119200000, 0.74930], [1175205600000, 0.75040], [1175292000000, 0.750], [1175378400000, 0.74910], [1175464800000, 0.74910], [1175551200000, 0.74850], [1175637600000, 0.74840], [1175724000000, 0.74920], [1175810400000, 0.74710], [1175896800000, 0.74590], [1175983200000, 0.74770], [1176069600000, 0.74770], [1176156000000, 0.74830], [1176242400000, 0.74580], [1176328800000, 0.74480], [1176415200000, 0.7430], [1176501600000, 0.73990], [1176588000000, 0.73950], [1176674400000, 0.73950], [1176760800000, 0.73780], [1176847200000, 0.73820], [1176933600000, 0.73620], [1177020000000, 0.73550], [1177106400000, 0.73480], [1177192800000, 0.73610], [1177279200000, 0.73610], [1177365600000, 0.73650], [1177452000000, 0.73620], [1177538400000, 0.73310], [1177624800000, 0.73390], [1177711200000, 0.73440], [1177797600000, 0.73270], [1177884000000, 0.73270], [1177970400000, 0.73360], [1178056800000, 0.73330], [1178143200000, 0.73590], [1178229600000, 0.73590], [1178316000000, 0.73720], [1178402400000, 0.7360], [1178488800000, 0.7360], [1178575200000, 0.7350], [1178661600000, 0.73650], [1178748000000, 0.73840], [1178834400000, 0.73950], [1178920800000, 0.74130], [1179007200000, 0.73970], [1179093600000, 0.73960], [1179180000000, 0.73850], [1179266400000, 0.73780], [1179352800000, 0.73660], [1179439200000, 0.740], [1179525600000, 0.74110], [1179612000000, 0.74060], [1179698400000, 0.74050], [1179784800000, 0.74140], [1179871200000, 0.74310], [1179957600000, 0.74310], [1180044000000, 0.74380], [1180130400000, 0.74430], [1180216800000, 0.74430], [1180303200000, 0.74430], [1180389600000, 0.74340], [1180476000000, 0.74290], [1180562400000, 0.74420], [1180648800000, 0.7440], [1180735200000, 0.74390], [1180821600000, 0.74370], [1180908000000, 0.74370], [1180994400000, 0.74290], [1181080800000, 0.74030], [1181167200000, 0.73990], [1181253600000, 0.74180], [1181340000000, 0.74680], [1181426400000, 0.7480], [1181512800000, 0.7480], [1181599200000, 0.7490], [1181685600000, 0.74940], [1181772000000, 0.75220], [1181858400000, 0.75150], [1181944800000, 0.75020], [1182031200000, 0.74720], [1182117600000, 0.74720], [1182204000000, 0.74620], [1182290400000, 0.74550], [1182376800000, 0.74490], [1182463200000, 0.74670], [1182549600000, 0.74580], [1182636000000, 0.74270], [1182722400000, 0.74270], [1182808800000, 0.7430], [1182895200000, 0.74290], [1182981600000, 0.7440], [1183068000000, 0.7430], [1183154400000, 0.74220], [1183240800000, 0.73880], [1183327200000, 0.73880], [1183413600000, 0.73690], [1183500000000, 0.73450], [1183586400000, 0.73450], [1183672800000, 0.73450], [1183759200000, 0.73520], [1183845600000, 0.73410], [1183932000000, 0.73410], [1184018400000, 0.7340], [1184104800000, 0.73240], [1184191200000, 0.72720], [1184277600000, 0.72640], [1184364000000, 0.72550], [1184450400000, 0.72580], [1184536800000, 0.72580], [1184623200000, 0.72560], [1184709600000, 0.72570], [1184796000000, 0.72470], [1184882400000, 0.72430], [1184968800000, 0.72440], [1185055200000, 0.72350], [1185141600000, 0.72350], [1185228000000, 0.72350], [1185314400000, 0.72350], [1185400800000, 0.72620], [1185487200000, 0.72880], [1185573600000, 0.73010], [1185660000000, 0.73370], [1185746400000, 0.73370], [1185832800000, 0.73240], [1185919200000, 0.72970], [1186005600000, 0.73170], [1186092000000, 0.73150], [1186178400000, 0.72880], [1186264800000, 0.72630], [1186351200000, 0.72630], [1186437600000, 0.72420], [1186524000000, 0.72530], [1186610400000, 0.72640], [1186696800000, 0.7270], [1186783200000, 0.73120], [1186869600000, 0.73050], [1186956000000, 0.73050], [1187042400000, 0.73180], [1187128800000, 0.73580], [1187215200000, 0.74090], [1187301600000, 0.74540], [1187388000000, 0.74370], [1187474400000, 0.74240], [1187560800000, 0.74240], [1187647200000, 0.74150], [1187733600000, 0.74190], [1187820000000, 0.74140], [1187906400000, 0.73770], [1187992800000, 0.73550], [1188079200000, 0.73150], [1188165600000, 0.73150], [1188252000000, 0.7320], [1188338400000, 0.73320], [1188424800000, 0.73460], [1188511200000, 0.73280], [1188597600000, 0.73230], [1188684000000, 0.7340], [1188770400000, 0.7340], [1188856800000, 0.73360], [1188943200000, 0.73510], [1189029600000, 0.73460], [1189116000000, 0.73210], [1189202400000, 0.72940], [1189288800000, 0.72660], [1189375200000, 0.72660], [1189461600000, 0.72540], [1189548000000, 0.72420], [1189634400000, 0.72130], [1189720800000, 0.71970], [1189807200000, 0.72090], [1189893600000, 0.7210], [1189980000000, 0.7210], [1190066400000, 0.7210], [1190152800000, 0.72090], [1190239200000, 0.71590], [1190325600000, 0.71330], [1190412000000, 0.71050], [1190498400000, 0.70990], [1190584800000, 0.70990], [1190671200000, 0.70930], [1190757600000, 0.70930], [1190844000000, 0.70760], [1190930400000, 0.7070], [1191016800000, 0.70490], [1191103200000, 0.70120], [1191189600000, 0.70110], [1191276000000, 0.70190], [1191362400000, 0.70460], [1191448800000, 0.70630], [1191535200000, 0.70890], [1191621600000, 0.70770], [1191708000000, 0.70770], [1191794400000, 0.70770], [1191880800000, 0.70910], [1191967200000, 0.71180], [1192053600000, 0.70790], [1192140000000, 0.70530], [1192226400000, 0.7050], [1192312800000, 0.70550], [1192399200000, 0.70550], [1192485600000, 0.70450], [1192572000000, 0.70510], [1192658400000, 0.70510], [1192744800000, 0.70170], [1192831200000, 0.70], [1192917600000, 0.69950], [1193004000000, 0.69940], [1193090400000, 0.70140], [1193176800000, 0.70360], [1193263200000, 0.70210], [1193349600000, 0.70020], [1193436000000, 0.69670], [1193522400000, 0.6950], [1193612400000, 0.6950], [1193698800000, 0.69390], [1193785200000, 0.6940], [1193871600000, 0.69220], [1193958000000, 0.69190], [1194044400000, 0.69140], [1194130800000, 0.68940], [1194217200000, 0.68910], [1194303600000, 0.69040], [1194390000000, 0.6890], [1194476400000, 0.68340], [1194562800000, 0.68230], [1194649200000, 0.68070], [1194735600000, 0.68150], [1194822000000, 0.68150], [1194908400000, 0.68470], [1194994800000, 0.68590], [1195081200000, 0.68220], [1195167600000, 0.68270], [1195254000000, 0.68370], [1195340400000, 0.68230], [1195426800000, 0.68220], [1195513200000, 0.68220], [1195599600000, 0.67920], [1195686000000, 0.67460], [1195772400000, 0.67350], [1195858800000, 0.67310], [1195945200000, 0.67420], [1196031600000, 0.67440], [1196118000000, 0.67390], [1196204400000, 0.67310], [1196290800000, 0.67610], [1196377200000, 0.67610], [1196463600000, 0.67850], [1196550000000, 0.68180], [1196636400000, 0.68360], [1196722800000, 0.68230], [1196809200000, 0.68050], [1196895600000, 0.67930], [1196982000000, 0.68490], [1197068400000, 0.68330], [1197154800000, 0.68250], [1197241200000, 0.68250], [1197327600000, 0.68160], [1197414000000, 0.67990], [1197500400000, 0.68130], [1197586800000, 0.68090], [1197673200000, 0.68680], [1197759600000, 0.69330], [1197846000000, 0.69330], [1197932400000, 0.69450], [1198018800000, 0.69440], [1198105200000, 0.69460], [1198191600000, 0.69640], [1198278000000, 0.69650], [1198364400000, 0.69560], [1198450800000, 0.69560], [1198537200000, 0.6950], [1198623600000, 0.69480], [1198710000000, 0.69280], [1198796400000, 0.68870], [1198882800000, 0.68240], [1198969200000, 0.67940], [1199055600000, 0.67940], [1199142000000, 0.68030], [1199228400000, 0.68550], [1199314800000, 0.68240], [1199401200000, 0.67910], [1199487600000, 0.67830], [1199574000000, 0.67850], [1199660400000, 0.67850], [1199746800000, 0.67970], [1199833200000, 0.680], [1199919600000, 0.68030], [1200006000000, 0.68050], [1200092400000, 0.6760], [1200178800000, 0.6770], [1200265200000, 0.6770], [1200351600000, 0.67360], [1200438000000, 0.67260], [1200524400000, 0.67640], [1200610800000, 0.68210], [1200697200000, 0.68310], [1200783600000, 0.68420], [1200870000000, 0.68420], [1200956400000, 0.68870], [1201042800000, 0.69030], [1201129200000, 0.68480], [1201215600000, 0.68240], [1201302000000, 0.67880], [1201388400000, 0.68140], [1201474800000, 0.68140], [1201561200000, 0.67970], [1201647600000, 0.67690], [1201734000000, 0.67650], [1201820400000, 0.67330], [1201906800000, 0.67290], [1201993200000, 0.67580], [1202079600000, 0.67580], [1202166000000, 0.6750], [1202252400000, 0.6780], [1202338800000, 0.68330], [1202425200000, 0.68560], [1202511600000, 0.69030], [1202598000000, 0.68960], [1202684400000, 0.68960], [1202770800000, 0.68820], [1202857200000, 0.68790], [1202943600000, 0.68620], [1203030000000, 0.68520], [1203116400000, 0.68230], [1203202800000, 0.68130], [1203289200000, 0.68130], [1203375600000, 0.68220], [1203462000000, 0.68020], [1203548400000, 0.68020], [1203634800000, 0.67840], [1203721200000, 0.67480], [1203807600000, 0.67470], [1203894000000, 0.67470], [1203980400000, 0.67480], [1204066800000, 0.67330], [1204153200000, 0.6650], [1204239600000, 0.66110], [1204326000000, 0.65830], [1204412400000, 0.6590], [1204498800000, 0.6590], [1204585200000, 0.65810], [1204671600000, 0.65780], [1204758000000, 0.65740], [1204844400000, 0.65320], [1204930800000, 0.65020], [1205017200000, 0.65140], [1205103600000, 0.65140], [1205190000000, 0.65070], [1205276400000, 0.6510], [1205362800000, 0.64890], [1205449200000, 0.64240], [1205535600000, 0.64060], [1205622000000, 0.63820], [1205708400000, 0.63820], [1205794800000, 0.63410], [1205881200000, 0.63440], [1205967600000, 0.63780], [1206054000000, 0.64390], [1206140400000, 0.64780], [1206226800000, 0.64810], [1206313200000, 0.64810], [1206399600000, 0.64940], [1206486000000, 0.64380], [1206572400000, 0.63770], [1206658800000, 0.63290], [1206745200000, 0.63360], [1206831600000, 0.63330], [1206914400000, 0.63330], [1207000800000, 0.6330], [1207087200000, 0.63710], [1207173600000, 0.64030], [1207260000000, 0.63960], [1207346400000, 0.63640], [1207432800000, 0.63560], [1207519200000, 0.63560], [1207605600000, 0.63680], [1207692000000, 0.63570], [1207778400000, 0.63540], [1207864800000, 0.6320], [1207951200000, 0.63320], [1208037600000, 0.63280], [1208124000000, 0.63310], [1208210400000, 0.63420], [1208296800000, 0.63210], [1208383200000, 0.63020], [1208469600000, 0.62780], [1208556000000, 0.63080], [1208642400000, 0.63240], [1208728800000, 0.63240], [1208815200000, 0.63070], [1208901600000, 0.62770], [1208988000000, 0.62690], [1209074400000, 0.63350], [1209160800000, 0.63920], [1209247200000, 0.640], [1209333600000, 0.64010], [1209420000000, 0.63960], [1209506400000, 0.64070], [1209592800000, 0.64230], [1209679200000, 0.64290], [1209765600000, 0.64720], [1209852000000, 0.64850], [1209938400000, 0.64860], [1210024800000, 0.64670], [1210111200000, 0.64440], [1210197600000, 0.64670], [1210284000000, 0.65090], [1210370400000, 0.64780], [1210456800000, 0.64610], [1210543200000, 0.64610], [1210629600000, 0.64680], [1210716000000, 0.64490], [1210802400000, 0.6470], [1210888800000, 0.64610], [1210975200000, 0.64520], [1211061600000, 0.64220], [1211148000000, 0.64220], [1211234400000, 0.64250], [1211320800000, 0.64140], [1211407200000, 0.63660], [1211493600000, 0.63460], [1211580000000, 0.6350], [1211666400000, 0.63460], [1211752800000, 0.63460], [1211839200000, 0.63430], [1211925600000, 0.63460], [1212012000000, 0.63790], [1212098400000, 0.64160], [1212184800000, 0.64420], [1212271200000, 0.64310], [1212357600000, 0.64310], [1212444000000, 0.64350], [1212530400000, 0.6440], [1212616800000, 0.64730], [1212703200000, 0.64690], [1212789600000, 0.63860], [1212876000000, 0.63560], [1212962400000, 0.6340], [1213048800000, 0.63460], [1213135200000, 0.6430], [1213221600000, 0.64520], [1213308000000, 0.64670], [1213394400000, 0.65060], [1213480800000, 0.65040], [1213567200000, 0.65030], [1213653600000, 0.64810], [1213740000000, 0.64510], [1213826400000, 0.6450], [1213912800000, 0.64410], [1213999200000, 0.64140], [1214085600000, 0.64090], [1214172000000, 0.64090], [1214258400000, 0.64280], [1214344800000, 0.64310], [1214431200000, 0.64180], [1214517600000, 0.63710], [1214604000000, 0.63490], [1214690400000, 0.63330], [1214776800000, 0.63340], [1214863200000, 0.63380], [1214949600000, 0.63420], [1215036000000, 0.6320], [1215122400000, 0.63180], [1215208800000, 0.6370], [1215295200000, 0.63680], [1215381600000, 0.63680], [1215468000000, 0.63830], [1215554400000, 0.63710], [1215640800000, 0.63710], [1215727200000, 0.63550], [1215813600000, 0.6320], [1215900000000, 0.62770], [1215986400000, 0.62760], [1216072800000, 0.62910], [1216159200000, 0.62740], [1216245600000, 0.62930], [1216332000000, 0.63110], [1216418400000, 0.6310], [1216504800000, 0.63120], [1216591200000, 0.63120], [1216677600000, 0.63040], [1216764000000, 0.62940], [1216850400000, 0.63480], [1216936800000, 0.63780], [1217023200000, 0.63680], [1217109600000, 0.63680], [1217196000000, 0.63680], [1217282400000, 0.6360], [1217368800000, 0.6370], [1217455200000, 0.64180], [1217541600000, 0.64110], [1217628000000, 0.64350], [1217714400000, 0.64270], [1217800800000, 0.64270], [1217887200000, 0.64190], [1217973600000, 0.64460], [1218060000000, 0.64680], [1218146400000, 0.64870], [1218232800000, 0.65940], [1218319200000, 0.66660], [1218405600000, 0.66660], [1218492000000, 0.66780], [1218578400000, 0.67120], [1218664800000, 0.67050], [1218751200000, 0.67180], [1218837600000, 0.67840], [1218924000000, 0.68110], [1219010400000, 0.68110], [1219096800000, 0.67940], [1219183200000, 0.68040], [1219269600000, 0.67810], [1219356000000, 0.67560], [1219442400000, 0.67350], [1219528800000, 0.67630], [1219615200000, 0.67620], [1219701600000, 0.67770], [1219788000000, 0.68150], [1219874400000, 0.68020], [1219960800000, 0.6780], [1220047200000, 0.67960], [1220133600000, 0.68170], [1220220000000, 0.68170], [1220306400000, 0.68320], [1220392800000, 0.68770], [1220479200000, 0.69120], [1220565600000, 0.69140], [1220652000000, 0.70090], [1220738400000, 0.70120], [1220824800000, 0.7010], [1220911200000, 0.70050] - ]; - - oilprices = []; - exchangerates = []; - - - oilpricesFull.map(function (item, index) { - if (index % 8 === 0) { - oilprices.push(item); - } - }); - - exchangeratesFull.map(function (item, index) { - if (index % 8 === 0) { - exchangerates.push(item); - } - }); - - - function euroFormatter(v, axis) { - return v.toFixed(axis.tickDecimals) + "€"; - } - - function doPlot(position) { - $.plot($("#flot-line-chart-multi"), [{ - data: oilprices, - label: "Oil price ($)" - }, { - data: exchangerates, - label: "USD/EUR exchange rate", - yaxis: 2 - }], { - xaxes: [{ - mode: 'time' - }], - yaxes: [{ - min: 0 - }, { - // align if we are to the right - alignTicksWithAxis: position == "right" ? 1 : null, - position: position, - tickFormatter: euroFormatter - }], - legend: { - position: 'sw' - }, - colors: [config.chart.colorPrimary.toString()], - grid: { - color: "#999999", - hoverable: true, - clickable: true, - tickColor: "#D4D4D4", - borderWidth: 0, - hoverable: true //IMPORTANT! this is needed for tooltip to work, - - }, - tooltip: true, - tooltipOpts: { - content: "%s for %x was %y", - xDateFormat: "%y-%m-%d", - - onHover: function (flotItem, $tooltipEl) { - // console.log(flotItem, $tooltipEl); - } - } - - }); - } - - doPlot("right"); - - $("button").click(function () { - doPlot($(this).text()); - }); - - } - - drawFlotCharts(); - - $(document).on("themechange", function () { - drawFlotCharts(); - }); - -}); -$(function () { - - if (!$('#morris-one-line-chart').length) { - return false; - } - - function drawMorrisCharts() { - - $('#morris-one-line-chart').empty(); - - Morris.Line({ - element: 'morris-one-line-chart', - data: [ - {year: '2008', value: 5}, - {year: '2009', value: 10}, - {year: '2010', value: 8}, - {year: '2011', value: 22}, - {year: '2012', value: 8}, - {year: '2014', value: 10}, - {year: '2015', value: 5} - ], - xkey: 'year', - ykeys: ['value'], - resize: true, - lineWidth: 4, - labels: ['Value'], - lineColors: [config.chart.colorPrimary.toString()], - pointSize: 5, - }); - - $('#morris-area-chart').empty(); - - Morris.Area({ - element: 'morris-area-chart', - data: [{period: '2010 Q1', iphone: 2666, ipad: null, itouch: 2647}, - {period: '2010 Q2', iphone: 2778, ipad: 2294, itouch: 2441}, - {period: '2010 Q3', iphone: 4912, ipad: 1969, itouch: 2501}, - {period: '2010 Q4', iphone: 3767, ipad: 3597, itouch: 5689}, - {period: '2011 Q1', iphone: 6810, ipad: 1914, itouch: 2293}, - {period: '2011 Q2', iphone: 5670, ipad: 4293, itouch: 1881}, - {period: '2011 Q3', iphone: 4820, ipad: 3795, itouch: 1588}, - {period: '2011 Q4', iphone: 15073, ipad: 5967, itouch: 5175}, - {period: '2012 Q1', iphone: 10687, ipad: 4460, itouch: 2028}, - {period: '2012 Q2', iphone: 8432, ipad: 5713, itouch: 1791}], - xkey: 'period', - ykeys: ['iphone', 'ipad', 'itouch'], - labels: ['iPhone', 'iPad', 'iPod Touch'], - pointSize: 2, - hideHover: 'auto', - resize: true, - lineColors: [ - tinycolor(config.chart.colorPrimary.toString()).lighten(10).toString(), - tinycolor(config.chart.colorPrimary.toString()).darken(10).toString(), - config.chart.colorPrimary.toString() - ], - lineWidth: 2, - pointSize: 1, - }); - - $('#morris-donut-chart').empty(); - - Morris.Donut({ - element: 'morris-donut-chart', - data: [{label: "Download Sales", value: 12}, - {label: "In-Store Sales", value: 30}, - {label: "Mail-Order Sales", value: 20}], - resize: true, - colors: [ - tinycolor(config.chart.colorPrimary.toString()).lighten(10).toString(), - tinycolor(config.chart.colorPrimary.toString()).darken(10).toString(), - config.chart.colorPrimary.toString() - ], - }); - - $('#morris-bar-chart').empty(); - - Morris.Bar({ - element: 'morris-bar-chart', - data: [{y: '2006', a: 60, b: 50}, - {y: '2007', a: 75, b: 65}, - {y: '2008', a: 50, b: 40}, - {y: '2009', a: 75, b: 65}, - {y: '2010', a: 50, b: 40}, - {y: '2011', a: 75, b: 65}, - {y: '2012', a: 100, b: 90}], - xkey: 'y', - ykeys: ['a', 'b'], - labels: ['Series A', 'Series B'], - hideHover: 'auto', - resize: true, - barColors: [ - config.chart.colorPrimary.toString(), - tinycolor(config.chart.colorPrimary.toString()).darken(10).toString() - ], - }); - - $('#morris-line-chart').empty(); - - Morris.Line({ - element: 'morris-line-chart', - data: [{y: '2006', a: 100, b: 90}, - {y: '2007', a: 75, b: 65}, - {y: '2008', a: 50, b: 40}, - {y: '2009', a: 75, b: 65}, - {y: '2010', a: 50, b: 40}, - {y: '2011', a: 75, b: 65}, - {y: '2012', a: 100, b: 90}], - xkey: 'y', - ykeys: ['a', 'b'], - labels: ['Series A', 'Series B'], - hideHover: 'auto', - resize: true, - lineColors: [ - config.chart.colorPrimary.toString(), - tinycolor(config.chart.colorPrimary.toString()).darken(10).toString() - ], - }); - } - - drawMorrisCharts(); - - $(document).on("themechange", function () { - drawMorrisCharts(); - }); -}); -//LoginForm validation -$(function () { - if (!$('.form-control').length) { - return false; - } - - $('.form-control').focus(function () { - $(this).siblings('.input-group-addon').addClass('focus'); - }); - - $('.form-control').blur(function () { - $(this).siblings('.input-group-addon').removeClass('focus'); - }); -}); -$(function () { - - // set sortable options - $('.images-container').sortable({ - animation: 150, - handle: ".control-btn.move", - draggable: ".image-container", - onMove: function (evt) { - var $relatedElem = $(evt.related); - - if ($relatedElem.hasClass('add-image')) { - return false; - } - } - }); - - - $controlsButtons = $('.controls'); - - $controlsButtonsStar = $controlsButtons.find('.star'); - $controlsButtonsRemove = $controlsButtons.find('.remove'); - - $controlsButtonsStar.on('click', function (e) { - e.preventDefault(); - - $controlsButtonsStar.removeClass('active'); - $controlsButtonsStar.parents('.image-container').removeClass('main'); - - $(this).addClass('active'); - - $(this).parents('.image-container').addClass('main'); - }) - -}) -$(function () { - - if (!$('#select-all-items').length) { - return false; - } - - - $('#select-all-items').on('change', function () { - var $this = $(this).children(':checkbox').get(0); - - $(this).parents('li') - .siblings() - .find(':checkbox') - .prop('checked', $this.checked) - .val($this.checked) - .change(); - }); - - - function drawItemsListSparklines() { - $(".items-list-page .sparkline").each(function () { - var type = $(this).data('type'); - - // Generate random data - var data = []; - for (var i = 0; i < 17; i++) { - data.push(Math.round(100 * Math.random())); - } - - $(this).sparkline(data, { - barColor: config.chart.colorPrimary.toString(), - height: $(this).height(), - type: type - }); - }); - } - - drawItemsListSparklines(); - - $(document).on("themechange", function () { - drawItemsListSparklines(); - }); - -}); -$(function () { - - $(".wyswyg").each(function () { - - var $toolbar = $(this).find(".toolbar"); - var $editor = $(this).find(".editor"); - - - var editor = new Quill($editor.get(0), { - theme: 'snow' - }); - - editor.addModule('toolbar', { - container: $toolbar.get(0) // Selector for toolbar container - }); - - - }); - -}); -$(function () { - - $('#sidebar-menu, #customize-menu').metisMenu({ - activeClass: 'open' - }); - - - $('#sidebar-collapse-btn').on('click', function (event) { - event.preventDefault(); - - $("#app").toggleClass("sidebar-open"); - }); - - $("#sidebar-overlay").on('click', function () { - $("#app").removeClass("sidebar-open"); - }); - -}); -$(function () { - $('.nav-profile > li > a').on('click', function () { - var $el = $(this).next(); - - animate({ - name: 'flipInX', - selector: $el - }); - }); -}) -var modalMedia = { - $el: $("#modal-media"), - result: {}, - options: {}, - open: function (options) { - options = options || {}; - this.options = options; - - - this.$el.modal('show'); - }, - close: function () { - if ($.isFunction(this.options.beforeClose)) { - this.options.beforeClose(this.result); - } - - this.$el.modal('hide'); - - if ($.isFunction(this.options.afterClose)) { - this.options.beforeClose(this.result); - } - } -}; -$(function () { - - // Local storage settings - var themeSettings = getThemeSettings(); - - // Elements - - var $app = $('#app'); - var $styleLink = $('#theme-style'); - var $customizeMenu = $('#customize-menu'); - - // Color switcher - var $customizeMenuColorBtns = $customizeMenu.find('.color-item'); - - // Position switchers - var $customizeMenuRadioBtns = $customizeMenu.find('.radio'); - - - // ///////////////////////////////////////////////// - - // Initial state - - // On setting event, set corresponding options - - // Update customize view based on options - - // Update theme based on options - - /************************************************ - * Initial State - *************************************************/ - - setThemeSettings(); - - /************************************************ - * Events - *************************************************/ - - // set theme type - $customizeMenuColorBtns.on('click', function () { - themeSettings.themeName = $(this).data('theme'); - - setThemeSettings(); - }); - - - $customizeMenuRadioBtns.on('click', function () { - - var optionName = $(this).prop('name'); - var value = $(this).val(); - - themeSettings[optionName] = value; - - setThemeSettings(); - }); - - function setThemeSettings() { - setThemeState() - .delay(config.delayTime) - .queue(function (next) { - - setThemeColor(); - setThemeControlsState(); - saveThemeSettings(); - - $(document).trigger("themechange"); - - next(); - }); - } - - /************************************************ - * Update theme based on options - *************************************************/ - - function setThemeState() { - // set theme type - if (themeSettings.themeName) { - $styleLink.attr('href', 'css/app-' + themeSettings.themeName + '.css'); - } - else { - $styleLink.attr('href', 'css/app.css'); - } - - // App classes - $app.removeClass('header-fixed footer-fixed sidebar-fixed'); - - // set header - $app.addClass(themeSettings.headerPosition); - - // set footer - $app.addClass(themeSettings.footerPosition); - - // set footer - $app.addClass(themeSettings.sidebarPosition); - - return $app; - } - - /************************************************ - * Update theme controls based on options - *************************************************/ - - function setThemeControlsState() { - // set color switcher - $customizeMenuColorBtns.each(function () { - if ($(this).data('theme') === themeSettings.themeName) { - $(this).addClass('active'); - } - else { - $(this).removeClass('active'); - } - }); - - // set radio buttons - $customizeMenuRadioBtns.each(function () { - var name = $(this).prop('name'); - var value = $(this).val(); - - if (themeSettings[name] === value) { - $(this).prop("checked", true); - } - else { - $(this).prop("checked", false); - } - }); - } - - /************************************************ - * Update theme color - *************************************************/ - function setThemeColor() { - config.chart.colorPrimary = tinycolor($ref.find(".chart .color-primary").css("color")); - config.chart.colorSecondary = tinycolor($ref.find(".chart .color-secondary").css("color")); - } - - /************************************************ - * Storage Functions - *************************************************/ - - function getThemeSettings() { - var settings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) : {}; - - settings.headerPosition = settings.headerPosition || ''; - settings.sidebarPosition = settings.sidebarPosition || ''; - settings.footerPosition = settings.footerPosition || ''; - - return settings; - } - - function saveThemeSettings() { - localStorage.setItem('themeSettings', JSON.stringify(themeSettings)); - } - -}); -$(function () { - - $("body").addClass("loaded"); - -}); - - -/*********************************************** - * NProgress Settings - ***********************************************/ - -// start load bar -NProgress.start(); - -// end loading bar -NProgress.done(); \ No newline at end of file diff --git a/examples/lib/modular-admin/vendor.css b/examples/lib/modular-admin/vendor.css deleted file mode 100644 index 5dea299..0000000 --- a/examples/lib/modular-admin/vendor.css +++ /dev/null @@ -1,5335 +0,0 @@ -@charset "UTF-8"; - -/*! -Animate.css - http://daneden.me/animate -Licensed under the MIT license - http://opensource.org/licenses/MIT - -Copyright (c) 2015 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.bounceIn, -.animated.bounceOut { - -webkit-animation-duration: .75s; - animation-duration: .75s; -} - -.animated.flipOutX, -.animated.flipOutY { - -webkit-animation-duration: .75s; - animation-duration: .75s; -} - -@-webkit-keyframes bounce { - from, 20%, 53%, 80%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -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%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -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%, 100% { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -@keyframes flash { - from, 50%, 100% { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -.flash { - -webkit-animation-name: flash; - animation-name: flash; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-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); - } - - 100% { - -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); - } - - 100% { - -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, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.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); - } - - 100% { - -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, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.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); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; -} - -@-webkit-keyframes shake { - from, 100% { - -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, 100% { - -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 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); - } - - 100% { - -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); - } - - 100% { - -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); - } - - 100% { - -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); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-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); - } - - 100% { - -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); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; -} - -@-webkit-keyframes jello { - from, 11.1%, 100% { - -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(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} - -@keyframes jello { - from, 11.1%, 100% { - -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(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} - -.jello { - -webkit-animation-name: jello; - animation-name: jello; - -webkit-transform-origin: center; - transform-origin: center; -} - -@-webkit-keyframes bounceIn { - from, 20%, 40%, 60%, 80%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes bounceIn { - from, 20%, 40%, 60%, 80%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - 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%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInDown { - from, 60%, 75%, 90%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; -} - -@-webkit-keyframes bounceInLeft { - from, 60%, 75%, 90%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInLeft { - from, 60%, 75%, 90%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} - -@-webkit-keyframes bounceInRight { - from, 60%, 75%, 90%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInRight { - from, 60%, 75%, 90%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} - -@-webkit-keyframes bounceInUp { - from, 60%, 75%, 90%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes bounceInUp { - from, 60%, 75%, 90%, 100% { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - animation-timing-function: cubic-bezier(0.215, 0.610, 0.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); - } - - 100% { - -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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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; - } - - 100% { - opacity: 1; - } -} - -@keyframes fadeIn { - from { - opacity: 0; - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; -} - -@-webkit-keyframes fadeOut { - from { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@keyframes fadeOut { - from { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} - -@-webkit-keyframes fadeOutDown { - from { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -@keyframes fadeOutDown { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -@keyframes fadeOutDownBig { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -@keyframes fadeOutLeft { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -@keyframes fadeOutLeftBig { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -@keyframes fadeOutRight { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -@keyframes fadeOutRightBig { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -@keyframes fadeOutUp { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -@keyframes fadeOutUpBig { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - -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; - } - - 100% { - -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); - } - - 100% { - -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); - } - - 100% { - -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); - } - - 100% { - -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); - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} - -@keyframes lightSpeedOut { - from { - opacity: 1; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} - -.hinge { - -webkit-animation-name: hinge; - animation-name: hinge; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-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); - } - - 100% { - 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); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes rollOut { - from { - opacity: 1; - } - - 100% { - 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; - } - - 100% { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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); - } - - 100% { - opacity: 0; - } -} - -@keyframes zoomOut { - from { - opacity: 1; - } - - 50% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 100% { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 100% { - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 100% { - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 100% { - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 100% { - 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(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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; - } - - 100% { - -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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - 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); - } - - 100% { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; -} - -.jqvmap-label { - position: absolute; - display: none; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background: #292929; - color: white; - font-family: sans-serif, Verdana; - font-size: smaller; - padding: 3px; -} - -.jqvmap-zoomin, .jqvmap-zoomout { - position: absolute; - left: 10px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background: #000000; - padding: 3px; - color: white; - width: 10px; - height: 10px; - cursor: pointer; - line-height: 10px; - text-align: center; -} - -.jqvmap-zoomin { - top: 10px; -} - -.jqvmap-zoomout { - top: 30px; -} - -.jqvmap-region { - cursor: pointer; -} - -.jqvmap-ajax_response { - width: 100%; - height: 500px; -} - -/* - * metismenu - v2.0.3 - * A jQuery menu plugin - * https://github.com/onokumus/metisMenu - * - * Made by Osman Nuri Okumus - * Under MIT License - */ - -.metismenu .arrow { - float: right; - line-height: 1.42857; -} - -/* - * Require Bootstrap - * https://github.com/twbs/bootstrap -*/ - -.metismenu .glyphicon.arrow:before { - content: "\e079"; -} - -.metismenu .active > a > .glyphicon.arrow:before { - content: "\e114"; -} - -/* - * Require Font-Awesome - * http://fortawesome.github.io/Font-Awesome/ -*/ - -.metismenu .fa.arrow:before { - content: "\f104"; -} - -.metismenu .active > a > .fa.arrow:before { - content: "\f107"; -} - -/* - * Require Ionicons - * http://ionicons.com/ -*/ - -.metismenu .ion.arrow:before { - content: "\f3d2" -} - -.metismenu .active > a > .ion.arrow:before { - content: "\f3d0"; -} - -.metismenu .plus-times { - float: right; -} - -.metismenu .fa.plus-times:before { - content: "\f067"; -} - -.metismenu .active > a > .fa.plus-times { - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); -} - -.metismenu .plus-minus { - float: right; -} - -.metismenu .fa.plus-minus:before { - content: "\f067"; -} - -.metismenu .active > a > .fa.plus-minus:before { - content: "\f068"; -} - -.metismenu .collapse { - display: none; -} - -.metismenu .collapse.in { - display: block; -} - -.metismenu .collapsing { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-duration: .35s; - transition-duration: .35s; - -webkit-transition-property: height, visibility; - transition-property: height, visibility; -} - -/* Make clicks pass-through */ -#nprogress { - pointer-events: none; -} - -#nprogress .bar { - background: #29d; - - position: fixed; - z-index: 1031; - top: 0; - left: 0; - - width: 100%; - height: 2px; -} - -/* Fancy blur effect */ -#nprogress .peg { - display: block; - position: absolute; - right: 0px; - width: 100px; - height: 100%; - box-shadow: 0 0 10px #29d, 0 0 5px #29d; - opacity: 1.0; - - -webkit-transform: rotate(3deg) translate(0px, -4px); - -ms-transform: rotate(3deg) translate(0px, -4px); - transform: rotate(3deg) translate(0px, -4px); -} - -/* Remove these to get rid of the spinner */ -#nprogress .spinner { - display: block; - position: fixed; - z-index: 1031; - top: 15px; - right: 15px; -} - -#nprogress .spinner-icon { - width: 18px; - height: 18px; - box-sizing: border-box; - - border: solid 2px transparent; - border-top-color: #29d; - border-left-color: #29d; - border-radius: 50%; - - -webkit-animation: nprogress-spinner 400ms linear infinite; - animation: nprogress-spinner 400ms linear infinite; -} - -.nprogress-custom-parent { - overflow: hidden; - position: relative; -} - -.nprogress-custom-parent #nprogress .spinner, -.nprogress-custom-parent #nprogress .bar { - position: absolute; -} - -@-webkit-keyframes nprogress-spinner { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - } -} - -@keyframes nprogress-spinner { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} - -/*! Quill Editor v0.20.1 - * https://quilljs.com/ - * Copyright (c) 2014, Jason Chen - * Copyright (c) 2013, salesforce.com - */ -.ql-image-tooltip { - padding: 10px; - width: 300px; -} - -.ql-image-tooltip:after { - clear: both; - content: ""; - display: table; -} - -.ql-image-tooltip a { - border: 1px solid #000; - box-sizing: border-box; - display: inline-block; - float: left; - padding: 5px; - text-align: center; - width: 50%; -} - -.ql-image-tooltip img { - bottom: 0; - left: 0; - margin: auto; - max-height: 100%; - max-width: 100%; - position: absolute; - right: 0; - top: 0; -} - -.ql-image-tooltip .input { - box-sizing: border-box; - width: 100%; -} - -.ql-image-tooltip .preview { - margin: 10px 0px; - position: relative; - border: 1px dashed #000; - height: 200px; -} - -.ql-image-tooltip .preview span { - display: inline-block; - position: absolute; - text-align: center; - top: 40%; - width: 100%; -} - -.ql-link-tooltip { - padding: 5px 10px; -} - -.ql-link-tooltip input.input { - width: 170px; -} - -.ql-link-tooltip input.input, -.ql-link-tooltip a.done { - display: none; -} - -.ql-link-tooltip a.change { - margin-right: 4px; -} - -.ql-link-tooltip.editing input.input, -.ql-link-tooltip.editing a.done { - display: inline-block; -} - -.ql-link-tooltip.editing a.url, -.ql-link-tooltip.editing a.change, -.ql-link-tooltip.editing a.remove { - display: none; -} - -.ql-multi-cursor { - position: absolute; - left: 0; - top: 0; - z-index: 1000; -} - -.ql-multi-cursor .cursor { - margin-left: -1px; - position: absolute; -} - -.ql-multi-cursor .cursor-flag { - bottom: 100%; - position: absolute; - white-space: nowrap; -} - -.ql-multi-cursor .cursor-name { - display: inline-block; - color: #fff; - padding: 2px 8px; -} - -.ql-multi-cursor .cursor-caret { - height: 100%; - position: absolute; - width: 2px; -} - -.ql-multi-cursor .cursor.hidden .cursor-flag { - display: none; -} - -.ql-multi-cursor .cursor.top .cursor-flag { - bottom: auto; - top: 100%; -} - -.ql-multi-cursor .cursor.right .cursor-flag { - right: -2px; -} - -.ql-paste-manager { - left: -100000px; - position: absolute; - top: 50%; -} - -.ql-toolbar { - box-sizing: border-box; -} - -.ql-tooltip { - background-color: #fff; - border: 1px solid #000; - box-sizing: border-box; - position: absolute; - top: 0px; - white-space: nowrap; - z-index: 2000; -} - -.ql-tooltip a { - cursor: pointer; - text-decoration: none; -} - -.ql-container { - box-sizing: border-box; - cursor: text; - font-family: Helvetica, 'Arial', sans-serif; - font-size: 13px; - height: 100%; - line-height: 1.42; - margin: 0px; - overflow-x: hidden; - overflow-y: auto; - padding: 12px 15px; - position: relative; -} - -.ql-editor { - box-sizing: border-box; - min-height: 100%; - outline: none; - tab-size: 4; - white-space: pre-wrap; -} - -.ql-editor div { - margin: 0; - padding: 0; -} - -.ql-editor a { - text-decoration: underline; -} - -.ql-editor b { - font-weight: bold; -} - -.ql-editor i { - font-style: italic; -} - -.ql-editor s { - text-decoration: line-through; -} - -.ql-editor u { - text-decoration: underline; -} - -.ql-editor a, -.ql-editor b, -.ql-editor i, -.ql-editor s, -.ql-editor u, -.ql-editor span { - background-color: inherit; -} - -.ql-editor img { - max-width: 100%; -} - -.ql-editor blockquote, -.ql-editor ol, -.ql-editor ul { - margin: 0 0 0 2em; - padding: 0; -} - -.ql-editor ol { - list-style-type: decimal; -} - -.ql-editor ul { - list-style-type: disc; -} - -.ql-editor.ql-ie-9 br, -.ql-editor.ql-ie-10 br { - display: none; -} - -/*! Quill Editor v0.20.1 - * https://quilljs.com/ - * Copyright (c) 2014, Jason Chen - * Copyright (c) 2013, salesforce.com - */ -.ql-image-tooltip { - padding: 10px; - width: 300px; -} - -.ql-image-tooltip:after { - clear: both; - content: ""; - display: table; -} - -.ql-image-tooltip a { - border: 1px solid #000; - box-sizing: border-box; - display: inline-block; - float: left; - padding: 5px; - text-align: center; - width: 50%; -} - -.ql-image-tooltip img { - bottom: 0; - left: 0; - margin: auto; - max-height: 100%; - max-width: 100%; - position: absolute; - right: 0; - top: 0; -} - -.ql-image-tooltip .input { - box-sizing: border-box; - width: 100%; -} - -.ql-image-tooltip .preview { - margin: 10px 0px; - position: relative; - border: 1px dashed #000; - height: 200px; -} - -.ql-image-tooltip .preview span { - display: inline-block; - position: absolute; - text-align: center; - top: 40%; - width: 100%; -} - -.ql-link-tooltip { - padding: 5px 10px; -} - -.ql-link-tooltip input.input { - width: 170px; -} - -.ql-link-tooltip input.input, -.ql-link-tooltip a.done { - display: none; -} - -.ql-link-tooltip a.change { - margin-right: 4px; -} - -.ql-link-tooltip.editing input.input, -.ql-link-tooltip.editing a.done { - display: inline-block; -} - -.ql-link-tooltip.editing a.url, -.ql-link-tooltip.editing a.change, -.ql-link-tooltip.editing a.remove { - display: none; -} - -.ql-multi-cursor { - position: absolute; - left: 0; - top: 0; - z-index: 1000; -} - -.ql-multi-cursor .cursor { - margin-left: -1px; - position: absolute; -} - -.ql-multi-cursor .cursor-flag { - bottom: 100%; - position: absolute; - white-space: nowrap; -} - -.ql-multi-cursor .cursor-name { - display: inline-block; - color: #fff; - padding: 2px 8px; -} - -.ql-multi-cursor .cursor-caret { - height: 100%; - position: absolute; - width: 2px; -} - -.ql-multi-cursor .cursor.hidden .cursor-flag { - display: none; -} - -.ql-multi-cursor .cursor.top .cursor-flag { - bottom: auto; - top: 100%; -} - -.ql-multi-cursor .cursor.right .cursor-flag { - right: -2px; -} - -.ql-paste-manager { - left: -100000px; - position: absolute; - top: 50%; -} - -.ql-toolbar { - box-sizing: border-box; -} - -.ql-tooltip { - background-color: #fff; - border: 1px solid #000; - box-sizing: border-box; - position: absolute; - top: 0px; - white-space: nowrap; - z-index: 2000; -} - -.ql-tooltip a { - cursor: pointer; - text-decoration: none; -} - -.ql-container { - box-sizing: border-box; - cursor: text; - font-family: Helvetica, 'Arial', sans-serif; - font-size: 13px; - height: 100%; - line-height: 1.42; - margin: 0px; - overflow-x: hidden; - overflow-y: auto; - padding: 12px 15px; - position: relative; -} - -.ql-editor { - box-sizing: border-box; - min-height: 100%; - outline: none; - tab-size: 4; - white-space: pre-wrap; -} - -.ql-editor div { - margin: 0; - padding: 0; -} - -.ql-editor a { - text-decoration: underline; -} - -.ql-editor b { - font-weight: bold; -} - -.ql-editor i { - font-style: italic; -} - -.ql-editor s { - text-decoration: line-through; -} - -.ql-editor u { - text-decoration: underline; -} - -.ql-editor a, -.ql-editor b, -.ql-editor i, -.ql-editor s, -.ql-editor u, -.ql-editor span { - background-color: inherit; -} - -.ql-editor img { - max-width: 100%; -} - -.ql-editor blockquote, -.ql-editor ol, -.ql-editor ul { - margin: 0 0 0 2em; - padding: 0; -} - -.ql-editor ol { - list-style-type: decimal; -} - -.ql-editor ul { - list-style-type: disc; -} - -.ql-editor.ql-ie-9 br, -.ql-editor.ql-ie-10 br { - display: none; -} - -.ql-snow .ql-image-tooltip a { - border: 1px solid #06c; -} - -.ql-snow .ql-image-tooltip a.insert { - background-color: #06c; - color: #fff; -} - -.ql-snow .ql-image-tooltip .preview { - border-color: #ccc; - color: #ccc; -} - -.ql-snow .ql-link-tooltip a, -.ql-snow .ql-link-tooltip span { - line-height: 25px; -} - -.ql-snow .ql-multi-cursor .cursor-name { - border-radius: 4px; - font-size: 11px; - font-family: Arial; - margin-left: -50%; - padding: 4px 10px; -} - -.ql-snow .ql-multi-cursor .cursor-triangle { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - height: 0px; - margin-left: -3px; - width: 0px; -} - -.ql-snow .ql-multi-cursor .cursor.left .cursor-name { - margin-left: -8px; -} - -.ql-snow .ql-multi-cursor .cursor.right .cursor-flag { - right: auto; -} - -.ql-snow .ql-multi-cursor .cursor.right .cursor-name { - margin-left: -100%; - margin-right: -8px; -} - -.ql-snow .ql-multi-cursor .cursor-triangle.bottom { - border-top: 4px solid transparent; - display: block; - margin-bottom: -1px; -} - -.ql-snow .ql-multi-cursor .cursor-triangle.top { - border-bottom: 4px solid transparent; - display: none; - margin-top: -1px; -} - -.ql-snow .ql-multi-cursor .cursor.top .cursor-triangle.bottom { - display: none; -} - -.ql-snow .ql-multi-cursor .cursor.top .cursor-triangle.top { - display: block; -} - -.ql-snow.ql-toolbar { - box-sizing: border-box; - padding: 8px; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; -} - -.ql-snow.ql-toolbar .ql-format-group { - display: inline-block; - margin-right: 15px; - vertical-align: middle; -} - -.ql-snow.ql-toolbar .ql-format-separator { - box-sizing: border-box; - background-color: #ddd; - display: inline-block; - height: 14px; - margin-left: 4px; - margin-right: 4px; - vertical-align: middle; - width: 1px; -} - -.ql-snow.ql-toolbar .ql-format-button { - box-sizing: border-box; - display: inline-block; - height: 24px; - line-height: 24px; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - background-size: 18px 18px; - box-sizing: border-box; - cursor: pointer; - text-align: center; - width: 24px; -} - -.ql-snow.ql-toolbar .ql-picker { - box-sizing: border-box; - color: #444; - display: inline-block; - font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; - font-size: 14px; - font-weight: 500; - position: relative; -} - -.ql-snow.ql-toolbar .ql-picker .ql-picker-label { - box-sizing: border-box; - display: inline-block; - height: 24px; - line-height: 24px; - vertical-align: middle; - background-color: #fff; - background-position: right center; - background-repeat: no-repeat; - background-size: 18px 18px; - border: 1px solid transparent; - cursor: pointer; - position: relative; - width: 100%; -} - -.ql-snow.ql-toolbar .ql-picker .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label:hover { - color: #06c; -} - -.ql-snow.ql-toolbar .ql-picker .ql-picker-options { - background-color: #fff; - border: 1px solid transparent; - box-sizing: border-box; - display: none; - padding: 4px 8px; - position: absolute; - width: 100%; -} - -.ql-snow.ql-toolbar .ql-picker .ql-picker-options .ql-picker-item { - background-position: center center; - background-repeat: no-repeat; - background-size: 18px 18px; - box-sizing: border-box; - cursor: pointer; - display: block; - padding-bottom: 5px; - padding-top: 5px; -} - -.ql-snow.ql-toolbar .ql-picker .ql-picker-options .ql-picker-item.ql-selected, -.ql-snow.ql-toolbar .ql-picker .ql-picker-options .ql-picker-item:hover { - color: #06c; -} - -.ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label { - border-color: #ccc; - color: #ccc; - z-index: 2; -} - -.ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-options { - border-color: #ccc; - box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; - display: block; - margin-top: -1px; - z-index: 1; -} - -.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-label { - background-position: center center; - width: 28px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options { - padding: 5px; - width: 152px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item { - border: 1px solid transparent; - float: left; - height: 16px; - margin: 2px; - padding: 0px; - width: 16px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item.ql-primary-color { - margin-bottom: 8px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item.ql-selected, -.ql-snow.ql-toolbar .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item:hover { - border-color: #000; -} - -.ql-snow.ql-toolbar .ql-picker.ql-font { - width: 105px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-size { - width: 80px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-font .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker.ql-size .ql-picker-label { - padding-left: 8px; - padding-right: 8px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-label { - background-position: center center; - width: 28px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-item { - box-sizing: border-box; - display: inline-block; - height: 24px; - line-height: 24px; - vertical-align: middle; - padding: 0px; - width: 28px; -} - -.ql-snow.ql-toolbar .ql-picker.ql-align .ql-picker-options { - padding: 4px 0px; -} - -.ql-snow.ql-toolbar .ql-picker .ql-picker-label { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAKlBMVEUAAABJSUlAQEBERERFRUVERERERERERERERERFRUVEREREREREREREREQJcW6NAAAADXRSTlMAFRzExcbLzM/Q0dLbKbcyLwAAADVJREFUCNdjYCAeMKYJQFnSdzdCWbl3r0NZvnev4tFre/cKlNV79yaUpXP3EJTFtEqBBHcAAHyoDQk0vM/lAAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAdElEQVR42mP4//8/VfBINGjVqlUMhw4dEj148OBpEAaxQWKkGgQz5BIQ/4fiSyAxkg2CuuQ/Gj5DjkFHsRh0jJwwwooHzCCQ145g8dpRcgw6j8WgCyQbtH//fhmgxttIhtwGiZETRjDDLoIwiA0UG820FGAA5b25+qRqGXcAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-picker.ql-active:not(.ql-expanded) .ql-picker-label, -.ql-snow.ql-toolbar:not(.ios) .ql-picker:not(.ql-expanded) .ql-picker-label:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAKlBMVEUAAAAAYc4AZMgAZcwAZs0AZs0AZs0AZ8wAZswAZs0AZswAZswAZswAZsx12LPhAAAADXRSTlMAFRzExcbLzM/Q0dLbKbcyLwAAADVJREFUCNdjYCAeMKYJQFnSdzdCWbl3r0NZvnev4tFre/cKlNV79yaUpXP3EJTFtEqBBHcAAHyoDQk0vM/lAAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-bold, -.ql-snow.ql-toolbar .ql-picker.ql-bold .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bold], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bold] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAYFBMVEUAAACAgIBAQEA5OTlAQEBERERAQEBERERERERERERDQ0NERERERERERERDQ0NERERERERFRUVERERERERFRUVERERERERERERERERERERERERERERERERERERERERERESN6WzHAAAAH3RSTlMAAggJDA8cQEtTWHF/i4yTpau+xMXX3O7v8/f6+/z+qN9w2AAAAFZJREFUeNqlzMcSgCAMRVEsYO+9vv//S9FhNIYld5HFmSTCqQ66dazkRzA1lPSQGRZGIsDMKMxRW7+2yCIcyf/QUyUGSnc+dkaqoFumM32pf2BqY+HUBfQaCPgVIBc1AAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-bold.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-bold .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bold].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bold].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-bold:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-bold .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=bold]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=bold]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAYFBMVEUAAAAAgP8AYL8AccYAatUAZswAZMgAZMsAZswAZcsAZcsAZssAZssAZ80AZswAZs0AZswAZ8wAZswAZcwAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsxCU9XcAAAAH3RSTlMAAggJDA8cQEtTWHF/i4yTpau+xMXX3O7v8/f6+/z+qN9w2AAAAFZJREFUeNqlzMcSgCAMRVEsYO+9vv//S9FhNIYld5HFmSTCqQ66dazkRzA1lPSQGRZGIsDMKMxRW7+2yCIcyf/QUyUGSnc+dkaqoFumM32pf2BqY+HUBfQaCPgVIBc1AAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-italic, -.ql-snow.ql-toolbar .ql-picker.ql-italic .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=italic], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=italic] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAi0lEQVR42mMYvoARl4SLi0sNkGoAYmY0qf+MjIztu3fvrkYWZGLADZhB8pS4CN1lQUBqLRDvAQJXHMqIstEISp8BEZQYZAIi/v//f5ZSg0xBBCMj4ymyDQKGjxKQEgLiV8DweUS2QUBXGEOZp0EEJV4zgdJnKDLo379/JsS6iJHSFA0DTDhT9CiAAQBbWyIY/pd4rQAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-italic.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-italic .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=italic].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=italic].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-italic:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-italic .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=italic]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=italic]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAk0lEQVR42u3SsQ3CMBBA0X/2BozACMQswg4EMQMUdOyQVdggdpagZAc4ihjJjYmU66K8xpZsfdnSsVxCzTFdEW6AB0oKcqdrLhQcNaK+PLc79QfapLTDgz8cU9Tv8ibZQqIBgI8OxhexH29KPz90jltgA7zownN+6C0Nowhg+JqEvCZbSDSHNDJBLBNdctWJXv18Ad5dJL0jVfDhAAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-underline, -.ql-snow.ql-toolbar .ql-picker.ql-underline .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=underline], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=underline] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAM1BMVEUAAABLS0tFRUVDQ0NERERDQ0NFRUVFRUVERERDQ0NERERFRUVERERERERERERERERERESvCHKbAAAAEHRSTlMAERpMbW6Bgry9xMXh5PP51ZZfkwAAAEdJREFUeNq9yEEKgDAMRNHERDWq6dz/tFLBQUC6KfRtPnzpsh/sC2AHrcRUo0iuDXONI7gMxVW9wIQWPFb5sMgMk5YTdMmvGw2DA8yS9di7AAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-underline.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-underline .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=underline].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=underline].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-underline:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-underline .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=underline]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=underline]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAM1BMVEUAAAAAadIAYs4AZc0AZcwAZswAZ84AZswAZs0AZ8wAZcwAZs0AZswAZswAZswAZswAZsycBlETAAAAEHRSTlMAERpMbW6Bgry9xMXh5PP51ZZfkwAAAEdJREFUeNq9yEEKgDAMRNHERDWq6dz/tFLBQUC6KfRtPnzpsh/sC2AHrcRUo0iuDXONI7gMxVW9wIQWPFb5sMgMk5YTdMmvGw2DA8yS9di7AAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-strike, -.ql-snow.ql-toolbar .ql-picker.ql-strike .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=strike], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=strike] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAn1BMVEUAAAAAAACAgIBAQEA7OztAQEBLS0tHR0dAQEBJSUlGRkZERERCQkJERERDQ0NERERERERDQ0NFRUVERERERERERERERERERERFRUVERERERERERERFRUVDQ0NFRUVERERFRUVFRUVERERFRUVFRUVFRUVERERFRUVFRUVERERERERERERERERERERERERERERERERERERERERERERERERfrjwTAAAANHRSTlMAAQIMDRAREhQVKCk6PEhLT1xkZWZ4e4CCg4SIiZucoaersLK2wcTFydLX2ODi5err8fX3BKZfrQAAAH5JREFUGBmlwOEWgTAYBuC3isgMxCYAmwRh++7/2qRzttP/HnQTZjdjilkALzhR4wBvQiaLk8WXOJwlHVHjYgxnSmbeR0swGEkpxWZ3vt7fL/w9P4/ist+KdZ7zYYiWiCnScFYiRq1HFo4mxaKIKdJw0ooaVQovkaW1pUzQyQ86Agx4yKmWPAAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-strike.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-strike .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=strike].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=strike].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-strike:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-strike .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=strike]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=strike]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAolBMVEUAAAAAAP8AgP8AatUAYsQAYM8AadIAY8YAZswAYc4AZswAZM0AZcoAZswAZ8oAZswAZMsAZ8oAZswAZcoAZ8sAZswAZssAZssAZs0AZswAZ8wAZs0AZ8wAZs0AZswAZ8wAZ8wAZs0AZ8wAZ8wAZs0AZs0AZs0AZcwAZs0AZcwAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsyiCU+yAAAANXRSTlMAAQIMDRAREhQVKCk6PEhLT1xkZWZ4e4CAgoOEiImbnKGnq7CytsHExcnS19jg4uXq6/H190B1i7AAAAB/SURBVBgZpcDhFoEwGAbgt4pIBmImAJsEYfvu/9ZU52yn/z3oxk/vWuczD453psYRzoR0GkaLHzFYSzqhwvgY1pT0vI8WbzASQvDt/nJ7fN6ovb7P/HrYrTdZxoY+WoJEkoK14iEqPTKwFMkkCBJJClZcUqOM4USiMKYQETr5A2SVDLpJv6ZtAAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-link, -.ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAllBMVEUAAAD///9VVVVJSUk5OTlAQEBHR0dFRUVCQkJHR0dBQUFCQkJGRkZDQ0NGRkZFRUVCQkJDQ0NERERDQ0NERERFRUVERERFRUVDQ0NERERFRUVERERERERFRUVERERERERERERERERFRUVERERFRUVFRUVERERERERERERERERERERERERERERERERERERERERERERERETx5KUoAAAAMXRSTlMAAAYHCQwZGiMkJzIzOUJOYGNlfoCJl5ibnaCxtLa8xsfIycrQ1OHi5uvs7e/19vn8NGTYeAAAAJdJREFUeNqN0McOgkAARdGnFJWiKGBhEEFpSn3//3OGjMmQ6MK7PMuLxVe/CXDTPl5DJmk3cOTTmZE7MDQES11RyhBY5vQU9aOB2z3gWVFMsXywYx3t9Q9tXsyDjlOVLQlOyanOL1ibkqB7l5odM01QSJqK6GdXmGwUHVhowImJIr2iMI9sLUWwa5LtFjPCSjSJBUl//HoDlmQPy0DFuCkAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-link.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-link:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-link .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=link]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=link]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAmVBMVEUAAAD///8AVdUAbdsAccYAatUAZswAYs4AZswAY80AacsAZswAZM0AZ8kAZM0AZcsAZcoAZMsAZcoAZcoAZssAZs0AZs0AZ8wAZs0AZswAZs0AZswAZs0AZswAZs0AZs0AZs0AZ8wAZswAZcwAZs0AZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsy/jsjWAAAAMnRSTlMAAAYHCQwZGiMkJzIzOUJOYGNlfoCAiZeYm52gsbS2vMbHyMnK0NTh4ubr7O3v9fb5/BM/koAAAACXSURBVHjajdDbEoFQAIXhpROqiAjaSdGJSq33fzjTbDO7GS78l9/lj9lXvwnw0le8gEzSuufAhzshr2doCpaGopQhoOX0Fb0GE9fbnidFMYV2Z8c62hgfWj6Z7zqOVY4kuCXHuqBgbUmC4Z9rdsx0QSFpLGKQXWCxUbRloQNHJoqMisI6sLUVwalJtitMCHPRJDYk/fHrDdIHECSPJag6AAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-image, -.ql-snow.ql-toolbar .ql-picker.ql-image .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=image], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=image] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAABERERERERFRUVEREREREQbmEZBAAAABXRSTlMAeMTFxj7M9NAAAABBSURBVAjXY2DAD1RDQSAYyAqFABALLANmMRnAWMwODIIMUFnGUAEIS1A0NADMYgTqhLBY4SyEKXCTTcGMEAJuAgBa9RKl6Fva+wAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-image.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-image .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=image].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=image].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-image:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-image .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=image]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=image]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEUAAAAAZswAZcwAZs0AZs0AZszYB6XUAAAABXRSTlMAeMTFxj7M9NAAAABBSURBVAjXY2DAD1RDQSAYyAqFABALLANmMRnAWMwODIIMUFnGUAEIS1A0NADMYgTqhLBY4SyEKXCTTcGMEAJuAgBa9RKl6Fva+wAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-list, -.ql-snow.ql-toolbar .ql-picker.ql-list .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=list], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=list] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAS1BMVEUAAABCQkJFRUVGRkZFRUVCQkJFRUVDQ0NFRUVFRUVFRUVERERERERERERERERFRUVERERERERERERERERERERERERERERERERERET32eciAAAAGHRSTlMAMjRCQ0lOfYKQlJmaocTFxuHi5OXm9falfyKhAAAATElEQVR42mMgFnCKYIpJMDDwSUABP1yIHyYkABYRlBAmwngucV50IXZGIXTjmQTZ0I0XIcp4DjEedCFWFlF041mZRdCN5xDjZiAdAACXwgbrzvG+ZgAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-list.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-list .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=list].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=list].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-list:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-list .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=list]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=list]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAS1BMVEUAAAAAZswAZ8kAZM0AZ8oAZcsAZcsAZswAZswAZ80AZs0AZs0AZ80AZ8wAZcwAZs0AZs0AZswAZswAZswAZswAZswAZswAZswAZswCB3gJAAAAGHRSTlMAMjRCQ0lOfYKQlJmaocTFxuHi5OXm9falfyKhAAAATElEQVR42mMgFnCKYIpJMDDwSUABP1yIHyYkABYRlBAmwngucV50IXZGIXTjmQTZ0I0XIcp4DjEedCFWFlF041mZRdCN5xDjZiAdAACXwgbrzvG+ZgAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-bullet, -.ql-snow.ql-toolbar .ql-picker.ql-bullet .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bullet], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bullet] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAABxJREFUCNdjYMAPhBhdgMAJyFJmArGcGRgGXAcA/t0ImAOSO9kAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-bullet.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-bullet .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bullet].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bullet].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-bullet:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-bullet .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=bullet]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=bullet]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAAAAZcwAZs0AZs0AZsyEYJIjAAAABHRSTlMAxMXG4b8ciAAAABxJREFUCNdjYMAPhBhdgMAJyFJmArGcGRgGXAcA/t0ImAOSO9kAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-authorship, -.ql-snow.ql-toolbar .ql-picker.ql-authorship .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=authorship], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=authorship] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAARVBMVEUAAABFRUVFRUUAAAAAAABERERDQ0NEREQAAABERERERERERERERERERERFRUVERERERERERERERERERERERERERERERERVeSBUAAAAFnRSTlMAMDtOT1JfYmassMfN09Ta6vD4+fz9w8DTTwAAAExJREFUGBmVwEkSgCAMBMBRQUEU4zb/f6oFF5KbNLp4EQ8rkxnWQ76whBRYkYwwxo08ZijDzWJBs7La0ZysLjSJVUKXKSgOhQuKw08fJOYE1SddZQoAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-authorship.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-authorship .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=authorship].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=authorship].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-authorship:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-authorship .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=authorship]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=authorship]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAARVBMVEUAAAAAZcoAaMsAZc4AZ8sAZ8oAZswAZcsAZ80AZs0AZ8wAZ8wAZswAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZszAoUIuAAAAFnRSTlMAMDtOT1JfYmassMfN09Ta6vD4+fz9w8DTTwAAAExJREFUGBmVwEkSgCAMBMBRQUEU4zb/f6oFF5KbNLp4EQ8rkxnWQ76whBRYkYwwxo08ZijDzWJBs7La0ZysLjSJVUKXKSgOhQuKw08fJOYE1SddZQoAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-color, -.ql-snow.ql-toolbar .ql-picker.ql-color .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=color], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=color] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAgVBMVEUAAAAAAACAgIBAQEBVVVVDQ0NGRkZGRkZFRUVERERDQ0NDQ0NDQ0NCQkIAAABFRUUAAABDQ0NEREREREREREQAAABDQ0NDQ0NERERFRUVERERERERERERDQ0NERERERERFRUVFRUVERERERERERERERERERERERERERERERERERERLPkdWAAAAKnRSTlMAAQIEBhMWISUtLkVMTU5OT1BTVlpmeX6OkJmdvL3GztTj5/Hy8/b3/f5utmv0AAAAX0lEQVR42pXIRQ6AQABDUdzd3bX3PyCWwAwr+Is2ecyvuKriXmQD5otKoKBFQz+sKkU5khQZKdK8yMoyiQTFOIseEbqLWv6mAPW+bAPvJmN0j/N7nfmTFRI5Jzk0fWwD4sYJPnqIyzwAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-color.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-color .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=color].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=color].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-color:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-color .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=color]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=color]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAgVBMVEUAAAAAAP8AgP8AgL8AVdUAa8kAaNEAZMkAZ8gAZswAZM0AZMsAZc0AZ8oAZcsAZc4AZ8sAZswAZcsAZc0AZswAZ80AZcoAZcoAZs0AZ80AZs0AZs0AZs0AZ8wAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsy3JBcuAAAAKnRSTlMAAQIEBhMWISUtLkVMTU5OT1BTVlpmeX6OkJmdvL3GztTj5/Hy8/b3/f5utmv0AAAAX0lEQVR42pXIRQ6AQABDUdzd3bX3PyCWwAwr+Is2ecyvuKriXmQB5otKoKBFQz+sKkU5khQZKdK8yMoyiQTFOIseEbqLWv6mAPW+bAPvJmN0j/N7nfmTHRI5Jzk0fWwD4foJPqgJbeoAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-background, -.ql-snow.ql-toolbar .ql-picker.ql-background .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=background], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=background] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAnFBMVEUAAAAAAACAgIBAQEAAAABVVVUAAAAAAAAAAABDQ0MAAABGRkZGRkYAAABFRUVERERDQ0MAAAAAAAAAAAAAAABDQ0MAAABDQ0MAAABCQkJFRUVDQ0NERERERERERERDQ0NDQ0NERERFRUVERERERERERERDQ0NERERERERFRUVFRUVERERERERERERERERERERERERERERERERERETMTXVbAAAAM3RSTlMAAQIEBgYHCBMTFBYhIyUtLjE2N0JFS0xNTU5QU1ZaeX6OkJmdvL3GztTj5/Hy8/b3/f5Qd6EEAAAAf0lEQVR42o2PRw6DQBRDHVJISCUhvTd69/3vhgT6MLPDmoX15KfRR++c6mdKgVIOTRFoeJ6hE+tCnjXRgUv+oc02jJNyrYk/vj/8jhRxnheLVZHNupn1Yp3nVIgzjhoUDlvxQR/AIOBtKbNjerUB+x7vhZjARPkLyslbYIe+qQDqMQxGJwkBGwAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-background.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-background .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=background].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=background].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-background:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-background .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=background]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=background]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAllBMVEUAAAAAAP8AgP8AgL8AVdUAbbYAYL8Aa8kAZswAaNEAZMkAZswAZ8gAZswAZM0AaMsAaNAAZswAZM0AZMsAZswAZc0AZ8oAZ80AZcsAZswAZcsAZc0AZswAZcoAZcoAZs0AZ80AZs0AZs0AZs0AZ8wAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsy8dW5vAAAAMXRSTlMAAQIEBgcIExQWISMlLS4xNjdCRUtMTU1OUFNWWnl+jpCZnby9xs7U4+fx8vP29/3+dqGBzgAAAH5JREFUeNqNj0cOg0AUQx1CgFQS0nujd9//ckigDzM7rFlYT34afYzOuX2WFCjl0BWBRhAYOnEu5EkTPfjkH9pswzSr15r44/vDr6mI87JarKrCHmbOi22ethDPTDoUT3vxwRDAJOJtKbNjfnUB957uhVjATPkLyslbYIexaQB/ngudkm14XQAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-left, -.ql-snow.ql-toolbar .ql-picker.ql-left .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=left], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=left] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAAClJREFUCNdjYMAPRFxcnCAsFRcXZwYiAFCHC0STCpjlTJwOJwaYDoIaAKIACBBRNsu4AAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-left.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-left .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=left].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=left].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-left:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-left .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=left]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=left]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAAAAZcwAZs0AZs0AZsyEYJIjAAAABHRSTlMAxMXG4b8ciAAAAClJREFUCNdjYMAPRFxcnCAsFRcXZwYiAFCHC0STCpjlTJwOJwaYDoIaAKIACBBRNsu4AAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-right, -.ql-snow.ql-toolbar .ql-picker.ql-right .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=right], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=right] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAAChJREFUCNdjYCAIRFxcnCAsFRcXZ2KUu0B0qIBZzgzEaXFigGkhpAMAmbwIEMJ9k/cAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-right.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-right .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=right].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=right].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-right:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-right .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=right]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=right]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAAAAZcwAZs0AZs0AZsyEYJIjAAAABHRSTlMAxMXG4b8ciAAAAChJREFUCNdjYCAIRFxcnCAsFRcXZ2KUu0B0qIBZzgzEaXFigGkhpAMAmbwIEMJ9k/cAAAAASUVORK5CYII="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-center, -.ql-snow.ql-toolbar .ql-picker.ql-center .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=center], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=center] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAAC1JREFUCNdjYCAAGF1cXBTALCYgy4CBIBBxAQEnIEsFzHJmIMYKiCVMYBYhSwCyqQhMfft6AQAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-center.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-center .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=center].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=center].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-center:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-center .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=center]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=center]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAAAAZcwAZs0AZs0AZsyEYJIjAAAABHRSTlMAxMXG4b8ciAAAAC1JREFUCNdjYCAAGF1cXBTALCYgy4CBIBBxAQEnIEsFzHJmIMYKiCVMYBYhSwCyqQhMfft6AQAAAABJRU5ErkJggg=="); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-justify, -.ql-snow.ql-toolbar .ql-picker.ql-justify .ql-picker-label, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=justify], -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=justify] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAD1BMVEUAAABERERFRUVERERERETRGyWnAAAABHRSTlMAxMXG4b8ciAAAABpJREFUCNdjYMAPRFxAwAnIUgGznBkYBlwHAJGzCjB/C3owAAAAAElFTkSuQmCC"); -} - -.ql-snow.ql-toolbar .ql-format-button.ql-justify.ql-active, -.ql-snow.ql-toolbar .ql-picker.ql-justify .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=justify].ql-active, -.ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=justify].ql-selected, -.ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-justify:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-justify .ql-picker-label:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=justify]:hover, -.ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=justify]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAALklEQVR42mMYvoARzko9cwTIsyZR+zGGWcZgPUwIMUZGShwyGtijgT0a2EMMAADESwwWta/i5QAAAABJRU5ErkJggg=="); -} - -@media (-webkit-min-device-pixel-ratio: 2) { - .ql-snow.ql-toolbar .ql-picker .ql-picker-label { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAABCQkJDQ0NDQ0NERERERERERERERERERERERERERERehmmoAAAACnRSTlMATVRbaeXo6fz+NPhZJgAAAF9JREFUKM9jYBjkQC0JXYS5a4UBmpDFqlXN6IpWrUJTprEKCJpQhLJAQsswhZaiCImDhAJp5kMxkPGJZLjLEiQ0GUWIZdaqVSsdUM33XLVqCpqVLLPQFTEwmAcP9qQAAFUgKabkwE6gAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-picker.ql-expanded .ql-picker-label { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAJFBMVEWqqqr////AwMDAwMDAwMDBwcHBwcHBwcHBwcHBwcHBwcHBwcEexLCPAAAAC3RSTlMAAE1UW2nl6On8/tZA57EAAABxSURBVHjazc4hFkBAGMTxL3AAp+AGniYiyaLnBETHoKkknbc7l7OrzW7zhP3HX5mRxCskEsknEaZoU6VDNbAyRRugSqICpoVotnT7dBFllnpefPuHUpjGD78aSztRfAK65cUOOIQpPnXrkFSDEFFB0APtK1HCkKpz1wAAAABJRU5ErkJggg=="); - } - - .ql-snow.ql-toolbar .ql-picker.ql-active:not(.ql-expanded) .ql-picker-label, - .ql-snow.ql-toolbar:not(.ios) .ql-picker:not(.ql-expanded) .ql-picker-label:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAAAAZ8oAZMsAZc0AZswAZswAZswAZswAZswAZswAZswhMkyGAAAACnRSTlMATVRbaeXo6fz+NPhZJgAAAF9JREFUKM9jYBjkQC0JXYS5a4UBmpDFqlXN6IpWrUJTprEKCJpQhLJAQsswhZaiCImDhAJp5kMxkPGJZLjLEiQ0GUWIZdaqVSsdUM33XLVqCpqVLLPQFTEwmAcP9qQAAFUgKabkwE6gAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-bold, - .ql-snow.ql-toolbar .ql-picker.ql-bold .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bold], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bold] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAxlBMVEUAAABVVVUzMzNVVVVJSUlGRkZAQEBJSUlAQEBAQEBAQEBHR0dCQkJGRkZAQEBGRkZCQkJERERDQ0NDQ0NGRkZERERDQ0NFRUVCQkJFRUVERERDQ0NDQ0NFRUVDQ0NERERERERERERERERERERERERERERERERERERFRUVDQ0NERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERfjmwgAAAAQXRSTlMAAwUGBwsMDhAUGBkbHSAhIykuOUJERUpNUVZYXGRne3yAi4+SmqWmq67R1tfY2dve5ujp7/Dy8/T19vf4+fv8/mUg1b0AAACrSURBVDjL5dPFDgJBEEXRxt3d3d11gPv/P8WCEAgZuno/b1WLk1TqJaWUI1Jc8852Mqz5bdHHALDK2CF+ckgYIHp/0GtypxpHYKlFSqkycJeQD7hIKADMJFQHulrkSrYs2MflCnZZgzKvo7RJmZeSAWIf1V3nihSGAG19BUq1gKmEQsBZQkHAklATmOuQN5zvP4COQQWnmIxuFfERWOTsXmrztWg8qHqUU/IEzOhNFx6Ncl4AAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-bold.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-bold .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bold].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bold].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-bold:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-bold .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=bold]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=bold]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAxlBMVEUAAAAAVaoAZswAVdUAbdsAXdEAatUAbcgAYM8AZswAasoAZswAaNAAasoAaMcAZMkAZswAZM0AZM0AZ8kAZM0AZcsAZMsAZMsAZ8oAZc0AZc0AZcsAZ8oAZswAZssAZssAZcwAZssAZ80AZs0AZ8wAZ80AZswAZ8wAZ8wAZ8wAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsyeO+aMAAAAQXRSTlMAAwUGBwsMDhAUGBkbHSAhIykuOUJERUpNUVZYXGRne3yAi4+SmqWmq67R1tfY2dve5ujp7/Dy8/T19vf4+fv8/mUg1b0AAACrSURBVDjL5dPFDgJBEEXRxt3d3d11gPv/P8WCEAgZuno/b1WLk1TqJaWUI1Jc8852Mqz5bdHHALDK2CF+ckgYIHp/0GtypxpHYKlFSqkycJeQD7hIKADMJFQHulrkSrYs2MflCnZZgzKvo7RJmZeSAWIf1V3nihSGAG19BUq1gKmEQsBZQkHAklATmOuQN5zvP4COQQWnmIxuFfERWOTsXmrztWg8qHqUU/IEzOhNFx6Ncl4AAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-italic, - .ql-snow.ql-toolbar .ql-picker.ql-italic .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=italic], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=italic] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAjVBMVEUAAAAAAACAgIBAQEBVVVVAQEBAQEBCQkJCQkJFRUVDQ0NBQUFDQ0NDQ0NDQ0NFRUVERERERERERERDQ0NERERDQ0NERERERERERERFRUVFRUVERERFRUVERERERERDQ0NERERERERERERDQ0NFRUVEREREREREREREREREREREREREREREREREREREREQUqV1+AAAALnRSTlMAAQIEBggMGyMlKisuUFhZXmJmb3R9hIiKjZGTlKWprrG0uL3BxObt8PL19/j9SqrrawAAAIJJREFUOMvl0jUOQgEQRVHc3d1dzv6XRwch+WRq4NYnmVdMKvU35RZXz+7LQiJqe6uXiDrvqJuI8vM7ALd14fOwIabR+i1agUmfUA1QGedMgJrYRZPGGEVoh0ZgMmeUAlTBMbrWwiZCEwwitEc9MNkLigGq4RBda2MVoRn6X/jfv9YDjuYgGnCpSqcAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-italic.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-italic .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=italic].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=italic].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-italic:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-italic .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=italic]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=italic]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAjVBMVEUAAAAAAP8AgP8AgL8AVdUAYL8AatUAaNAAZswAZ8gAZ8gAZcoAZM0AZswAZcsAZMsAZMsAZcsAZ8sAZcoAZcoAZswAZs0AZ8wAZs0AZ8wAZswAZs0AZs0AZswAZ8wAZ8wAZs0AZswAZ8wAZ8wAZs0AZcwAZswAZswAZswAZswAZswAZswAZswAZswAZsyyI9XbAAAALnRSTlMAAQIEBggMGyMlKisuUFhZXmJmb3R9hIiKjZGTlKWprrG0uL3BxObt8PL19/j9SqrrawAAAIJJREFUOMvl0jUOQgEQRVHc3d1dzv6XRwch+WRq4NYnmVdMKvU35RZXz+7LQiJqe6uXiDrvqJuI8vM7ALd14fOwIabR+i1agUmfUA1QGedMgJrYRZPGGEVoh0ZgMmeUAlTBMbrWwiZCEwwitEc9MNkLigGq4RBda2MVoRn6X/jfv9YDjuYgGnCpSqcAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-underline, - .ql-snow.ql-toolbar .ql-picker.ql-underline .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=underline], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=underline] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAAAAAAzMzNAQEBGRkZERERERERCQkJERERDQ0NFRUVERERERERFRUVERERERERERERFRUVERERERERERERDQ0NFRUVERERERERERERERERERERERERERET15sOLAAAAHXRSTlMAAQUMLC04TU9UVYePkJKkxMXG2Nrf4+jz9/n6/qlZ0HQAAACUSURBVHja7Y3BDsIgEAW3UCmCFatQxLL//5uuiQ0py1EPxs5tHhMW/oMhxoF5TUSMzGuQqH2PfiO60yiLStIHi260qqKKNLDI0XouOpI6Fh1f/x9W6xOpYZHwNM/9u5lJvACGzvSQRiWlOiUkNDSwuMFCi87mkmTbQRvt18aXWwxhXFiW4IyAr3LBJtMmmtrRFT7ME0B0HEswIOSJAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-underline.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-underline .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=underline].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=underline].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-underline:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-underline .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=underline]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=underline]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAAAAP8AZswAatUAaMsAZswAZM0AZ8oAZMsAZMsAZswAZswAZs0AZ80AZ8wAZ8wAZcwAZs0AZs0AZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZszogqY1AAAAHXRSTlMAAQUMLC04TU9UVYePkJKkxMXG2Nrf4+jz9/n6/qlZ0HQAAACUSURBVHja7Y3BDsIgEAW3UCmCFatQxLL//5uuiQ0py1EPxs5tHhMW/oMhxoF5TUSMzGuQqH2PfiO60yiLStIHi260qqKKNLDI0XouOpI6Fh1f/x9W6xOpYZHwNM/9u5lJvACGzvSQRiWlOiUkNDSwuMFCi87mkmTbQRvt18aXWwxhXFiW4IyAr3LBJtMmmtrRFT7ME0B0HEswIOSJAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-strike, - .ql-snow.ql-toolbar .ql-picker.ql-strike .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=strike], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=strike] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABLFBMVEUAAACAgIBVVVVAQEAzMzNVVVVAQEA5OTlNTU1JSUlERERHR0dDQ0NGRkZDQ0NAQEBCQkJAQEBGRkZAQEBGRkZERERBQUFERERGRkZCQkJGRkZERERFRUVERERDQ0NFRUVERERDQ0NFRUVCQkJDQ0NFRUVCQkJDQ0NERERDQ0NERERERERDQ0NFRUVERERERERERERERERFRUVERERDQ0NFRUVERERERERFRUVERERERERDQ0NDQ0NFRUVERERERERFRUVERERERERFRUVERERERERDQ0NERERFRUVERERERERERERFRUVERERERERERERERERFRUVERERERERERERFRUVERERERERERERERERERERERERERERERERERERERERERERERERERERERET5TTiyAAAAY3RSTlMAAgMEBQYICQoODxITFhcYGxwdICEtLzEzNjc4P0BFRkdISk1YWWBjaWtsdHZ3f4CHiImKjJGSk5SVl5ufo6Smp625uru8vb/BwsPExcbMzs/Q0dPi4+Tl6+zv8PL19vf4+/z2SQ4sAAABE0lEQVQ4y2NgGDmAV8c5PCkxxFGDE6cSDuOEZCiI0WXGroY/OBkJeHJhU8Pkm4wCXBixKFIHyUTqibJzS5lEgNhqWBT5AMWD+CFsHg8gxxuLoniguCyMIwLkxGFRBPKZDKEw8gMqCuAloEgb7HADMTZ8ijisjHTUlCSFOdgFxeVUNPXM7Z38QmJ9EApQxFFCyxeuxhtFPC7U39nBQl9LVV5CiAMpiFDEOYQlldR0jGwM8DmOVVDRLBpkpDIBr/KBXOBKKNSEgYpiMUQjgaLChBQ5A0W94AHO6wXkumEoUgY5NcpUUYCFRUDBNAqHw22T0YAdNp9bo6qxZMLqI4VAhJIgBZwelzZ0D4uLC3M3lB5B5QgAFQdgZ6NzzvYAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-strike.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-strike .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=strike].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=strike].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-strike:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-strike .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=strike]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=strike]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABLFBMVEUAAAAAgP8AVaoAgL8AZswAVdUAYL8AccYAZswAbcgAZswAY8YAa8kAaNEAZMgAasoAaNAAZMgAasoAaMcAZMkAZswAZ8kAaMsAZM0AaMsAZswAZM0AZcoAZMsAZMsAZswAZc0AZ8oAZMsAZ8oAZcsAZMsAZcoAZMsAZswAZssAZssAZcoAZssAZcwAZssAZs0AZswAZ8wAZs0AZs0AZswAZswAZ8wAZs0AZs0AZ80AZ8wAZswAZ8wAZs0AZ8wAZ8wAZs0AZs0AZswAZ8wAZs0AZs0AZ8wAZcwAZs0AZ8wAZswAZcwAZs0AZs0AZ8wAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswL5dPDAAAAY3RSTlMAAgMEBQYICQoODxITFhcYGxwdICEtLzEzNjc4P0BFRkdISk1YWWBjaWtsdHZ3f4CHiImKjJGSk5SVl5ufo6Smp625uru8vb/BwsPExcbMzs/Q0dPi4+Tl6+zv8PL19vf4+/z2SQ4sAAABE0lEQVQ4y2NgGDmAV8c5PCkxxFGDE6cSDuOEZCiI0WXGroY/OBkJeHJhU8Pkm4wCXBixKFIHyUTqibJzS5lEgNhqWBT5AMWD+CFsHg8gxxuLoniguCyMIwLkxGFRBPKZDKEw8gMqCuAloEgb7HADMTZ8ijisjHTUlCSFOdgFxeVUNPXM7Z38QmJ9EApQxFFCyxeuxhtFPC7U39nBQl9LVV5CiAMpiFDEOYQlldR0jGwM8DmOVVDRLBpkpDIBr/KBXOBKKNSEgYpiMUQjgaLChBQ5A0W94AHO6wXkumEoUgY5NcpUUYCFRUDBNAqHw22T0YAdNp9bo6qxZMLqI4VAhJIgBZwelzZ0D4uLC3M3lB5B5QgAFQdgZ6NzzvYAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-link, - .ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABDlBMVEUAAAD///8AAACAgIBVVVVAQEAzMzNVVVVAQEBNTU1HR0dAQEBJSUlGRkZDQ0NAQEBERERHR0dGRkZDQ0NBQUFGRkZERERCQkJGRkZFRUVCQkJFRUVERERDQ0NDQ0NCQkJFRUVDQ0NERERDQ0NFRUVDQ0NFRUVFRUVFRUVFRUVERERDQ0NFRUVERERFRUVERERERERDQ0NFRUVFRUVERERERERERERERERFRUVERERERERERERFRUVDQ0NERERERERFRUVERERERERERERERERERERERERERERERERERERERERFRUVERERERERERERERERERERERERERERERERERERERERERERERERERERERESFPz0UAAAAWXRSTlMAAAECAwQFBggKEhQVFhccHiQoKissLTIzNDpGR0hMTU5QUlRVW12BgoaHjI2PmJmam5ygpKWosbKztLW6vcDD0NLT2Nna3N7g4eLj5Ofo6err7u/w8vn7/A90CXkAAAFqSURBVDjLzdTHUgJREIXho8yo6JgFc0LFjAkVMZAFJYrCzP/+L+JCtJipS5U7Patbt79Vd1dr6BfRHyBJUiie6dSSiwrEh2aeAPAO7cEoUqWXdHgQirQAOh7A46gZzVQBzsfmSgAnRhR6AjiS5OQAd9aE4t9GmqoCCRPKAGe9zzhQDxlQBzpjknab9c2RD2DBgGrgzUlqQnfrHlg3oGug6Eh1oFsAEtvLVhAteUBuSjseP2lfzQf6dARQjY/s9SncY9uH7DQA7+ky/XkI+8YSfvRVC6k3AO4s34BHT90+1N2yYq8A+/5V0Wyi0ac2NJkD3KgfSaGF9QRQ9oCC5JSAiyCStA2k9jzISooCFQNaBlpWrJBdkTThQsOA7DYQ+3pbKeDWgHQFvDiSNJwEWDWheRfIOZKVBLiRCekYoBiZSAHkx83IfgDABXielhkpfAcAkJ/WICTrwAXgZlyDkRS9rDRu1wJL98/u0yeVYHcP1mwWWgAAAABJRU5ErkJggg=="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-link.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-link .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=link].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=link].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-link:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-link .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=link]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=link]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABDlBMVEUAAAD///8AAP8AgP8AVaoAgL8AZswAVdUAYL8AZswAY8YAZswAYc4AaNEAZMgAZMgAZswAY80AZswAZ8gAZcoAaMsAZswAZswAZM0AZ8kAZcoAZswAZc0AZ8oAZc0AZ8oAZcsAZswAZ8oAZMsAZswAZc0AZcsAZ84AZswAZ84AZswAZswAZ8wAZs0AZs0AZs0AZ80AZswAZ8wAZswAZ8wAZswAZs0AZs0AZs0AZ8wAZswAZ8wAZ8wAZ8wAZs0AZswAZs0AZswAZswAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsxCnEEHAAAAWXRSTlMAAAECAwQFBggKEhQVFhccHiQoKissLTIzNDpGR0hMTU5QUlRVW12BgoaHjI2PmJmam5ygpKWosbKztLW6vcDD0NLT2Nna3N7g4eLj5Ofo6err7u/w8vn7/A90CXkAAAFqSURBVDjLzdTHUgJREIXho8yo6JgFc0LFjAkVMZAFJYrCzP/+L+JCtJipS5U7Patbt79Vd1dr6BfRHyBJUiie6dSSiwrEh2aeAPAO7cEoUqWXdHgQirQAOh7A46gZzVQBzsfmSgAnRhR6AjiS5OQAd9aE4t9GmqoCCRPKAGe9zzhQDxlQBzpjknab9c2RD2DBgGrgzUlqQnfrHlg3oGug6Eh1oFsAEtvLVhAteUBuSjseP2lfzQf6dARQjY/s9SncY9uH7DQA7+ky/XkI+8YSfvRVC6k3AO4s34BHT90+1N2yYq8A+/5V0Wyi0ac2NJkD3KgfSaGF9QRQ9oCC5JSAiyCStA2k9jzISooCFQNaBlpWrJBdkTThQsOA7DYQ+3pbKeDWgHQFvDiSNJwEWDWheRfIOZKVBLiRCekYoBiZSAHkx83IfgDABXielhkpfAcAkJ/WICTrwAXgZlyDkRS9rDRu1wJL98/u0yeVYHcP1mwWWgAAAABJRU5ErkJggg=="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-image, - .ql-snow.ql-toolbar .ql-picker.ql-image .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=image], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=image] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAFVBMVEUAAABCQkJEREREREREREREREREREQL6X1nAAAABnRSTlMATXjl6OmAFiJpAAAAZklEQVR42sXQsQ3AIAxEUeQZoKdyzwg0DALo9h8hiCYXo4R0/MbSK1ycO5EHlScVpj4Jj97p/vtJPi9U+kptXIlMIY2r1b4XIBpSoDJJFIyYtKohAWBIV8Ke9kv8X7WwtEmBKbkDXfWkWdehkaSCAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-image.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-image .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=image].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=image].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-image:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-image .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=image]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=image]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAFVBMVEUAAAAAZ8oAZswAZswAZswAZswAZsx4QzxlAAAABnRSTlMATXjl6OmAFiJpAAAAZklEQVR42sXQsQ3AIAxEUeQZoKdyzwg0DALo9h8hiCYXo4R0/MbSK1ycO5EHlScVpj4Jj97p/vtJPi9U+kptXIlMIY2r1b4XIBpSoDJJFIyYtKohAWBIV8Ke9kv8X7WwtEmBKbkDXfWkWdehkaSCAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-list, - .ql-snow.ql-toolbar .ql-picker.ql-list .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=list], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=list] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAw1BMVEUAAAAAAABVVVVAQEBERERAQEBJSUlGRkZHR0dFRUVCQkJERERAQEBGRkZDQ0NFRUVDQ0NCQkJGRkZDQ0NCQkJERERDQ0NFRUVERERFRUVERERDQ0NERERERERDQ0NFRUVERERERERERERERERERERERERERERFRUVERERERERERERFRUVERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERESFbZw4AAAAQHRSTlMAAQYIDxAVFhkaGx4gKCo0NTY3OU10fYKIiYqMj56fo6SmqKmvtLe6vr/ExcbLz9fh4uXm5+jp7O/w8vP3+vv9Z7IwDAAAAK1JREFUOMvV0scOglAQQFGwYO+oiIq9YldEFPX+/1e5cGEii2FFdNY3b/JORlF+dAqNrS1GQyDEW+9Id/gaRw9EgQacMNEhuO4caD7rlgDS/2yAVWTiia53HWeEaMLzwUKIdvt08n4TxLMptc1UEo/38YqCuGZzKknimxDi6jpa8Vjn6I4kcQNgLkSmVSvjizeeb9ITbzxXxxLETatSxRfEWwAzicC4uANN+at5AdptTQ0Ubk4LAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-list.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-list .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=list].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=list].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-list:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-list .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=list]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=list]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAw1BMVEUAAAAAAP8AVdUAYL8AZswAYM8AYc4AaNEAZswAYs4AaNAAZswAaMcAZswAZ8gAZ8kAZcoAaMsAZswAZ8kAZ8oAZcoAZswAZswAZ8wAZs0AZs0AZswAZs0AZs0AZ8wAZs0AZ8wAZ8wAZs0AZ8wAZswAZswAZs0AZ8wAZswAZcwAZcwAZs0AZs0AZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZszno9YmAAAAQHRSTlMAAQYIDxAVFhkaGx4gKCo0NTY3OU10fYKIiYqMj56fo6SmqKmvtLe6vr/ExcbLz9fh4uXm5+jp7O/w8vP3+vv9Z7IwDAAAAK1JREFUOMvV0scOglAQQFGwYO+oiIq9YldEFPX+/1e5cGEii2FFdNY3b/JORlF+dAqNrS1GQyDEW+9Id/gaRw9EgQacMNEhuO4caD7rlgDS/2yAVWTiia53HWeEaMLzwUKIdvt08n4TxLMptc1UEo/38YqCuGZzKknimxDi6jpa8Vjn6I4kcQNgLkSmVSvjizeeb9ITbzxXxxLETatSxRfEWwAzicC4uANN+at5AdptTQ0Ubk4LAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-bullet, - .ql-snow.ql-toolbar .ql-picker.ql-bullet .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bullet], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bullet] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAAAzSURBVCjPY2AYACBsyCAcCgOGYCHTYAZTuFAwRCgISSgILCSiyCACF1JkGBgw6voBcj0AFsUtDasGrUcAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-bullet.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-bullet .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=bullet].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=bullet].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-bullet:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-bullet .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=bullet]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=bullet]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAAAzSURBVCjPY2AYACBsyCAcCgOGYCHTYAZTuFAwRCgISSgILCSiyCACF1JkGBgw6voBcj0AFsUtDasGrUcAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-authorship, - .ql-snow.ql-toolbar .ql-picker.ql-authorship .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=authorship], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=authorship] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAllBMVEUAAACAgIBAQEBCQkIAAABCQkJAQEBGRkZERERERERCQkJGRkZDQ0NDQ0NDQ0MAAAAAAAAAAABDQ0NFRUVERERFRUVERERFRUVERERFRUVERERERERERERERERERERERERERERFRUVEREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREQe3JVeAAAAMXRSTlMAAhgbHx8gIS0xMjM5VFdcXWZyd3yChImPkKy4yMrO0tPj5ebq7e7v8PLz9/j6/P3+mEwo9QAAAJxJREFUGBnVwNcOgjAYBeCj4l7FjeAGUZzn/V9O0kikSftf44c/0A+Tc9iFqHll7tKEJKAWQLKjtockpZZC8qL2hiSjlkESUYsgmVNbQtKhNoCgNrwz95w14NTe8Os2gUP9wJ8p7NYsebRg06NhAZsVDRFstjQksMlogs2Rhhg2o5glpxGqz1O+g/JQUL6TQkH5TmMUPOU7jD1U1AdG8S1kERvjygAAAABJRU5ErkJggg=="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-authorship.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-authorship .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=authorship].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=authorship].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-authorship:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-authorship .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=authorship]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=authorship]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAllBMVEUAAAAAgP8AasoAaNAAY84AaMcAZMkAZswAaMsAZswAZM0AZ8kAZMsAZ8oAZ8oAZcsAZc4AZ80AZcwAZcwAZcwAZswAZs0AZs0AZs0AZ80AZs0AZ8wAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsyCDIYeAAAAMXRSTlMAAhgbHyAhLTEyMzlUV1xdXWZyd3yChImPkKy4yMrO0tPj5ebq7e7v8PLz9/j6/P3+PxHOPAAAAJxJREFUGBnVwNcOgjAYBeCj1j0q7oEbRHGe9385SSORJu1/jR/+QGcdn9ctiNSVmYuCZEljCcmOxh6ShEYCyYvGG5KURgpJSCOEZEpjDkmTRheCSu/OzHNSg1djw6/bCB7VA3/GcFux4FGHS5uWGVwWtIRw2dISwyWlDS5HWiK49CMWnPooP6UDD62Q04GXRk4HXgPk1DDwGCiU1AcZWy1RmD8CRQAAAABJRU5ErkJggg=="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-color, - .ql-snow.ql-toolbar .ql-picker.ql-color .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=color], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=color] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAz1BMVEUAAAAAAACAgIBVVVVAQEBVVVU5OTk7OztLS0tHR0dGRkZCQkIAAABERERDQ0NDQ0NDQ0NDQ0NGRkZERERERERCQkJFRUVERERFRUVEREQAAAAAAABDQ0NFRUVEREQAAABERERFRUVERERDQ0NDQ0NERERERERERERERERERERERERERERERERERERFRUVFRUVERERERERERERERERERERDQ0NERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERbYaT1AAAARHRSTlMAAQIDBAYJDRESFhsfIiYqNUFCREtNVVZZWlxdY2RlZm1zdXZ9hI6Tl6Sws7nExcnS09XY2d/g5ejp6+zt8PP09/n9/idH/qoAAADKSURBVBgZ1cDXUsJAAIXhg2KMGruxsGoUe8cWoij1f/9nYiZDGJjsLrfwaRHEWRZrhuAXWoH8zgBO5VVpADTktU9uVz5P5B7lsdUn19+U2x3w+gbcyilsA0cnwP+qXOpAWl1pAhdyqKZAXboGvpZkdwi0Q2m9CxzI7oUJz7LaYdJgWzYPTLmXxUaPKZ01ld0A7xXllr+BK5VlwLlGLoFPlWXQCjQSduBDZfFPM9bY8V+6p7kXmcTBRCqYxMmoYBKnmgqRSRxqkebUEKsKOlxMa6IbAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-color.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-color .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=color].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=color].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-color:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-color .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=color]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=color]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA0lBMVEUAAAAAAP8AgP8AVaoAgL8AVdUAccYAYsQAadIAY8YAaNEAaNAAY84AacsAZckAZ8gAZcoAZswAZM0AZcsAZswAZ8oAZswAZc0AZMsAZswAZ8oAZcsAZc4AZMsAZswAZcoAZ80AZcwAZswAZssAZssAZswAZs0AZs0AZs0AZ8wAZ8wAZ8wAZ8wAZswAZcwAZs0AZcwAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswVaivDAAAARXRSTlMAAQIDBAYJDRESFhsfIiYqNUFCREtNVVZZWlxdXWNkZWZtc3V2fYSOk5eksLO5xMXJ0tPV2Nnf4OXo6evs7fDz9Pf5/f6Y2SWXAAAAy0lEQVQYGdXA11LCQACF4YNijBq7sbCWKPaOLURREPjf/5WYyRAGJrvLLXyaB3GWxZoi+IFWIL9TgBN5VRoADXntktuWzyO5B3ls9Mj11uV2C7y8AjdyCtvAwRHwtyyXOpBWl5rAuRyqKVCXroDPBdntA+1QWv0H9mT3zJgnWW0xrr8pm3sm3MlircuEzorKroG3inKLX8ClyjLgTEMXwIfKMmgFGgo78K6y+LsZa+TwN93RzItM4mAiFUziZFQwiVNNheg4cahFmlEDFzs7cwmPHM8AAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-background, - .ql-snow.ql-toolbar .ql-picker.ql-background .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=background], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=background] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA4VBMVEUAAAAAAACAgIBVVVVAQEBVVVU5OTk7OztLS0tHR0dGRkZCQkJERERDQ0NDQ0NDQ0NDQ0NERERCQkJEREQAAAADAwMGBgZDQ0NEREQODg5ERERDQ0NFRUVERERERERERERDQ0MiIiJDQ0MmJiZEREQrKytEREREREQyMjIyMjJEREREREREREQ4ODhERERERERFRUVFRUVERERERERERERERERAQEBERERERERBQUFERERERERERERBQUFERERERERERERBQUFERERERERERERDQ0NERERERERDQ0NERERERESZD8GyAAAASnRSTlMAAQIDBAYJDRESFhsiJio1QURJS01QU1RWWVpjZGVtdXZ4fYCEiI6TnZ6ksLO3ucTFydLT193g4OLl5ebn6enq6+7w8vP39/n+/rihcb4AAADbSURBVHjazZPFDsMwEERdZkpTZmbmpszd//+grhpFSaS1e+khc1jbmrG1z7KZdSXLgvo79M9ziKCkKJIeoUPJA8AxKT6H5QGVE3dlmwJqKqaLwVdRIV1fDfVEdKGXGnoFBXQtDIwnWJp8uswd/XQWy8XD7aqD9srp2uJQ5NElVuiWGKvisLFz6Bpo3ryM+R84iXO6GoFBQ5ouAka9wyRdF0waUHSBpzl09xF0dTRmNnXu2OOiTNDtAKCg7W3jYk7QnQGObu0KvVeAJUFXU9aS/h5Sp0VFtui/s6w+XSJAbiVJ3G0AAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-background.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-background .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=background].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=background].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-background:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-background .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=background]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=background]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA5FBMVEUAAAAAAP8AgP8AVaoAgL8AZswAVdUAYL8AccYAYsQAadIAY8YAaNEAasoAZswAYsQAaNAAacsAZckAadEAZ8gAZcoAZswAZswAZMkAZM0AZcsAZ8sAZswAaM0AZ8oAZ80AZswAZc0AZMsAZswAZMsAZswAZcoAZcwAZswAZssAZssAZswAZs0AZs0AZs0AZ8wAZ8wAZ8wAZ8wAZswAZcwAZs0AZcwAZswAZswAZs0AZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZswAZsxJPDLdAAAAS3RSTlMAAQIDBAUGCAkNERIWGBkaGyImJyo1N0FCQkRFS0xNTVVWWVpjZGVtc3V2fYSOk5eksLO5xMXJ0tPV2Nnf4OXo6evs7fDz9Pf5/f60OfwzAAABG0lEQVR42s2T6VKDQBCEGyUJoqgSjcYg8dZ43/EieCUa5/3fx661qMAu7O98P4bZnq5lZlkwvXS7k1hf1BTdZFEsFpvUMU15IU7TuKiYJu9d5MODZZ8WcCBk39ZVAKcvpG+ZrgNsimIdTtV0TeBGFNewdBWORTFesUx3QcP9A8N59XT+kPWdPYavOQQVXfVYTtz6gI8jvfUsdRNWe8ApHy8z5ftgm8WhDyx8M4nKumoBd5LjVkkaAdYkz+8qpQLqtK+kwKU5XRPLP1JgNF8y3RkLjw4Us69cnMDb0qdLqR9myjEXz2brNPG2NSKQqOGPRJ5gEr8NYoT/9yHE7mfShoarovYptDw7kiWLyZTbNZBa9saK33tDWZlPK39U3ELkzhssBgAAAABJRU5ErkJggg=="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-left, - .ql-snow.ql-toolbar .ql-picker.ql-left .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=left], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=left] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYACAcCgaGSEKmEKFgTKEgJCERiJAiw0ACqOuR/WCKLBSMKRSE7PqB9YMwuttRnBqMKRSEGvYD6HYAD8opyeJDvUUAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-left.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-left .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=left].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=left].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-left:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-left .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=left]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=left]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYACAcCgaGSEKmEKFgTKEgJCERiJAiw0ACqOuR/WCKLBSMKRSE7PqB9YMwuttRnBqMKRSEGvYD6HYAD8opyeJDvUUAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-right, - .ql-snow.ql-toolbar .ql-picker.ql-right .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=right], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=right] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYMCAcCgaGSEKmEKFgTKEgJCERiJDiwLob2fWmyELBmEJByO4eWNejuN8QNZCRw94U3fUo7h8Q1wMAuRspyVIXC2UAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-right.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-right .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=right].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=right].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-right:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-right .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=right]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=right]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYMCAcCgaGSEKmEKFgTKEgJCERiJDiwLob2fWmyELBmEJByO4eWNejuN8QNZCRw94U3fUo7h8Q1wMAuRspyVIXC2UAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-center, - .ql-snow.ql-toolbar .ql-picker.ql-center .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=center], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=center] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYGCAcCgaGSEKmEKFgTKEgJCERiJAiw4ABqNORPWCKLBSMKRSE7PQB9oAwuuNR3BqMKRSEGvID53gA5GspyQ9EElMAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-center.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-center .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=center].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=center].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-center:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-center .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=center]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=center]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAABCSURBVCjPY2AYGCAcCgaGSEKmEKFgTKEgJCERiJAiw4ABqNORPWCKLBSMKRSE7PQB9oAwuuNR3BqMKRSEGvID53gA5GspyQ9EElMAAAAASUVORK5CYII="); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-justify, - .ql-snow.ql-toolbar .ql-picker.ql-justify .ql-picker-label, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=justify], - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=justify] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAABCQkJEREREREREREREREQc4xmxAAAABXRSTlMATeXo6UtNtyIAAAAoSURBVCjPY2AYACAcigQMwUKmyELBmEJBYCERZCFFhoEBo64fINcDAAcQNGkJNhVcAAAAAElFTkSuQmCC"); - } - - .ql-snow.ql-toolbar .ql-format-button.ql-justify.ql-active, - .ql-snow.ql-toolbar .ql-picker.ql-justify .ql-picker-label.ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-label[data-value=justify].ql-active, - .ql-snow.ql-toolbar .ql-picker .ql-picker-item[data-value=justify].ql-selected, - .ql-snow.ql-toolbar:not(.ios) .ql-format-button.ql-justify:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker.ql-justify .ql-picker-label:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-label[data-value=justify]:hover, - .ql-snow.ql-toolbar:not(.ios) .ql-picker .ql-picker-item[data-value=justify]:hover { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAAAAZ8oAZswAZswAZswAZsxixJGvAAAABXRSTlMATeXo6UtNtyIAAAAoSURBVCjPY2AYACAcigQMwUKmyELBmEJBYCERZCFFhoEBo64fINcDAAcQNGkJNhVcAAAAAElFTkSuQmCC"); - } -} - -.ql-snow .ql-tooltip { - border: 1px solid #ccc; - box-shadow: 0px 0px 5px #ddd; - color: #222; -} - -.ql-snow .ql-tooltip a { - color: #06c; -} - -.ql-snow .ql-tooltip .input { - border: 1px solid #ccc; - margin: 0px; - padding: 5px; -} - -.ql-snow a { - color: #06c; -} - -/* - * The MIT License - * Copyright (c) 2012 Matias Meno